@charset "utf-8";
/* CSS Document */
body{font:normal 75%/1.5 Arial, Helvetica, sans-serif;background:#fff url(../img/body.gif) repeat-x; margin-top:0px; border-top:4px solid #E0111A}
.main { position:relative}
/*Cabeceras*/
.cabecera a { color:#FFF; text-decoration:none;}
.cabecera a:hover {text-decoration: underline; color:#FFF!important}
#menu {  padding-top:21px;}
#menu li, #menu-extra li { margin-right:22px; display:inline-block; float: left; font-weight:700;}
#menu .activo { background-color:#FFF; color:#000; padding: 5px 10px 10px 10px; margin-top:-6px}
.telefono { padding:0 20px 0 13px; color:#FFF; background-color:#E0111A;}
.herramientas{ position:absolute; top:-6px; right:0;}
#idioma { width:140px; text-align: right; background-color:#666; padding:3px 15px 2px 0}
#idioma .desplegar { background:url(../img/desplegar.gif) no-repeat center right; padding-right:15px;}
#idioma .no-desplegar {padding-right:15px;}
#sub-cabecera { padding:5px 0}
#sub-cabecera ul {background: url(../img/check-ok.gif) no-repeat left center; padding-left:10px;}
#sub-cabecera li {display:inline-block; float: left; font-size:90%; line-height:2 }
#sub-cabecera a { color:#000; margin:0 15px; text-decoration: none}
#sub-cabecera a:hover {text-decoration: underline}

/*Continente*/
#continente { border:1px solid #ccc; margin-top:5px}
#continente .centro { width:736px; border-right: 1px solid #ccc}
.destacado-home { margin:2px; width:732px}
.destacado-home h2 { background-color:#E0111A; font-size:1.8em; color:#FFF; padding:5px 10px; width:100%; font-weight:100}
.destacado-home h2 a { color:#fff !important; text-decoration: none}
.destacado-home h2 a:hover { text-decoration: underline}
.destacado-home p { background-color:#FFF;margin-top:42px}
.destacado-home p strong { margin:17px 10px; display: block; font-size:115%; width:75%}


/*directorio*/
.directorio { font-size:1.2em;}
.directorio h2  { font-size:110%; margin-bottom:3px}
.directorio li { background: url(../img/check-blue.gif) no-repeat left top; padding-left:18px; margin-bottom:1px}
.directorio a.boton { font-size:90%; margin:8px 0 0 !important}
.directorio p.clearfix { padding-bottom:20px}

/*lateral*/
.lateral { width:230px;}
.add { background: url(../img/add.gif) no-repeat; width:196px; height:188px; margin:4px auto 15px; display: block; text-align: center; color:#E0111A}
.add h2 { color:#E0111A; padding-top:45px; font-size:125%; line-height:1.2}
.add h2 span{ color:#E0111A;}
.add p { margin:0px 20px}
.add .boton-extra { margin-left:29px}

.listado { margin-left:25px}
.listado h2  { font-size:120%; color:#E0111A}
.listado h3  { margin:12px 0;color:#E0111A;}
.listado li { background:url(../img/listado-bullet.gif) no-repeat left center; padding-left:12px}
.listado li a { color:#000; text-decoration: none;}
.listado li a:hover {  text-decoration: underline;}
.listado p.mapa {background:url(../img/mapa.gif) no-repeat 0 3px; padding-left:24px; margin-top:10px}

.info { background-color:#E5E5E5; color:#E0111A; border-top:1px solid #666; border-bottom:1px solid #666; margin-top:40px; margin-left:1px; padding:12px 0}
.interior-info { border:1px solid #ccc; background-color:#fff; width:200px; margin:0 auto; padding:10px 0}
.info .tel  { background:url(../img/tel.gif) no-repeat center left; padding-left:20px; line-height:1.5; font-size:2em}
.info .email { margin-top: 5px; padding-top:7px; font-size:small; display:inline;}
.info p { width:150px; margin:0 auto;}


/*pre-pie y pie*/
#pre-pie li a { color:#000; text-decoration: none;}
#pre-pie li a:hover {  text-decoration: underline;}
#pre-pie h2 { background-color:#666; font-size:1.3em; color:#FFF; margin:1px 1px 10px 1px; padding:1px 10px}
#pre-pie .cliente { margin-left:10px}
#pre-pie .cliente li { background:url(../img/bullet-pre-pie.gif) no-repeat left center; padding-left:14px}
#pre-pie .cliente span{ background-color:#E5E5E5;}
.escudos { margin:0 10px 10px}
.escudos li { display:inline-block; float: left; margin-right:10px}
#pie { margin:30px 0}
#pre-pie div { height:140px}
#pre-pie .resto { width:513px;}
.divnewsletter p { margin-bottom:6px; font-size:110%; width:90%}
.newsletter { background: url(../img/newsletter.gif) no-repeat 10px 4px; padding-left: 25px !important}

/*botones*/
.botonera{overflow:hidden;width:100%;}

a.boton{background:transparent url(../img/boton-a.png) no-repeat scroll top right;color:#fff !important;display:block;float:left;font:700 100% arial, sans-serif;height:28px;margin-right:6px;padding-right:20px;text-decoration:none;}
a.boton span{background:transparent url(../img/boton-span.png) no-repeat; display:block;padding:4px 10px 8px 10px; }

a.boton-extra{background:transparent url(../img/boto-extra-a.png) no-repeat scroll top right;color:#F04950 !important; display:block;float:left;font:700 125% arial, sans-serif;height:53px;margin-right:6px;padding-right:8px;text-decoration:none;}
a.boton-extra strong { color:#FFF !important}
a.boton-extra span{background:transparent url(../img/boto-extra-span.png) no-repeat;display:block;padding:6px 10px 10px 15px; }

a.boton:hover, a.boton-extra:hover{background-position:center right; text-decoration:none !important}
a.boton:hover span, a.boton-extra:hover span{background-position:center left;}
a.boton:active, a.boton-extra:active{background-position:bottom right;outline:none;}
a.boton:active span{background-position:bottom left;padding:5px 10px 7px 10px;}
a.boton-extra:active span{background-position:bottom left;padding:7px 10px 10px 15px;}

.bot-img { vertical-align:middle}

/*Links*/
a { color:#E0111A}
a:hover { color:#C71620}



/*EXTRAS*/
.esquinas {-moz-border-radius:2ex;-webkit-border-radius:2ex;}
.esquinas-t {-moz-border-radius-topright:.5ex;-moz-border-radius-topleft:.5ex; -webkit-border-top-right-radius:.5ex;-webkit-border-top-left-radius:.5ex;}
.translucido {

    filter: alpha(opacity=80); /* internet explorer */
    -khtml-opacity: 0.8;      /* khtml, version anterior de safari */
    -moz-opacity: 0.8;       /* firefox, mozilla, netscape */
    opacity: 0.8;           /* safari, chrome, opera */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*internet explorer 8 - gracias Andres */
    }
.ancho732{width:732px;}