@charset "utf-8";
/* Estilos CSS para páginas internas Fundación Leer */

/* = Columna izquierda
   ----------------------------------------------------*/
#barra_izq { float: left; width: 150px; }
#banners_izq { margin-bottom: 10px; }
#links_izq .content ul { list-style-type: none; margin-top:10px; padding: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
#links_izq .content ul li ul{ padding: 0px;	margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 5px; }
#links_izq .content ul li ul li a { border-bottom-style: none; }
#links_izq .content ul li ul li a:hover{ background-image:none !important; text-decoration:underline; }
#links_izq .content ul li a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFF; text-decoration: none; display: block; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #D1D1D1; padding-left: 5px; height: 20px; line-height: 18px; }
#links_izq .content ul li a.current { font-weight: bold; }
#barra_izq #links_izq .content ul li a:hover { margin-right:2px; }

/* especificaciones para páginas de fondo celeste */
#barra_izq.celeste #links_izq { background-image: url(../images/cliente/menu_izq_celeste_02.gif);}
#barra_izq.celeste #links_izq .top { background-image: url(../images/cliente/menu_izq_celeste_01.gif); background-repeat: no-repeat; height: 10px; width: 150px; background-position: top; }
#barra_izq.celeste #links_izq .bottom { background-image: url(../images/cliente/menu_izq_celeste_03.gif); background-repeat: no-repeat; height: 30px; width: 150px; background-position: bottom; }
#barra_izq.celeste #links_izq .content ul li a:hover { background-image: url(../images/cliente/menu_izq_celeste_over.gif); background-repeat: repeat-x; /*margin-right:2px; */ }

/* especificaciones para páginas de fondo fucsia */
#barra_izq.fucsia #links_izq { background-image: url(../images/cliente/menu_izq_fucsia_02.gif);}
#barra_izq.fucsia #links_izq .top { background-image: url(../images/cliente/menu_izq_fucsia_01.gif); background-repeat: no-repeat; height: 10px; width: 150px; background-position: top; }
#barra_izq.fucsia #links_izq .bottom { background-image: url(../images/cliente/menu_izq_fucsia_03.gif); background-repeat: no-repeat; height: 30px; width: 150px; background-position: bottom; }
#barra_izq.fucsia #links_izq .content ul li a:hover { background-image: url(../images/cliente/menu_izq_fucsia_over.gif); background-repeat: repeat-x;}

/* especificaciones para páginas de fondo verde */
#barra_izq.verde #links_izq { background-image: url(../images/cliente/menu_izq_verde_02.gif);}
#barra_izq.verde #links_izq .top { background-image: url(../images/cliente/menu_izq_verde_01.gif); background-repeat: no-repeat; height: 10px; width: 150px; background-position: top; }
#barra_izq.verde #links_izq .bottom { background-image: url(../images/cliente/menu_izq_verde_03.gif); background-repeat: no-repeat; height: 30px; width: 150px; background-position: bottom; }
#barra_izq.verde #links_izq .content ul li a:hover { background-image: url(../images/cliente/menu_izq_verde_over.gif); background-repeat: repeat-x;}

/* especificaciones para páginas de fondo amarillo */
#barra_izq.amarillo #links_izq { background-image: url(../images/cliente/menu_izq_amarillo_02.gif);}
#barra_izq.amarillo #links_izq .top { background-image: url(../images/cliente/menu_izq_amarillo_01.gif); background-repeat: no-repeat; height: 10px; width: 150px; background-position: top; }
#barra_izq.amarillo #links_izq .bottom { background-image: url(../images/cliente/menu_izq_amarillo_03.gif); background-repeat: no-repeat; height: 30px; width: 150px; background-position: bottom; }
#barra_izq.amarillo #links_izq .content ul li a:hover { background-image: url(../images/cliente/menu_izq_amarillo_over.gif); background-repeat: repeat-x;}
/* ----------------------------------------------------*/

/* = Columna central
   ----------------------------------------------------*/
#columna_central { width: 366px; margin-left:10px; float:left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #6D6E71; line-height: 16px; }
#columna_central ul { padding:0; list-style-type:none; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 15px; }
#columna_central h2{
	color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 24px;
	margin: 0px;
	padding: 0px;
	line-height: 50px;
}
#columna_central { background-position: left top; background-repeat: repeat-y; }
#columna_central #top { background-repeat: no-repeat; background-position: left top; height: 52px; padding-left: 15px; padding-top: 20px; }
#columna_central #middle { padding-right: 25px; padding-left: 20px; }
#columna_central #middle img { margin-right:5px; margin-bottom:5px; }
#columna_central #bottom { background-position: left top; background-repeat: no-repeat; height: 8px; }
#columna_central #volver { margin-bottom:10px; }
#columna_central #volver img { border:none;}

/* especificaciones para páginas de fondo celeste */
#columna_central.celeste { 	background-image: url(../images/cliente/columna_central_celeste_background.gif); }
#columna_central.celeste #top {	background-image: url(../images/cliente/columna_central_celeste_top.gif); }
#columna_central.celeste #bottom { background-image: url(../images/cliente/columna_central_celeste_bottom.gif); }
#columna_central.celeste h3 { color: #009AC8; padding: 0px; margin-top: 10px; display:block; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #66C2DE; }
#columna_central.celeste h4 { color: #009AC8; padding: 0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
#columna_central.celeste ul { list-style-image: url(../images/cliente/vineta_celeste.gif); }
#columna_central.celeste a { color:#0081A6; text-decoration: none; }
#columna_central.celeste a:hover { text-decoration: underline; }

/* especificaciones para páginas de fondo fucsia */
#columna_central.fucsia { 	background-image: url(../images/cliente/columna_central_fucsia_background.gif); }
#columna_central.fucsia #top {	background-image: url(../images/cliente/columna_central_fucsia_top.gif); }
#columna_central.fucsia #bottom { background-image: url(../images/cliente/columna_central_fucsia_bottom.gif); }
#columna_central.fucsia h3 { color: #E40D62; padding: 0px; margin-top: 10px; display:block; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #F87CAD; }
#columna_central.fucsia h4 { color: #E40D62; padding: 0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
#columna_central.fucsia ul { list-style-image: url(../images/cliente/vineta_fucsia.gif); }
#columna_central.fucsia a { color:#E40D62; text-decoration: none; }
#columna_central.fucsia a:hover { text-decoration: underline; }

/* especificaciones para páginas de fondo verde */
#columna_central.verde { 	background-image: url(../images/cliente/columna_central_verde_background.gif); }
#columna_central.verde #top {	background-image: url(../images/cliente/columna_central_verde_top.gif); }
#columna_central.verde #bottom { background-image: url(../images/cliente/columna_central_verde_bottom.gif); }
#columna_central.verde h3 { color: #7AC142; padding: 0px; margin-top: 10px; display:block; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #8FCA60; }
#columna_central.verde h4 { color: #7AC142; padding: 0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
#columna_central.verde ul { list-style-image: url(../images/cliente/vineta_verde.gif); }
#columna_central.verde a { color:#5B9230; text-decoration: none; }
#columna_central.verde a:hover { text-decoration: underline; }

/* especificaciones para páginas de fondo amarillo */
#columna_central.amarillo { 	background-image: url(../images/cliente/columna_central_amarillo_background.gif); }
#columna_central.amarillo #top {	background-image: url(../images/cliente/columna_central_amarillo_top.gif); }
#columna_central.amarillo #bottom { background-image: url(../images/cliente/columna_central_amarillo_bottom.gif); }
#columna_central.amarillo h3 { color: #E89D02; padding: 0px; margin-top: 10px; display:block; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #FDCB64; }
#columna_central.amarillo h4 { color: #E89D02; padding: 0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
#columna_central.amarillo ul { list-style-image: url(../images/cliente/vineta_amarillo.gif); }
#columna_central.amarillo a { color:#E89D02; text-decoration: none; }
#columna_central.amarillo a:hover { text-decoration: underline; }

/* especificaciones para páginan Chicos */
#columna_central.chicos { width: 526px !important;}
#columna_central ul { padding:0; list-style-type:none; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 15px; }
#columna_central h2{ color:#FFF; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 24px; margin: 0px; padding: 0px; }
#columna_central { background-position: left top; background-repeat: repeat-y; }
#columna_central #top { background-repeat: no-repeat; background-position: left top; height: 52px; padding-left: 15px; padding-top: 20px; }
#columna_central #middle { padding-right: 25px; padding-left: 20px; }
#columna_central #bottom { background-position: left top; background-repeat: no-repeat; height: 8px; }
#columna_central #volver { margin-bottom:10px; }
#columna_central #volver img { border:none;}

/* especificaciones para página Chicos */
#columna_central.chicos { background-image: url(../images/cliente/columna_central_chicos_background.gif); }
#columna_central.chicos #top {	background-image: url(../images/cliente/columna_central_chicos_top.gif); }
#columna_central.chicos #bottom { background-image: url(../images/cliente/columna_central_chicos_bottom.gif); }
#columna_central.chicos h3 { color: #E40D62; padding: 0px; margin-top: 10px; display:block; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #F87CAD; }
#columna_central.chicos h4 { color: #E40D62; padding: 0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
#columna_central.chicos ul { list-style-image: url(../images/cliente/vineta_fucsia.gif); }
#columna_central.chicos a { color:#E40D62; text-decoration: none; }
#columna_central.chicos a:hover { text-decoration: underline; }
/* ----------------------------------------------------*/

/* = Columna derecha
   ----------------------------------------------------*/
#barra_der { float: right; width: 150px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000; }

/*especificaciones para caja de servicios*/
#acciones { background-image: url(../images/cliente/acciones_background.jpg); background-repeat: repeat-y; width: 150px; }
#acciones .top{ background-image: url(../images/cliente/acciones_top.jpg); background-repeat: no-repeat; width: 150px; height: 10px; }
#acciones .bottom{ background-image: url(../images/cliente/acciones_bottom.jpg); background-repeat: no-repeat; width: 150px; height: 10px; }
#acciones .middle { padding-left:10px; padding-right:10px; }
#acciones .middle ul { padding:0; margin:0; list-style-type:none; background-image: url(../images/cliente/acciones_separador.gif); 	background-repeat: no-repeat; background-position: center top; }
#acciones .middle ul li{ height:25px; }
#acciones .middle ul li a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000; text-decoration: none; 	padding-left:25px; line-height: 18px; }
#acciones .middle ul li a:hover{ text-decoration: underline; }
#acciones .middle #separador { height:2px; background-image: url(../images/cliente/acciones_separador.gif); background-repeat: repeat-x; margin-bottom: 2px; }
#acciones .middle ul li.imprimir{ background-image: url(../images/cliente/icon_print.gif); background-repeat: no-repeat; }
#acciones .middle ul li.pdf{ background-image: url(../images/cliente/icon_pdf.gif); background-repeat: no-repeat; }
#acciones .middle ul li.enviar{ background-image: url(../images/cliente/icon_enviar.gif); background-repeat: no-repeat; }

/*banners*/
#banners_der { width:139px; margin-top:5px; margin-right: auto; margin-left: auto; }
#banners_der img { margin-bottom:5px; border:none; }

/*caja de citas de autores*/
#cita { background-image: url(../images/cliente/cita_background.jpg); background-repeat: repeat-y; width: 150px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000; }
#cita .top{ background-image: url(../images/cliente/cita_top.jpg); background-repeat: no-repeat; width: 150px; height: 10px; }
#cita .bottom{ background-image: url(../images/cliente/cita_bottom.jpg); background-repeat: no-repeat; width: 150px; height: 10px; }
#cita .middle { padding-left:10px; padding-right:10px; }

/* caja de login*/
#login { width:119px; height:199px; margin-top:5px; background-image:url(../images/cliente/login.gif); margin-right: auto; margin-left: auto; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFF; padding: 10px; }
#login a { color: #FFFFFF; text-decoration: none; }
#login a:hover { text-decoration: underline; }
#login input { border: 1px solid #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000; }
