/*------------------------------- generales ---------------------------------*/
body{margin:0px;padding:0px;font:75% Arial, Helvetica, sans-serif;color:#333;text-align:center;line-height:1.6em}
a{text-decoration:none;color:#333}
a:hover{text-decoration:none;color:#999}
img{border:0}
p{margin:1em 0;text-align:justify;line-height:1.5em}
h1,h2,h3,h4{padding:0;margin:0}
ul{padding:0;margin:0;list-style:none}
li{padding:0;margin:0}
td{text-align:center;vertical-align:top;font-size:0.9em;font-weight:bold}
/*------------------------------- layout ---------------------------------*/
#container{margin:0px auto;width:950px;text-align:left;position:relative}
/*------------------------------- header ---------------------------------*/
#header{width:950px;height:65px;float:left}
#header1{width:261px;height:65px;float:left}
#header1 .logo{background:url(img/logo.gif) no-repeat left top;display:block;overflow:hidden;text-indent:-9999px;z-index:99;width:261px;height:65px;float:left}
/*------------------------------- menu ---------------------------------*/
#menu{width:689px;height:65px;float:left}
#menu li{display:inline;height:65px;display:block;text-align:center;float:left}
#menu .inicio{background:url(img/menu-inicio-1.gif) no-repeat left top;display:block;overflow:hidden;text-indent:-9999px;z-index:99;width:121px;height:65px}
#menu .inicio:hover{background:url(img/menu-inicio-2.gif)}
#menu .raza{background:url(img/menu-raza-1.gif) no-repeat left top;display:block;overflow:hidden;text-indent:-9999px;z-index:99;width:62px;height:65px}
#menu .raza:hover{background:url(img/menu-raza-2.gif)}
#menu .nuestros-perros{background:url(img/menu-nuestros-perros-1.gif) no-repeat left top;display:block;overflow:hidden;text-indent:-9999px;z-index:99;width:109px;height:65px}
#menu .nuestros-perros:hover{background:url(img/menu-nuestros-perros-2.gif)}
#menu .ventas{background:url(img/menu-ventas-1.gif) no-repeat left top;display:block;overflow:hidden;text-indent:-9999px;z-index:99;width:56px;height:65px}
#menu .ventas:hover{background:url(img/menu-ventas-2.gif)}
#menu .dejaron{background:url(img/menu-dejaron-1.gif) no-repeat left top;display:block;overflow:hidden;text-indent:-9999px;z-index:99;width:85px;height:65px}
#menu .dejaron:hover{background:url(img/menu-dejaron-2.gif)}
#menu .camadas{background:url(img/menu-camadas-1.gif) no-repeat left top;display:block;overflow:hidden;text-indent:-9999px;z-index:99;width:69px;height:65px}
#menu .camadas:hover{background:url(img/menu-camadas-2.gif)}
#menu .noticias{background:url(img/menu-noticias-1.gif) no-repeat left top;display:block;overflow:hidden;text-indent:-9999px;z-index:99;width:63px;height:65px}
#menu .noticias:hover{background:url(img/menu-noticias-2.gif)}
#menu .videos{background:url(img/menu-videos-1.gif) no-repeat left top;display:block;overflow:hidden;text-indent:-9999px;z-index:99;width:55px;height:65px}
#menu .videos:hover{background:url(img/menu-videos-2.gif)}
#menu .contacto{background:url(img/menu-contacto-1.gif) no-repeat left top;display:block;overflow:hidden;text-indent:-9999px;z-index:99;width:69px;height:65px}
#menu .contacto:hover{background:url(img/menu-contacto-2.gif)}
/*------------------------------- cabecera ---------------------------------*/
#cabecera{width:950px;height:315px;float:left;background:url(img/cabecera.jpg) no-repeat left top;display:block;overflow:hidden}
.email{display:block;overflow:hidden;text-indent:-9999px;z-index:99;width:160px;height:25px;top:325px;left:755px;position:absolute}
/*------------------------------- float fix ---------------------------------*/
#content:after, ul:after, li:after,  p:after{content: ".";display:block;height:0;clear:both;visibility:hidden;}
#content, ul, li, p{display: block}
/* Hides from IE-mac \*/
* html #content, * html ul, * html li, * html p{height:1%}
#content, ul, li, p{display:block}
/* End hide from IE-mac */
/* end float fix */
/*------------------------------- content ---------------------------------*/
#content{padding-bottom:1em;width:950px}
#content-sangre{margin-left:40px;width:880px}
#content-left{margin-left:40px;width:570px;float:left;display:inline}
#content-right{margin-left:40px;width:270px;float:left;display:inline}
#content h2{font-size:24px;font-weight:normal}
#content h3{font-size:18px;font-weight:bold;color:#99c;border-bottom:2px dashed #a09bb0;margin-bottom:1em;padding-bottom:1em}
/*------------------------------- index ---------------------------------*/
#index-news li{padding-bottom:1em}
#index-camada{float:left;border:1px solid #a09bb0;padding:1em;background-color:#e9e7f2;text-align:center;width:240px;margin-bottom:4em;line-height:2em;margin-top:2em}
/*------------------------------- camadas ---------------------------------*/
.gal-camada table{width:570px;clear:both}
.camada{float:left;border:1px solid #a09bb0;background-color:#e9e7f2;text-align:center;width:570px;margin-bottom:1em;line-height:2em;clear:both;padding:1em 0}
.camadatos{float:left;border:1px dashed #a09bb0;text-align:center;width:570px;margin-bottom:1em;line-height:2em;clear:both;padding:1em 0}
.camada-nombre{font-size:1.5em;font-weight:bold}
#menu-camadas li{padding-bottom:1em;padding:.5em 0 0 3.6em;text-align:justify;background:url(img/huella.gif) no-repeat;background-position:1.4em .4em}
/*------------------------------- pie ---------------------------------*/
#pie{float:left;width:950px;font-size:.9em}
#pie2{margin:1em 0 0 40px;padding:1em 0;border-top:2px dashed #a09bb0;width:880px;color:#666}
#pie3{float:right;text-align:right}
/*------------------------------- textos ---------------------------------*/
.marron{color:#960}
.morado{color:#99c}
.b{font-weight:bold}
.center{text-align:center}
.justify{text-align:justify}
.min{font-size:.9em}
.under{text-decoration:underline}
/*------------------------------- imgs ---------------------------------*/
.f-l{float:left;margin:0 2em 1em 0}
.gal table{width:570px}
/*------------------------------- listas ---------------------------------*/
.arrow li{padding:.5em 0 0 3.2em;text-align:justify;background:url(img/huella.gif) no-repeat;background-position:1.4em .4em}

/*------------------------------------------------------------------------------------------------
  PAGINADOR
  ----------------------------------------------------------------------------------------------*/
#paginador { margin: 20px 0 0; padding: 0; list-style: none; text-align: center; }
#paginador li { display: inline; margin: 0px 4px 0px 0px; font-size: 11px; line-height: 18px; font-weight: bold; }
#paginador li a { color:#003366; border: 1px solid #719ACC; padding: 6px 8px; text-decoration: none; background: #ffffff; }
#paginador li a:hover { background: #719ACC; border: 1px solid #719ACC; color:#FFFFFF; text-decoration: none;  }
#paginador li.actual { color: #555555; padding: 6px; font-size: 11px; line-height: 28px; font-weight: bold; }