/* Estilo de la página (contenedor general) */

body{
font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align: center; background: url(../images/huellas.gif) ; background-attachment:fixed;
 overflow-y: scroll; /* muestra la barra de desplazamiento en firefox */
}
#contenedor{
text-align: left;
width: 770px;
margin: auto;
}

#cabecera{
height : 150px;
width: 770px;
background-image:url(../images/logo.gif);background-repeat: no-repeat;
} 

#pie{
width: 770px;
height: 150px;
background-image:url(../images/pie.gif);background-repeat: no-repeat; z-index: 10;
}

/* Menu de navegación */

#navbar { margin: 0px auto; padding: 0px; width:770px; height: 31px; background: url(../images/bnav.gif) no-repeat;clear:left;
}

#navbar a{font : 10pt Arial Black, Verdana, Geneva, Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none;}
#navbar a:hover{font : 10pt Arial Black, Verdana, Geneva, Arial, Helvetica, sans-serif; color:#CC3333; text-decoration: none; background-color:#FFFFFF;}

 
/* Columnas y contenidos propiedad float: left para que vayan unidas en fila. */

#columna1{float: left; background: #0000ff; width: 10 px;}

#contenido{width: 770 px; background-image:url(../images/fondocon.gif) repeat-x;}

#columna2 {float: left; background: #0000ff; width:10 px;}

/*  background: #cc3333*/
#prueba {width: 610 px; margin-left: 10px; margin-top: 12px; font-size: 12px; background: #cc3333; text-align: left;}

#prueba p { margin-left: 0;}

.textow {
    font-family: arial ; font: 12 px; margin-left: 10 px; left: 10px; padding-left:10; padding-right: 5px; color:#FFFFFF;
	text-align: left;
	}
	
	
	
.visitas { font: Georgia; font-size: 10px; color: #FFFFFF; margin-right: 5px;}

/* noticias */

#textonoticia {width: 600px; font: 12px; left:0; ; font:Courier News; color:#FFF; background-color:#cc3333;}
#titulonoticia {font-family: "Times New Roman", Times, serif;  font: 20 px; color:#FFFFFF; font-style:oblique;}

/* formulario de contacto*/

#formulariocontacto {width: 590px; font: 12px; ;font: Courier News; color: #ffffff;}
#fcontact {widh: 100px; height: 100px;}
#fcont { border:1px solid #990000; width:450px; margin:auto;}
#fcont legend{ font-weight:bold; font-size:12px; color:#fff;}
#fcont ul{list-style:none;}
#fcont ul li{
    padding-bottom:5px; }
	
#fcont ul li label{ width:120px; float:left; text-align:left; color:#fff}
#fcont input[type=text] {
    border:1px solid #CCCCCC;
}
#fcont input.btn {
    padding:3px;
    color:#FFFFFF;
    background-color:#990000;
    border:1px solid #000000;
}

/* datos de los perros */

#titulodatos {font: Georgia;  font: 20 px; color:#FFFFFF; font-style:oblique;}
.datosperro {font: arial; font: 12px; color: #fff;}

/* pedegree */

#titulotabla {font: Georgia;  font: 15 px; color:#FFFFFF; font-stretch:extra-expanded; background-color:#FF3366; border-color:#990000;}
#datotabla {font: Georgia;  font: 9 px; color:#FFFFFF;}

/* paginación */

#paginas a{
font-size: 10px;
text-decoration: none;
color: #fff;
border: 1px solid #dddddd;
padding: 3px;
-moz-border-radius: 3px;
   }

#paginas a:hover {
font-size: 10px;
text-decoration: none;
color: #000000;
border: 1px solid #A7A7A7;
background-color: white;
padding: 3px;
-moz-border-radius: 3px;
}

a.ido{color:#FFFFFF;}
a.ido:link {color:#FFFFFF;}
a.ido:visited {color:#FFFFFF;}
a.ido:hover {color:#FFFFFF;}