body{
  margin: 10px 10px 10px 10px;
  background: url(fondo.jpg) left top repeat-x #66CC33;
  font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-align: center;
  padding: 2px 2px 2px 2px;
}
.limpia{
  clear: both;
}


ul{
  text-align: justify;
  list-style-type: square;

}
li{
  padding-bottom: 20px;
  padding-right: 10px;
}
p{
  text-align: justify;
  padding: 10px 10px;
}
.nondec{           /*li*/
  list-style: none;
  padding: 7px 3px;
}
.nondec2{           /*li usado en estado gatitos, pagina cachorros*/
  list-style: none;
  padding: 10px 3px;
}
.nondeco{      /*ul*/
  list-style: none;
  padding: 10px 0px;
}
.dos{                       /* Usado en la pagina de bosques*/
  list-style-type: disc;
  padding-bottom: 15px;
  margin-left: 30px;
}


.tres{                       /* Usado en la pagina de bosques*/
  list-style-type: circle;
  padding-bottom: 10px;
  margin-left: 70px;
}
.tresc{                       /* Usado en la pagina de cachorros*/
  list-style-type: disc;
  padding-top: 5px;
  padding-bottom: 10px;
  margin-left: 70px;
}

.foto{            /* colocacion de las fotos de paginas de machos y hembras */
  margin-top: 13px;
  border: 1px outset #9D9D9D;
}
.nav_barvideos{
  float: right;
  margin-top: 9px;
  margin-right: 3px;
  padding-top: 10px;
  background-image: url(nav_bar/nav_bar_2.gif);
  width: 200px;
  height: 35px;
  text-align: center;
  font-weight: bolder;
  vertical-align: middle;
  font-family: Comic Sans MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 14px;
}
.nav_barvideos a:link{
  color:#669900;
  font-weight: bolder;
  text-decoration: none;
}

/*Inicio Estilos*/
.estilo1{
    color: #33CC00;
	font-size: 12px;
    font-weight: bolder;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.color{
  background-color: #F0FFF0;/* color de fondo en contactos */
  padding-top: 15px;
  padding-bottom: 40px;
}


/*Fin Estilos*/



/* /body */
img{
  border: none;
}

#caja1{
  background-color: #FFFFFF;
  width: 960px;
  margin: auto;
  border: solid 1px #000000;
}
          /* /final fondo blanco*/
          /*  inicio cabezera*/
#home{
  float:left;
  width: 87px;
  height: 22px;
  background: #FFFFFF;
  margin: 0px;
  padding: 0 0 0 0px;
}
#machos{
  float:left;
  width: 87px;
  height: 22px;
  background: #FFFFFF;
  margin-left: 0px;
  margin-top: 0px;
  padding: 0 0 0 0px;
}
#hembras{
  float:left;
  width: 87px;
  height: 22px;
  background-color: #FFFFFF;
  margin-left: 0px;
  margin-top: 0px;
  padding: 0 0 0 0px;
}
#cachorros{
  float:left;
  width: 87px;
  height: 22px;
  background-color: #FFFFFF;
  margin-left: 0px;
  margin-top: 0px;
  padding: 0 0 0 0px;
}
#planes{
  float:left;
  width: 87px;
  height: 22px;
  background-color: #FFFFFF;
  margin-left: 0px;
  margin-top: 0px;
  padding: 0 0 0 0px;
}
#camadas{
  float:left;
  width: 87px;
  height: 22px;
  background-color: #FFFFFF;
  margin-left: 0px;
  margin-top: 0px;
  padding: 0 0 0 0px;
}
#proyecto{
  float:left;
  width: 87px;
  height: 22px;
  background-color: #FFFFFF;
  margin-left: 0px;
  margin-top: 0px;
  padding: 0 0 0 0px;
}
#contacto{
  float:left;
  width: 87px;
  height: 22px;
  background-color: #FFFFFF;
  margin-left: 0px;
  margin-top: 0px;
  padding: 0 0 0 0px;
}
#links{
  float:left;
  width: 87px;
  height: 22px;
  background-color: #FFFFFF;
  margin-left: 0px;
  margin-top: 0px;
  padding: 0 0 0 0px;
}
#bosque{
  float:left;
  width: 87px;
  height: 22px;
  background-color: #FFFFFF;
  margin-left: 0px;
  margin-top: 0px;
  padding: 0 0 0 0px;
}
#blog{
  float:left;
  width: 87px;
  height: 22px;
  background-color: #FFFFFF;
  margin-left: 0px;
  margin-top: 0px;
  padding: 0 0 0 0px;
}

       /* inicio pie*/
#pie{
  clear:both;
  background-color: #FFFFFF;
  width: 960px;
  height: 180px;
  padding-top: 35px;
}
#pie2{
  margin: auto;
  width: 960px;
  height: auto;
  padding-top: 20px;
}
#fleco{
  float: left;
  width: auto;
  height: auto;
  padding-top: 2px;
  padding-left: 0px;
}
#copy{
  float: right;
  width: auto;
  height: auto;
  padding-right: 0px;
  padding-top: 5px;
  font-weight: bolder;
}
#design{
  float: right;
  width: auto;
  height: auto;
  margin-right: 305px;
  padding-top: 7px;
  font-weight: bolder;
  font-size: 9px;
}

        /* pagina galerias*/

#titulogaleria{

  float:right;
  width: 400px;
  height: 60px;
  background: #FFFFFF;
  margin-right: 0px;
  margin-top: 0px;
  padding: 0 0 0 0px;
}
.gallery_name{
  float: left;
  margin-left: 150px;
  background-image: url(t_lana.jpg);
  margin-top: 10px;
  width: 600px;
  height: 40px;
}
.foto1{
  float: left;
  width: 294px;
  height: 128px;
  margin-left: 40px;
  margin-top: 40px;
}
.foto2{
  float: left;
  width: 294px;
  height: 384px;
  margin-left: 5px;
  margin-top: 40px;
}
.foto3{
  float: left;
  width: 294px;
  height: 128px;
  margin-left: 5px;
  margin-top: 40px;
}
.foto4{
  float: left;
  width: 294px;
  height: 128px;
  margin-left: 40px;
  margin-top: -245px;
  *margin-left: 40px;
  *margin-top: -244px;
}
.foto5{
  float: left;
  width: 294px;
  height: 128px;
  margin-left: 40px;
  margin-top: -108px;
  *margin-left: -295px;
  margin-top: -106
}
.foto6{
  float: right;
  width: 294px;
  height: 128px;
  margin-right: 27px;
  margin-top: -245px;
}
.foto7{
  float: right;
  width: 294px;
  height: 128px;
  margin-right: 27px;
  margin-top: -108px;
  *margin-right: -300px;


}
.nav_barfotos{
  float: left;
  margin-top: 25px;
  margin-left: 389px;
  padding-top: 10px;
  background-image: url(nav_bar/nav_bar_2.gif);
  width: 200px;
  height: 35px;
  text-align: center;
  font-weight: bolder;
  vertical-align: middle;
  font-family: Comic Sans MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 14px;
}
.nav_barfotos a:link{
  color: #669900;
  font-weight: bolder;
  text-decoration: none;
}
.bosques{
  float:left;
  background-color: #F0FFF0;
  margin-top: 30px;
  margin-left: 85px;
  width: 730px;
  height: auto;
  font-family: Comic Sans MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-align: center;
  font-size: 14px;
  padding: 25px 10px;
}
#tituloplanes{

  float:right;
  width: 400px;
  height: 60px;
  background: #FFFFFF;
  margin-right: 0px;
  margin-top: 30px;
  padding: 0 0 0 0px;
}
.interesantes{
  float:left;
  background-color: #F0FFF0;
  margin-top: 30px;
  margin-left: 85px;
  width: 730px;
  height: auto;
  font-family: Comic Sans MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-align: left;
  font-size: 14px;
  padding: 25px 10px;
}