@charset "utf-8";

/*
Legend
Frm = Form   Lb = Label   In = Input text   Sel = Select   Btn = Button   Pg = P   Sp = Span   A = Lnk
*/

/* CSS Normalize */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}

/* Typographical Normalization */
body {
font-size:62.5%;
line-height:1.5em;
font-family:Arial, Helvetica, clean, sans-serif;
height:100%;
}

/* Hide dotted outlines */
*:focus{outline:none;border:none}

/* F.S.C.'s Guide
Default Title:
Default Space between Title and Paragraph:
Default Text: 
Default Space Between Paragraph and Paragraph: 
Buttons Text: 
Default link:
Footer Text:
Logo Color:
Background (end) Color:
Image Outside border:
*/

/* Default Background */
body{background:#000}

/* Default DIVs text-alignment  */
div{text-align:left}

/* Default Link (Important! Order: Link, Visited, Hover, Active)  */
a, a:link, a:visited{
font-weight:bold;
color:#000;
text-decoration:underline}
a:hover, a:active{text-decoration:none}

/* Bringing boldness back to headers and the strong element */
h1,h2,h3,h4,h5,h6,strong {font-weight:bold}

/* Forms: setting a consistent width, 160px;  */
input[type=text],input[type=password],textarea{width:12.25em}



/***********************************
*  REUSABLE CLASSES             	 *
************************************/

/* use for hidden accessibility hints, for example AJAX-updates */
.HidDv{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
/* code */
.unicode{font-family:'Lucida Sans Unicode','Arial Unicode MS'}
.left{float:left}
.right{float:right}
.clear{clear:both}

h1.titulo{
height:33px;
background:url(../images/h1-w.png) no-repeat top left;
}

h1.titulo span{
display:block;
width: 100%;
margin-left: 8px;
padding-left: 8px;
padding-top: 7px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
height: 26px;
font-size:1.8em;
color:#ffffff;
background:#000000 url(../images/h1-e.png) no-repeat top right}



/***********************************
*  HEADER                          *
************************************/

div#logo{
float:left;
width:290px;
height:127px;
}

div#banner{
float:left;
margin-top:20px;
width:670px;
height:70px;
text-align:center;
margin-bottom:6px}

div#idiomas span {
display:block;
float:left;
padding:2px 5px 0px 0px;
height:18px;
}

div#idiomas a {
display:block;
float:left;
padding:0px 5px 0px 5px;
height:20px;
}

div#idiomas img{
display:block;
padding-top:4px;
}
div#luzinema{
float:left;
margin-top:-5px;
padding-left:10px;
}
div#luzinema td{
vertical-align:top;
}
div#luzinema .text{
padding-top:6px;
}
div#luzinema a{
color:#ffffff;
}



/***********************************
*  BODY                            *
************************************/

/* Centered Container */
div#container{
position:absolute;
top:50%;
left:50%; 
width:960px; 
margin-left:-481px; 
margin-top:-312px;
background:#000;
font-size:1.2em;
_min-height:1px; /* IE6 Peekaboo Bug */
}

div#content{
float:left;
width:960px;
}



/***********************************
*  MENU                            *
************************************/

div#menu{
float:right;
width:670px;
height:31px;
}

#menu  ul{
list-style:none;
margin:0;
padding:0;
}

#menu ul li{
list-style:none;
float:left;
height:31px;
padding:0;
margin:0;
background-repeat:no-repeat;
}

#menu ul li a, #menu ul li a:visited{
display:block;
height:31px;
padding:0;
margin:0;
background-repeat:no-repeat;
text-decoration:none;
text-indent:-3000px;
}

#menu ul li {float:left}
#menu ul:after{
display:block; 
height:0; 
content:"."; 
clear:both; 
visibility:hidden;
}

/* Menu en Español */
#menu-inicio-es {width:66px}
#menu-inicio-es a {background-image:url(../images/menu-es/inicio.png)}
#menu-inicio-es a#current {background-image:url(../images/menu-es/inicio-c.png); width:66px}

#menu-caballos-es {width:102px}
#menu-caballos-es a {background-image:url(../images/menu-es/caballos.png)}
#menu-caballos-es a#current{background-image:url(../images/menu-es/caballos-c.png); width:102px}

#menu-training-es {width:101px}
#menu-training-es a {background-image:url(../images/menu-es/training.png)}
#menu-training-es a#current{background-image:url(../images/menu-es/training-c.png); width:101px}

#menu-noticias-es {width:102px}
#menu-noticias-es a {background-image:url(../images/menu-es/noticias.png)}
#menu-noticias-es a#current{background-image:url(../images/menu-es/noticias-c.png); width:102px}

#menu-fotografias-es {width:101px}
#menu-fotografias-es a {background-image:url(../images/menu-es/fotografias.png)}
#menu-fotografias-es a#current{background-image:url(../images/menu-es/fotografias-c.png); width:101px}

#menu-sponsors-es {width:103px}
#menu-sponsors-es a {background-image:url(../images/menu-es/sponsors.png)}
#menu-sponsors-es a#current{background-image:url(../images/menu-es/sponsors-c.png); width:103px}

#menu-contacto-es {width:95px}
#menu-contacto-es a {background-image:url(../images/menu-es/contacto.png)}
#menu-contacto-es a#current{background-image:url(../images/menu-es/contacto-c.png); width:95px}

/* Menu en Inglés */
#menu-inicio-en {width:66px}
#menu-inicio-en a {background-image:url(../images/menu-en/inicio.png)}
#menu-inicio-en a#current {background-image:url(../images/menu-en/inicio-c.png); width:66px}

#menu-caballos-en {width:102px}
#menu-caballos-en a {background-image:url(../images/menu-en/caballos.png)}
#menu-caballos-en a#current{background-image:url(../images/menu-en/caballos-c.png); width:102px}

#menu-training-en {width:101px}
#menu-training-en a {background-image:url(../images/menu-en/training.png)}
#menu-training-en a#current{background-image:url(../images/menu-en/training-c.png); width:101px}

#menu-noticias-en {width:102px}
#menu-noticias-en a {background-image:url(../images/menu-en/noticias.png)}
#menu-noticias-en a#current{background-image:url(../images/menu-en/noticias-c.png); width:102px}

#menu-fotografias-en {width:101px}
#menu-fotografias-en a {background-image:url(../images/menu-en/fotografias.png)}
#menu-fotografias-en a#current{background-image:url(../images/menu-en/fotografias-c.png); width:101px}

#menu-sponsors-en {width:103px}
#menu-sponsors-en a {background-image:url(../images/menu-en/sponsors.png)}
#menu-sponsors-en a#current{background-image:url(../images/menu-en/sponsors-c.png); width:103px}

#menu-contacto-en {width:95px}
#menu-contacto-en a {background-image:url(../images/menu-en/contacto.png)}
#menu-contacto-en a#current{background-image:url(../images/menu-en/contacto-c.png); width:95px}



/***********************************
*  FOOTER                          *
************************************/

#footer{
float:left;
width:952px;
height:24px;
padding:4px;
padding-top:5px;
font-size:0.8em;
color:#ffffff;
}

div#idiomas{
float:right;
color:#ffffff;
height:20px;
}

#copyright{
display:block;
margin-left:10px;
}



/***********************************
*  SUBSECCIONES                    *
************************************/

#subseccion{
float:left;
width:960px;
min-height:432px;
background:#ffffff url(../images/box-s.png) no-repeat bottom left}

* html #subseccion {height:432px}

#subseccion .box-n{
float:left;
width:100%;
height:7px;
background:url(../images/box-n.png) no-repeat top left;
font-size:0px;
}

#subseccion .submenu-box{
float:left;
width:100%;
height:20px;
background:url(../images/submenu-box.png) no-repeat top left;
}


/***********************************
*  NOTICIAS                        *
************************************/

.noticia-box{
float:left;
margin-bottom:20px;
width:100%;
border-top:3px solid #000000;
}

.noticia-text{
display:inline;
float:left;
width:600px;
margin-left:60px;
padding-bottom:20px;
}

.noticia-box h1{
color:#754c24;
margin-top:20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:1.3em;
line-height:1.3em;
}

.noticia-box p{
float:left;
margin-top:10px;
margin-bottom:10px;
text-align:justify;
}

.noticia-box img{
float:right;
margin-top:20px;
margin-right:60px;
display:inline;
}

.noticia-box span{
display:block;
color:#754c24;
}

.paginacion{
float:right;
padding:5px 20px 10px 0px;
}


/***********************************
*  CONTACTO                    		 *
************************************/

#contacto #subseccion{
float:left;
width:960px;
background:#ffffff url(../images/contacto-bg.png) no-repeat bottom left;
}

#contacto #contacto-box{
padding-top:32px;
padding-left:37px;
}

#contacto .titulo{width:273px}

#situacion-box{
display:block;
padding:20px 0px 20px 35px;
width:480px;
height:85px;
background: url(../images/divisor.gif) repeat-x bottom;
text-align:justify;
}

#direccion-box{
float:left;
padding:20px 0px 20px 35px;
width:480px;
background: url(../images/divisor.gif) repeat-x bottom;
line-height:1.4em;
}

#direccion-box div{float:left}

#direccion-box .oficinas{padding-left:50px}

#google-box{
float:left;
padding:15px 0px 0px 35px}

#google-box .google{color:#917050}

.email a{font-weight:normal}





/***********************************
*  CABALLOS SUBMENU                *
************************************/

#caballos-submenu #current{
color:#a67c52;
}

#caballos-submenu{
display:block;
margin:0;
margin-left:232px;
padding:0;
width:366px;
height:21px;
}

#caballos-submenu li{
display:block;
padding:0;
margin:0;
float:left;
width:90px;
height:21px;
font-size:.9em;
text-align:center;
}

#caballos-submenu li a{
margin:0;
padding:0;
padding-top:2px;
display:block;
width:90px;
height:18px;
font-weight:normal;
color:#ffffff;
text-decoration:none;
}

/***********************************
*  CABALLOS LISTAR                 *
************************************/

div#caballos-list-box{
float:left;
margin-top:22px;
width:960px;
text-align:center;
background:url(../images/div.gif) repeat-x top left;
text-align:center;
}

#caballos-list-box .divisor{
float:left;
width:100%;
height:45px;
background:url(../images/div.gif) repeat-x top left;
}

#caballos-list-table{
margin:0 auto;
margin-top:19px;
}

#caballos-list-table span.nombre{
display:block;
margin-top:10px;
color:754c24;
font-size:1.2em;
}

#caballos-list-table span.origen{
font-size:0.9em;
}


#caballos-list-table a{
display:block;
text-decoration:none;
font-weight:normal;
}

#caballos-list-table td{
width:130px;
}



/***********************************
*  CABALLO FICHA                   *
************************************/


#ficha-box #caballo-title-box{
display:inline;
float:left;
margin:27px 0px 0px 57px;
width:539px;
background:url(../images/h1-ficha-c.png) repeat-x top left;
}

#ficha-box #caballo-title-box .detalles{
float:left;
width:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
color:#ffffff;
background:url(../images/h1-ficha-w.png) no-repeat top left;
}

#ficha-box #caballo-title-box .nombre{
display:block;
padding:5px 0px 0px 15px;
float:left;
height:25px;
}

#ficha-box #caballo-title-box .origen{
display:block;
float:right;
padding:5px 34px 0px 0px;
font-size:0.9em;
text-align:right;
height:25px;
background:url(../images/h1-ficha-e.png) no-repeat top right;
}

#ficha-box #galeria-table{
display:inline;
float:left;
margin:20px 0px 0px 58px;
height:253px;
}

#ficha-box #derecha-box{
float:left;
width:593px;
margin-left:22px;
}

#info-table{
margin-top:5px;
width:100%;
}


#info-td{
vertical-align:top;	
width:400px;
}

#info-td p{
padding-top:8px;
}

#ficha-box #arbol table{
display:inline;
font-size:0.9em;
margin-top:10px;
margin-left:10px;
}



#ficha-box  .titulo{
width:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#754c24;
height:24px;
background:url(../images/divisor.gif) repeat-x bottom left;
}

#ficha-box .bloque{
display:inline;
float:left;
margin-top:16px;
}


#ficha-box #info{
width:400px;
float:left;
width:100%;
display:inline;
margin-top:16px;
}

#ficha-box #info p{
padding:10px 9px;
font-size:0.9em;
}




#ficha-box #padres{
display:block;
float:left;
height:120px;
}

#ficha-box #padres td{
height:60px;
}

#ficha-box #abuelos{
display:block;
float:left;
height:120px;
}

#ficha-box #abuelos td{
height:60px;
}

#ficha-box #bisabuelos{
display:block;
float:left;
height:120px;
}

#ficha-box #bisabuelos td{
height:15px;
}

#ficha-box .arrow{
text-align:center;
width:30px;
}

#ficha-box #condiciones{
margin-left:15px;
width:190px;
}

#ficha-box #tab-condiciones{
margin-top:7px;
margin-left: 10px;
width:190px;
font-size:0.9em;
}

#ficha-box #tab-condiciones .sep{
width:30px;
}

#ficha-box div#galeria{
display:inline;
float:left;
margin-top:5px;
}


#ficha-box #tab-imagenes{
margin-left:6px;
margin-top:10px;
height:58px;
}

#ficha-box #tab-imagenes td{
padding-right: 10px;
padding-bottom: 5px;
}

#ficha-box #tab-imagenes .last{
padding-right:0;
}

/* SUBMENU FICHA */

#ficha-box #sub-ficha{
display:inline;
float:left;
margin:12px 0px 0px 55px;
width:863px;
background:url(../images/sub-ficha-c.png) repeat-x top left;
}

#ficha-box #sub-ficha .botones{
float:left;
width:100%;
background:url(../images/sub-ficha-w.png) no-repeat top left;
}

#ficha-box #sub-ficha .imprimir{
display:block;
padding:7px 0px 0px 19px;
float:left;
height:32px;
}

#ficha-box #sub-ficha .navegar{
display:block;
float:right;
padding:7px 10px 0px 0px;
font-size:0.9em;
text-align:right;
height:34px;
background:url(../images/sub-ficha-e.png) no-repeat top right;
}

#ficha-box #sub-ficha .lf{
float:left;
display:block;
padding-right:10px;
}

#ficha-box #sub-ficha .rt{
float:left;
display:block;
padding-left:9px;
}

/***********************************
*  TRAINING LISTAR                 *
************************************/

#training #productos-box{
float:left;
width:200px;
height:400px;
border-right:1px solid black;
}

#productos-box .subtitulo{
display:block;
padding-top:3px;
padding-left:5px;
margin-top:23px;
background:#000000;
color:#ffffff;
margin-left:25px;
margin-right:25px;
height:17px;
}

#training .producto{
margin-top:10px;
margin-left:30px;
padding-left:5px;
font-size:0.8em;
width:140px;
background:#754c24;
}

#training  .producto a {
color:white;
text-decoration:none;
}

#training #ficha-box{
float:left;
margin:26px 33px 33px 33px;
width:693px;
height:366px;
}

#training .info{
display:block;
padding:10px 9px;
margin-left:20px;
font-size:0.9em;
}

#training .titulo{
width:300px;
}