/*
	tecnolibro
	
	Metodología CSS: http://wiki.trevenque.es/index.php/Desarrollo_Web
	
	Carmel Hassan - GTK
	
	_Estilos tipográficos y sobreescritura de los estilos de framework/typography.css
*/

body{font-family:Arial, Helvetica, sans-serif;}

a{ text-decoration:none; color:#0099cc;}
a:hover{ text-decoration:underline; color:#0099cc;}

#cestita{ text-align: right; color: #fff;}
#cestita span, #cestita strong{ font-size:1.4em; font-weight:bold; padding:0px 4px;}
#cestita a{ color:#fff; text-transform:uppercase; font-size:0.92em; }
#cestita .cesta{ }
#acceso{ text-transform:uppercase; color:#fff; font-size:0.92em;}
#acceso a{color: #fff; text-decoration:underline; font-weight:bold;}
#acceso a:hover{ text-decoration:none;}
#buscador a{ padding-top:17px; text-decoration:underline;text-transform:uppercase; font-size:0.8em; color:#0099CC; font-weight:bold;}
#buscador a.ayuda{ padding-top:0px;}
#buscador a:hover{ color:#007ea8;}

#lateral-izquierdo h2,#lateral-izquierdo h3{ background-color:#9DCE09; color:#fff; font-size:1em; padding:6px 14px; text-transform:uppercase; font-weight:bold;}
#lateral-izquierdo h3{ background-color:#3f93ea; font-size:0.92em;}


#contenido h2, #contenido h6.titulo, #contenido div.titulo{ font-size:1.32em;  }
#contenido h2 strong, #contenido h6.titulo strong, #contenido div.titulo strong{ background-color:#ccc; display:block; padding:3px 20px; font-weight: normal;color:#333;}
#contenido h6.titulo strong{ background-color:#e7e7e7;}

#lateral-derecho h2{   font-size:1.32em; background:url(images/bg_h2_grisoscuro.gif) no-repeat bottom left; padding-bottom:9px; }
#lateral-derecho h2 strong{color:#fff; background-color:#666; display:block;padding:3px 15px; font-weight:normal}
#contenido #lateral-derecho h2{ margin-bottom:0px;}

#pie .interior ul { color:#fff; font-size:0.92em;}
#pie .interior ul li a{ color:#fff; border-left:2px solid #fff; padding-left:4px; text-transform:uppercase; font-weight:bold;}

#central.ancho #lateral-derecho p{ color:#666; line-height:1.2em; padding-top:20px;}
#lateral-derecho a{ color:#0099CC; font-weight:bold;}

#contenido.corporativa img{ float: right; margin:0px 20px 25px 20px;}
#contenido.corporativa p{ color:#666; padding:0px 20px 20px 20px; line-height:1.3em;}
#contenido.corporativa h3{ color:#333;padding:0px 20px 20px 20px; font-size:1.18em;}

#contenido p.resumen{ color:#666; line-height:1.2em; padding-bottom:15px;}

.paginador { font-size:0.85em; text-transform:uppercase; font-weight:bold;}


.ficha a{ color:#0099CC; font-size:1em; font-weight:bold;}
.ficha a:hover{color:#0099CC;}
.ficha h2{ color:#333333;  margin-bottom:0px;}
#contenido .ficha h2{ background-image:none; width: 400px; margin-bottom:0px; padding-bottom:0px; line-height:1.3em;}
#contenido .ficha h2 a{ font-weight:normal;}
dl dt{ text-transform:uppercase; font-size:0.93em; color:#333333; font-weight:normal;}


#contenido .descargas span{ text-transform:uppercase; font-size:0.9em; }
#contenido .descargas a{ color:#333; display:block; padding-left:48px;}
#contenido .descargas a.pdf{ background:transparent url(images/icon_pdf.gif) no-repeat top left;}
#contenido #relacionado #lateral-derecho h3{ font-size:1em; line-height:1.2em;}

.mensaje h3{ font-size:1.18em; font-weight:bold; margin-bottom:10px;}
.mensaje p{ font-size:1.18em; line-height:1.2em; margin-bottom:20px;}
.mensaje a{ color:#0099CC; font-weight:bold;}

.infocesta p{ font-size:1em; color:#333333;}

.compra h4, .busqueda h4{ background-color:#f6f6f6;padding:5px 20px; font-weight:bold; border-right:2px solid #fff; margin-bottom:20px;}
.compra #medio p{ padding:0px 20px 30px 20px; /*font-weight:bold;*/}
.compra #medio p a{ color:#0099CC;}

.cesta td.precio{ text-align:right; color:#0099cc; font-size:1.18em;}
#contenido.cesta .pie .total{ color:#000; font-size:0.88em; text-transform:uppercase;text-align:right; }
#contenido.cesta .pie .total strong{ font-size:2em; color:#0099cc; padding-right:28px;}
.compra #medio p.gracias{ font-weight:normal; padding-bottom:20px;}
.compra #medio p.gracias strong{ font-size:1.18em; font-weight:bold;       }

td#cestainfobanco {padding:10px 15px 5px 15px; font-weight:bold;}