/*
  stylesheet.css
  2007/02/05 
*/

A {
        color: #333333;
}
A:hover {
        color: #FF0000;
        text-decoration: underline;
}

.txheaderhomebox {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        color: #000000;
}

.txheader {
        font-family: Arial;
        font-size: 13px;
        font-weight: bold;
        line-height: 15px;
        color: #222222;
        text-decoration: none;
}
.txheaderhome {
        font-family: Arial;
        font-size: 21px;
        line-height: 19px;
        color: #999999;
        text-decoration: none;
}
.txheaderbody {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        line-height: 15px;
        color: #444444;
        text-decoration: none;
}

.txnormal2 {
        font-family: Verdana;
        font-size: 11px;
        line-height: 16px;
        color: #333333;
}
a.txnormal2 {
        color: #FF0000;
        text-decoration: underline;
}
.txnormal3 {
	font-family: Verdana;
	font-size: 9px;
	line-height: 14px;
	color: #333333;
}
a.txnormal3 {
	color: #FF0000;
	text-decoration: underline;
}

.txnormal3_gris {
        font-family: Verdana;
        font-size: 9px;
        line-height: 14px;
        color: #888888;
}

.txboldrojo0 {
        font-family: Verdana;
        font-size: 14px;
        font-weight: bold;
        line-height: 19px;
        color: #CF2E12;
}
.txboldrojo1 {
        font-family: Verdana;
        font-size: 12px;
        font-weight: bold;
        line-height: 17px;
        color: #CF2E12;
}
.txboldrojo2 {
        font-family: Verdana;
        font-size: 11px;
        font-weight: bold;
        line-height: 16px;
        color: #CF2E12;
}

.nav_top {
        font-family: Arial;
        font-size: 9px;
        line-height: 14px;
        color: #dddddd;
        text-decoration: none;
}
A.nav_top {
        color: #dddddd;
        text-decoration: none;
}
A.nav_top:hover {
        color: #ffffff;
        text-decoration: underline;
}

.nav_bot {
        font-family: Arial;
        font-size: 9px;
        line-height: 12px;
        color: #868584;
        text-decoration: none;
}
A.nav_bot {
        color: #868584;
        text-decoration: none;
}
A.nav_bot:hover {
        color: #ffffff;
        text-decoration: underline;
}

.nav_izq {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        line-height: 12px;
        color: #ffffff;
        text-decoration: none;
}
#list-menu-nav_izq {
    	width: 120px;
    	margin: 0px 0px 0px 10px;
 }
 #list-menu-nav_izq ul {
	margin: 1px; 
	padding: 0px;
	list-style-type: none;
	font-family: arial;
	font-size: 12px;
}
#list-menu-nav_izq li {
	margin: 10px 0px;
}
#list-menu-nav_izq a {
	display: block;
	width: 110px;
	padding: 1px 0px 0px 10px;
	border: 0px;
	text-decoration: none;
}
#list-menu-nav_izq a:link {
    font-weight: bold;
	color: #ffffff;
}
#list-menu-nav_izq a:visited{
	color: #ffffff;
}
#list-menu-nav_izq a:hover {
	border: 0px;
	background: #ffffff;
	color: #CD2E11;
}

.nav_der {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        line-height: 12px;
        color: #333333;
        text-decoration: none;
}
#list-menu-nav_der {
    	width: 151px;
    	margin: 0px 0px 0px 10px;
}
#list-menu-nav_der ul {
        margin: 3px;
        padding: 0px;
        list-style-type: none;
        font-family: arial;
        font-size: 12px;
}
#list-menu-nav_der li {
        margin: 10px 0px;
}
#list-menu-nav_der a {
        display: block;
        width: 141px;
        padding: 1px 0px 0px 10px;
        border: 0px;
        text-decoration: none;
}
#list-menu-nav_der a:link {
    	font-weight: bold;
        color: #ffffff;
}
#list-menu-nav_der a:visited{
        color: #ffffff;
}
#list-menu-nav_der a:hover {
        border: 0px;
        background: #ffffff;
        color: #B0B0B0;
}

table.menu_izq a { 
	width:110px; 
	display: block; 
}
div.menu_izq a {
	color: #ffffff;
	text-decoration:none; 
	font-size:12px; 
	line-height:10px; 
	font-family: Arial;
	font-weight: bold;
	padding: 2px 5px;
}
div.menu_izq a:link {
	color: #ffffff; 
}
div.menu_izq a:active { 
	color: #ffffff;
}
div.menu_izq a:visited {
	color: #ffffff;  
}
div.menu_izq a:hover {
	color: #CD2E11;
	background: #ffffff;  
}

table.menu_der a { 
	width:141px; 
	display: block; 
}
div.menu_der a {
	color: #ffffff;
	text-decoration:none; 
	font-size:12px; 
	line-height:10px; 
	font-family: Arial;
	font-weight: bold;
	padding: 2px 5px;
}
div.menu_der a:link {
	color: #ffffff; 
}
div.menu_der a:active { 
	color: #ffffff;
}
div.menu_der a:visited {
	color: #ffffff;  
}
div.menu_der a:hover {
	color: #B0B0B0;
	background: #ffffff;  
}

body {
        margin-left: 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        background-color: #343535;
        background-image:   url(../images/bg.jpg);
        background-repeat: repeat-x;
        background-position: 0px 0px;
}

/* -----------------------------------------
CARRUSEL (original flash 145 x 130)
-------------------------------------------*/
#carrusel *{ margin: 0; padding: 0; border: 0; }
#carrusel ul{ height: 140px; overflow-y: scroll; background: url(../images/bgCarrusel.gif) center no-repeat; position: relative;}
.js .noscroll{ overflow: hidden !important; } /* anadimos la clase .noscroll en el html y la clase js al elemento HTML por javascript */
#carrusel li{ list-style: none; height: 130px; width: 160px; display: block; padding: 0 0 15px; }
#carrusel li p{ width: 160px; text-align: center; position: relative; top: 120px; }
#carrusel li a img{ width: 60px; display: block; margin: 0 auto; border: 1px solid #999;  }
.js #carrusel li a img{ position: relative; left: 0; margin-left: 0; clear: both; }


/* estilos usados por el script: ¡quitar de aqui!  */
.js #carrusel li{ position: absolute; top: 0; width: 100%; }
.js .z-1{ z-index: 1; }
.js .z-2{ z-index: 2; }
.js .z-3{ z-index: 3; }
.js .z-4{ z-index: 4; }
.js .z-5{ z-index: 5; }
.js .z-6{ z-index: 6; }
.js #carrusel li.visible{ visibility: visible; }

/* boton facebook */
.btnFacebook{padding-left: 17px;}
.btnFacebook a, .btnFacebook a:hover{background: url(../images/btnFacebook.png) 0 0 no-repeat; font: bold 11px arial, sans-serif; color: #2d2d2d; text-decoration: none; line-height: normal; padding: 11px 10px 11px 48px; text-align: left; display: block;}



/* -----------------------------------------
FRAGMENTOS
-------------------------------------------*/
#fragmentos{font-size: x-small; margin-top: 20px; }
#fragmentos a{text-decoration: none;}
#fragmentos h2{font: bold 11px verdana, sans-serif; margin: 0 0 4px 0; padding: 0;}
#fragmentos h2 a{color: #cf2e12;}
#fragmentos .autor{font-size: 9px; margin: 0; padding: 0;}
#fragmentos .autor a{color: #888;}
#fragmentos .pdf{font-size: 11px; background: url(../images/icoPdf.png) no-repeat;}
#fragmentos .pdf a{color: #000; text-decoration: underline; padding-left: 18px; }
#fragmentos .pdf a:hover{text-decoration: none;}

#fragmentos td{padding-top: 10px;}
#fragmentos .cubierta{padding: 0 16px 15px 0; background: url(../images/bgCubierta.png) bottom right no-repeat;}

/* -----------------------------------------
LINK VOLVER
-------------------------------------------*/
a.volver{font: 11px verdana, sans-serif; color: #000; text-decoration: underline; display: block; padding: 3px 0; text-align: center; background: url(/frontend/images/btn_atras.gif) 0 2px no-repeat;}