/*CSS Reset---- Esto hace que la visibilidad entre navegadores sea mas parecida, dentro de unos limites!!!*/

/*html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline
}

body {
     line-height: 1
}

:focus {
     outline: 0
}

ol, ul {
     list-style: none
}

table {
     border-collapse: collapse;
     border-spacing: 0
}

blockquote:before, blockquote:after, q:before, q:after {
     content: ""
}

blockquote, q {
     quotes: "" ""
}

input, textarea {
     margin: 0;
     padding: 0
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px
} Final CSS RESET*/

/* CSS Document */
 /* body */
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;    /* NOTA IMPORTANTE: AL USAR UNA IMAGEN COMO LINK EL NAVEGADOR LE PONE UN BORDE AUTOMAITCAMENTE, ENTONCES DEBEMOS PONER img{border: none; ó border: 0px;}*/
}
/* primera capa, incluye: Cabezera,....,pie*/

/* fondo blanco */
#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;
}
       /* /final cabezera*/

       /* Inicio de la parte central pagina ppal: Fotos. */

#bosquesdenoruegahome{
  float:left;
  width: 600px;
  height: 45px;
  background: #FFFFFF;
  margin-left: 180px;
  margin-top: 35px;
  padding: 0 0 0 0px;
}
#gandyhome{
  float:left;
  width: 318px;
  height: 239px;
  background: #FFFFFF;
  margin-left: 3px;
  margin-top: 30px;
  padding: 0 0 0 0px;
}
#hoksilahome{
  float:left;
  width: 318px;
  height: 239px;
  background: #FFFFFF;
  margin-left: 0px;
  margin-top: 30px;
  padding: 0 0 0 0px;
}

#arwenhome{
  float:left;
  width: 318px;
  height: 239px;
  background: #FFFFFF;
  margin-left: 0px;
  margin-top: 30px;
  padding: 0 0 0 0px;
}


#nfohome{
  clear:both;
  float:left;
  width: 600px;
  height: 45px;
  background: #FFFFFF;
  margin-left: 180px;
  margin-top: 35px;
  padding: 0 0 0 0px;
}
#idiomas{
  float: left;
  height: auto;
  width: auto;
  margin-left: 385px;
  margin-top: -5px;
}
#portugal{
  background-color: #CC0000;
  float:left;
  height: auto;
  width: auto;
  margin-left: 60px;
  margin-right: 30px;
}
#inglaterra{
  background-color: #6600CC;
  float: left;
  height: auto;
  width: auto;

}
#presentacion{
  width: 98%;
  height: auto;
  background-color: #F0FFF0;
  float:left;
  font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 5px 0px;

}



        /* Final de la parte central de la página ppal*/

       /* inicio pie*/
#pie{
  clear:both;
  background-color: #FFFFFF;
  width: 960px;
  height: 180px;
  padding-top: 35px;             /* Quitarlo al terminar con las páginas, no es necesario: era margin-top: 480 px;*/
}
#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;
}


        /* / final pie*/
        
        /* Página  Machos*/

#titulomachos{

  float:right;
  width: 300px;
  height: 60px;
  background-color: #FFFFFF;
  margin-right: 0px;
  margin-top: 30px;
  padding: 0 0 0 0px;
}

                  /* Zona de Gandy*/
.gandy{
  float:left;
  width: 600px;
  height: 40px;
  background-color: #FFFFFF;
  margin-left: 180px;
  margin-top: 30px;
  padding: 0 0 0 0px;
}

.gandytextoizq{
  float: left;
  width: 300px;
  height: 290px;
  background-color: #F0FFF0;
  text-align: center;
  margin-left: 30px;
  margin-top: 30px;
  padding: 0px 0px;
  font-size: 11px;
}

.gandyfoto{
  float: left;
  width: 300px;
  height: 290px;
  background-color: #F0FFF0; 
  margin-left: 0px;
  margin-top: 30px;
  padding: 0px 0px 0px 0px;
}

.gandytextoder{
  float: left;
  width: 300px;
  height: 290px;
  background-color: #F0FFF0;
  text-align: center;
  margin-left: 0px;
  margin-top: 30px;
  padding: 0 0 0 0px;
  font-size: 11px;
}
                  /* final zona Gandy*/


        /* Página  Hembras*/

#titulohembras{

  float:right;
  width: 300px;
  height: 60px;
  background: #FFFFFF;
  margin-right: 0px;
  margin-top: 30px;
  padding: 0 0 0 0px;
}

                  /* Zona de Lana*/

#lana{
  float:left;
  width: 600px;
  height: 40px;
  background: #FFFFFF;
  margin-left: 180px;
  margin-top: 30px;
  padding: 0 0 0 0px;
}
#lanatextoizq{
  float: left;
  width: 300px;
  height: 290px;
  background-color: #F0FFF0;
  text-align: center;
  margin-left: 30px;
  margin-top: 30px;
  padding: 0px 0px;
  font-size: 11px;
}

#lanafoto{
  float: left;
  width: 300px;
  height: 290px;
  background-color: #F0FFF0;
  margin-left: 0px;
  margin-top: 30px;

}

#lanatextoder{
  float: left;
  width: 300px;
  height: 290px;
  background-color: #F0FFF0;
  text-align: center;
  margin-left: 0px;
  margin-top: 30px;
  padding: 0 0 0 0px;
  font-size: 11px;
}
                  /*Final Zona de Lana*/

                  /* Zona de Arwen*/

#arwen{
  float:left;
  width: 600px;
  height: 40px;
  background: #FFFFFF;
  margin-left: 180px;
  margin-top: 30px;
  padding: 0 0 0 0px;
}
#arwentextoizq{
  float: left;
  width: 300px;
  height: 290px;
  background-color: #F0FFF0;
  text-align: center;
  margin-left: 30px;
  margin-top: 30px;
  padding: 0px 0px;
  font-size: 11px;
}

#arwenfoto{
  float: left;
  width: 300px;
  height: 290px;
  background-color: #F0FFF0;
  margin-left: 0px;
  margin-top: 30px;
  padding: 0 0 0 0px;
}

#arwentextoder{
  float: left;
  width: 300px;
  height: 290px;
  background-color: #F0FFF0;
  text-align: center;
  margin-left: 0px;
  margin-top: 30px;
  padding: 0 0 0 0px;
  font-size: 11px;
}
                  /*Final Zona de Arwen*/
                  
                  /* Zona de Hada*/

#hada{
  float:left;
  width: 600px;
  height: 40px;
  background: #FFFFFF;
  margin-left: 180px;
  margin-top: 30px;
  padding: 0 0 0 0px;
}
#hadatextoizq{
 float: left;
  width: 300px;
  height: 290px;
  background-color: #F0FFF0;
  text-align: center;
  margin-left: 30px;
  margin-top: 30px;
  padding: 0px 0px;
  font-size: 11px;
}

#hadafoto{
  float: left;
  width: 300px;
  height: 290px;
  background-color: #F0FFF0;
  margin-left: 0px;
  margin-top: 30px;
  padding: 0 0 0 0px;
}

#hadatextoder{
  float: left;
  width: 300px;
  height: 290px;
  background-color: #F0FFF0;
  text-align: center;
  margin-left: 0px;
  margin-top: 30px;
  padding: 0 0 0 0px;
  font-size: 11px;
}
                  /*Final Zona de Hada*/

                  /* Zona de Arubi*/

#arubi{
  float:left;
  width: 600px;
  height: 40px;
  background: #FFFFFF;
  margin-left: 180px;
  margin-top: 30px;
  padding: 0 0 0 0px;
}
#arubitextoizq{
  float: left;
  width: 300px;
  height: 290px;
  background-color: #F0FFF0;
  text-align: center;
  margin-left: 30px;
  margin-top: 30px;
  padding: 0px 0px;
  font-size: 11px;
}

#arubifoto{
  float: left;
  width: 300px;
  height: 290px;
  background-color: #F0FFF0; 
  margin-left: 0px;
  margin-top: 30px;
  padding: 0 0 0 0px;
}

#arubitextoder{
  float: left;
  width: 300px;
  height: 290px;
  background-color: #F0FFF0;
  text-align: center;
  margin-left: 0px;
  margin-top: 30px;
  padding: 0 0 0 0px;
  font-size: 11px;
}
                  /*Final Zona de Arubi*/


                  /* Zona de Lua*/

#lua{
  float:left;
  width: 600px;
  height: 40px;
  background: #FFFFFF;
  margin-left: 180px;
  margin-top: 30px;
  padding: 0 0 0 0px;
}
#luatextoizq{
  float: left;
  width: 300px;
  height: 290px;
  background-color: #F0FFF0;
  text-align: center;
  margin-left: 30px;
  margin-top: 30px;
  padding: 0px 0px;
  font-size: 11px;
}

#luafoto{
  float: left;
  width: 300px;
  height: 290px;
  background-color: #F0FFF0;
  margin-left: 0px;
  margin-top: 30px;
  padding: 0 0 0 0px;
}

#luatextoder{
  float: left;
  width: 300px;
  height: 290px;
  background-color: #F0FFF0;
  text-align: center;
  margin-left: 0px;
  margin-top: 30px;
  padding: 0 0 0 0px;
  font-size: 11px;
}
                  /*Final Zona de Lua*/
                  /* Bella */
.lua{
  float:left;
  width: 600px;
  height: 40px;
  background: #FFFFFF;
  margin-left: 180px;
  margin-top: 30px;
  padding: 0 0 0 0px;
}
.luatextoizq{
  float: left;
  width: 300px;
  height: 290px;
  background-color: #F0FFF0;
  text-align: center;
  margin-left: 30px;
  margin-top: 30px;
  padding: 0px 0px;
  font-size: 11px;
}

.luafoto{
  float: left;
  width: 300px;
  height: 290px;
  background-color: #F0FFF0;
  margin-left: 0px;
  margin-top: 30px;
  padding: 0 0 0 0px;
}

.luatextoder{
  float: left;
  width: 300px;
  height: 290px;
  background-color: #F0FFF0;
  text-align: center;
  margin-left: 0px;
  margin-top: 30px;
  padding: 0 0 0 0px;
  font-size: 11px;
}


        /* Pagina cachorros*/
#titulocachorros{

  float:right;
  width: 400px;
  height: 60px;
  background: #FFFFFF;
  margin-right: 0px;
  margin-top: 30px;
  padding: 0 0 0 0px;
}                      
               /* Inicio tabla fotos cachorros*/
 /*camada... nacida....*/
.tcamada{
  float:left;
  background-color: #FFFFFF;
  margin-left: 80px;
  margin-top: 30px;
  text-align: left;
  font-family: Comic Sans MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #020202;
  width: 60%;
}
/*contenedor de los padres*/
#padres{
  float:left;
  background-color: #F0FFF0;
  width: 800px;
  height: auto;
  margin-left: 80px;
  margin-top: 15px;
  border: 1.8px solid #9D9D9D;
  padding-bottom: 20px;
}
/*los padres: */
.npas{
  float: left;
  margin-top: 25px;
  margin-left: 10px;
  font-family: Comic Sans MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 18px;
  text-align: left;
  color: #636363;
  width: 60%;

}


/* nombre padre */

.npa{
  float: left;
  margin-top: 25px;
  margin-left: 150px;
  font-family: Comic Sans MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-align: center;
  font-size: 14px;
  width: 20%;

}


 /*foto padre*/
.tpai{
  float:left;
  background-color: #FFFFFF;
  margin-left: 110px;
  border: 1px outset #9D9D9D;
  margin-top: 10px;
}

/*nombre madre*/
.tmai{
  float: left;
  margin-top: 25px;
  margin-left: 150px;
  font-family: Comic Sans MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-align: center;
  font-size: 14px;
  width: 30%;
}

 /*Foto madre*/

.fmai{
  float:left;
  background-color: #FFFFFF;
  margin-left: 120px;
  text-align: center;
  border: 1px outset #9D9D9D;
  margin-top: 10px;
}
.tped{
  float: left;
  margin-top: 30px;
  margin-left: 280px;
  font-family: Comic Sans MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-align: center;
  font-size: 14px;
  width: 30%;
}


 /*Fin contenedor padres*/

 /*Inicio Galeria de Cachorros*/


#bg_gallery{                            /*Esta capa solo es visible en IE por que cada etiqueta lleva antes un * */
  *float: left;
  *height: -500px;
  *width: 800px;
  *background-color: #F0FFF0;
  *border: 1.5px  solid #575821;
  *margin-top: 35px;
  *margin-left: 80px;
  *margin-bottom: -700px;

}

#gallery {
  float: left;
  height: 600px;
  width: 800px;
  background-color: #F0FFF0;
  border: 1.5px  solid #575821;
  margin-top: 35px;
  margin-left: 80px;

/* Variaciones de la capa gallery con "*" que solo es visible en explorer*/

  *float: left;
  *height: -500px;
  *width: 0px;
  *background-color: #F0FFF0;
  *border: none;
  *margin-top: 0px;
  *margin-left: 0px;

 }

/* los rectángulo que contendrán cada una de las imágenes */
#gallery div {
  overflow: hidden;
  position: relative;

 /* efectos opcionales */
  box-shadow: 3px 3px 50px #555;
 -moz-box-shadow: 3px 3px 50px #555;
 -webkit-box-shadow: 3px 3px 50px #555;
 -webkit-transition: all 1500ms linear;
  background-color: #444;
  opacity: 0.9;
}
       /* el efecto hover sobre las imágenes las "endereza" */
#gallery div#img1:hover, #gallery div#img2:hover, #gallery div#img3:hover, #gallery div#img4:hover, #gallery div#img5:hover{
 -moz-transform: rotate(0deg);
 -webkit-transform: rotate(0deg);
 opacity: 1;  z-index: 999;
}
 /* los textos optativos */
/*#gallery span {
 background-color: transparent;
 bottom: 5px;
 color: #FFFF00;
 font-size: 16px;
 font-weight: bold;
 padding: 2px 10px;
 position: relative;
 right: 0px;
 text-align: center;
 width: 40%;
} */
 /* ahora debemos definir la posicion y el giro de cada imagen */
#gallery #img1 {
    /* esto rota la imagen una catidad de grados a la izquierda (valores negativos) o hacia la derecha (valores positivos) */
 -moz-transform: rotate(10deg);
 -webkit-transform: rotate(10deg);
  /* esta es la posición dentro del rectángulo #gallerty y podemos usar left top right o bottom */
 width: 300px;
 height: 200px;
 left:290px;
 top: 20px;
 *top: 50px;     /*Para modificar la posicion de la img1 en explorer, solo en explorer*/
 *left: 300px;   /*Para modificar la posicion de la img1 en explorer, solo en explorer*/
  top:first-child: 50px;

 /* esto indicará la capa, cuanto más bajo sea el valor, más abajo estará y permite superponerlas */
  z-index:1;
  border: 5px  groove  #FFFF00;
  *border: 5px  ridge  #FFFF00;
}


/*Css valido solo para Opera, para corregir posicion de imagenes de cachorros*/
/*  PARA ESTE CASO NO VALE, PERO ES BUENO CONSERVAR EL CODIGO
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){
  #gallery #img1{
  margin-top: 80px;
  margin-left: 80px;
}
}

 /* lo mismo hacemos con todas las demás, por ejemplo */
#gallery #img2 {
   -moz-transform: rotate(25deg);
   -webkit-transform: rotate(25deg);
   width: 300px;
   height: 200px;
   left:30px;
   top: -80px;
   *top: 60px;  /*Para modificar la posicion de la img2 en explorer, solo en explorer*/

   z-index:2;
   border: 5px  groove  #FFFF00;
   *border: 5px  ridge  #FFFF00; /*Para modificar el borde de la img2 en explorer, solo en explorer*/


}

 /*Css valido solo para Opera, para corregir posicion de imagenes de cachorros*/ /*         PARA ESTE CASO NO VALE, PERO ES BUENO CONSERVAR EL CODIGO
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){
  #gallery #img2{
  margin-top: 150px;
  margin-left: 40px;
}
} */

#gallery #img3 {
   -moz-transform: rotate(-5deg);
   -webkit-transform: rotate(-5deg);
   width: 300px;
   height: 200px;
   left:50px;
   top: -70px;
   *top: 90px;       /*Para modificar la posicion de la img3 en explorer, solo en explorer*/
   *left: 70px;      /*Para modificar la posicion de la img1 en explorer, solo en explorer*/
   z-index:3;
   border: 5px  groove  #FFFF00;
   *border: 5px  ridge  #FFFF00;       /*Para modificar el borde de img3 , solo en explorer*/
}

/*Css valido solo para Opera, para corregir posicion de imagenes de cachorros*/ /*       PARA ESTE CASO NO VALE, PERO ES BUENO CONSERVAR EL CODIGO
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){
  #gallery #img3{
  margin-top: 350px;
  margin-left: 20px;
}
} */
#gallery #img4 {
   -moz-transform: rotate(5deg);
   -webkit-transform: rotate(5deg);
   width: 300px;
   height: 200px;
   left:500px;
   top: -250px;
   *top: -30px;       /*Para modificar la posicion de la img4 en explorer, solo en explorer*/
   *left:450px;       /*Para modificar la posicion de la img4 en explorer, solo en explorer*/
   z-index:4;
   border: 5px  groove  #FFFF00;
   *border: 5px  ridge  #FFFF00;      /*Para modificar el borde de img4 en explorer, solo en explorer*/
 }
#gallery #img5 {
  -moz-transform: rotate(25deg);
  -webkit-transform: rotate(25deg);
  width: 300px;
  height: 200px;
  left: 300px;
  top: -600px;
  *top: -500px ;                 /*Para modificar la posicion de la img en explorer, solo en explorer*/
  *left: 400px;                  /*Para modificar la posicion de la img5 en explorer, solo en explorer*/
  z-index:5;
  border: 5px  groove  #FFFF00;
  *border: 5px  ridge  #FFFF00;   /*Para modificar el borde de img5 en explorer, solo en explorer*/
}


/* final galeria de cachorros*/

#codigos{
  clear:both;
  float: left;
  width: 800px;
  height: auto;
  background-color:  #F0FFF0;
  border: 1.8px solid #9D9D9D;
  text-align: center;
  margin-left: 80px;
  margin-top: 30px;
  margin-bottom: 30px ;
  *margin-top: 500px;            /*modifica la posicion en explorer, solo en explorer debido al * .*/


}

               /* final tabla fotos cachorros*/

               /* Inicio tabla pesos*/
.table{
  width: 900px;
  border: solid 1px #006600;
  text-align: center;
  font-size: 13px;
  margin-left: 30px;
  margin-top: 30px;
}
/*body:nth-of-type(1) table {     codigo css valido para safari y chrome, ya que los dos usan el mismo motor webkit 
  margin-left: 30px;
  margin-top: 30px;
}*/

tr{
  border: solid 1px #66CC33;
  text-align: center;
  background-color: #FFFFFF;
  color: #009900;
}
.trcabezera{
  border: solid 1px #66CC33;
  text-align: center;
  background-color: #66CC33;
  color: #FFFFFF;
}
td{
  border: solid 1px #66CC33;
  text-align: center;
  border-spacing: 2px;
 /* font-style: #66CC33;*/
}
.td1{
  width: 125px;
}
.td2{
  color: #000000;

}
               /* Final tabla pesos*/



               /* Inicio condiciones de venta*/





               /* Final condiciones de venta*/

        /*Página planes*/

#tituloplanes{

  float:right;
  width: 400px;
  height: 60px;
  background: #FFFFFF;
  margin-right: 0px;
  margin-top: 30px;
  padding: 0 0 0 0px;
}
.c2{
  float: left;
  width: 650px;
  height: auto;
  margin-left: 90px;
  margin-top: 30px;
  background-color: #F0FFF0;
  padding: 30px 30px;
}
.texplans{
  text-align: center;
}


        /* Página camadas*/

#titulocamadas{

  float:right;
  width: 400px;
  height: 60px;
  background: #FFFFFF;
  margin-right: 0px;
  margin-top: 30px;
  padding: 0 0 0 0px;
}
.c1{
  float: left;
  width: 90%;
  height: auto;
  margin-left: 50px;
  margin-top: 30px;
  padding-top: 50px;
  padding-bottom: 50px;
}


.litter{
  width: 550px;
  border: solid 1px #AFAFAF;
  margin: auto;
  font-size: 13px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
.tdtitlelitter{
  text-align: center;
  border: inset 1px #A1A1A1;
  vertical-align: middle;
  background-color: #F0FFF0;
}
.ptitle{
  text-align: center;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: bolder;
}
.td1litter{
  text-align: right;
  border: inset 1px #A1A1A1;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bolder;
  font-size: 14px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 5px;
  background-color: #F0FFF0;
}
.tdmale{
  width: auto;
  height: 251px;
  vertical-align: middle;
  text-align: center;
  border: inset 1px #A1A1A1;
  background-color: #F0FFF0;
}
.ptdmale{
  width: 90px;
  text-align: center;
  font-weight: bolder;
  color: #000000;
  font-size: 11px;
  padding-left: 0px;
}
.tdkitten{
  width: auto;
  height: 251px;
  vertical-align: top;
  text-align: center;
  border: inset 1px #A1A1A1;
  background-color: #F0FFF0;
}
.ptdkitten{
  width: auto;
  text-align: center;
  color: #000000;
  font-weight: bolder;
  font-size: 10px;
  padding-left: 5px;
  padding-right: 5px;
}
.blue{
  width: auto;
  text-align: center;
  color: #0000CC;
  font-weight: bolder;
  font-size: 10px;
  padding-left: 0px;
  padding-right: 0px;
}
.tdpedigri{
  text-align: center;
  border: inset 1px #A1A1A1;
  vertical-align: middle;
  background-color: #F0FFF0;
}
.ppedigri{
  text-align: center;
}


        /* Pagina proyecto*/
#tituloproyecto{

  float:right;
  width: 400px;
  height: 60px;
  background: #FFFFFF;
  margin-right: 0px;
  margin-top: 30px;
  padding: 0 0 0 0px;
}
#fotoproyecto{
  float: left;
  width: 480px;
  height: auto;
  margin-left: 30px;
  margin-top: 100px;
}
#textoproyarrib{
  float:right;
  width: 45%;
  height: auto;
  margin-right: 10px;
  margin-top: 10px;
}
#textoproycent{
  float: left;
  width: 95.8%;
  height: auto;
  margin-left: 30px;
  margin-right: 10px;
}
#textoproyabajo{
  float: left;
  width: 480px;
  height: auto;
  margin-left: 30px;
}
#fotoproyabajo{
  float:right;
  width: auto;
  height: auto;
  margin-right: 3px;
  margin-top: 60px;
}
        /* Pagina Contacto */

#titulocontacto{

  float:right;
  width: 400px;
  height: 60px;
  background: #FFFFFF;
  margin-right: 0px;
  margin-top: 30px;
  padding: 0 0 0 0px;
}
#fotocontacto{
  float: left;
  width: 480px;
  height: auto;
  margin-left: 30px;
  margin-top: 100px;
}
#textocontacto{
  float:right;
  width: 45%;
  height: auto;
  margin-right: 10px;
  margin-top: 10px;
}



        /* Pagina Bosque*/

#titulobosque{

  float:right;
  width: 400px;
  height: 60px;
  background: #FFFFFF;
  margin-right: 0px;
  margin-top: 30px;
  padding: 0 0 0 0px;
}
#fotobig{
  float: left;
  width: auto;
  height: auto;
  margin-left: 30px;
  margin-top: 100px;
}

#textobosquesup{
  float:right;
  width: 72%;
  height: auto;
  margin-right: 20px;
  margin-top: 10px;
}
#textobosquecent{
  float: left;
  width: 94.8%;
  height: auto;
  margin-left: 30px;
  margin-right: 20px;
}


        /* 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;
}
         /* Página de Links */
#titulolinks{

  float:right;
  width: 400px;
  height: 60px;
  background: #FFFFFF;
  margin-right: 0px;
  margin-top: 30px;
  margin-bottom: 10px;
  padding: 0 0 0 0px;
}

.mibaner{
  float:left;
  background-color: #F0FFF0;
  margin-top: 10px;
  margin-left: 150px;
  width: 600px;
  height: auto;
  font-family: Comic Sans MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-align: center;
  font-size: 14px;
  padding: 25px 10px;
}
textarea{
  margin-left: 10px;
  *margin-left: -150px;
}


.nav_barlinks1{
  float: left;
  background: url(nav_bar/nav_bar3.gif) no-repeat;
  margin-top: 30px;
  margin-left: 80px;
  width: 200px;
  height: 34px;
  font-family: Comic Sans MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-align: center;
  font-size: 14px;
  padding-top: 5px;
}
.nav_barlinks1 a:link{
  font-weight: bolder;
  text-decoration: none;
}
.nav_barlinks1 a:hover{
  font-weight: bolder;
  text-decoration: none;
  color:#FFFFFF;
  font-size: 16px;
}
.nav_barlinks1 a:visited{
  font-weight: bolder;
  text-decoration: none;
  color: #000000;
}
.nav_barlinks2{
  float: left;
  background: url(nav_bar/nav_bar3.gif) no-repeat;
  margin-top: 30px;
  margin-left: 380px;
  width: 200px;
  height: 34px;
  font-family: Comic Sans MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-align: center;
  font-size: 14px;
  padding-top: 5px;
}
.nav_barlinks2 a:link{
  font-weight: bolder;
  text-decoration: none;
}
.nav_barlinks2 a:hover{
  font-weight: bolder;
  text-decoration: none;
  color:#FFFFFF;
  font-size: 16px;
}
.nav_barlinks2 a:visited{
  font-weight: bolder;
  text-decoration: none;
  color: #000000;
}
.nav_barlinks3{
  float: left;
  background: url(nav_bar/nav_bar4.gif) no-repeat;
  margin-top: 10px;
  margin-left: 150px;
  width: 300px;
  height: 51px;
  font-family: Comic Sans MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-align: center;
  font-size: 16px;
  padding-top: 8px;
}
.table_links{
  border: 2px ridge #D4D0C8;
}
.table_links td{
  border: 1px outset #D4D0C8;
}
.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;
}
.img_centra{
  vertical-align: middle;
}
.table_links_noborder{
  border: none;
  background-color: transparent;
}
.table_links_noborder tr{
  border: none;
  background-color: transparent;
}
.table_links_noborder td{
  border: none;
  background-color: transparent;
  width: 170px;
}
.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;
}