/*
	tecnolibro
	
	Metodología CSS: http://wiki.trevenque.es/index.php/Desarrollo_Web
	
	Carmel Hassan - GTK
	
	_Reseteo para navegadores
*/

@import "framework/reset.css";
@import "framework/typography.css";

@import "libros.css";

/*
	Ra-Ma
	
	Metodología CSS: http://wiki.trevenque.es/index.php/Desarrollo_Web
	
	Aníbal Barnés - GTK
	
	_Grid genérico, elementos de contenido, bloques (border+background)
*/
.clear{clear:both;}
body{
	background:#E9E9E9 url(images/fondo-body.png) repeat-x top;
	color:#666;
}
ul,ol,h1,h2,h3,h4,h5,p{
	margin:0px;
	padding:0px;
}
#fondo{background:url(images/fondo-cabecera.png) no-repeat scroll center top; margin:20px auto auto 0;}
#contenedor{background-color:#fff;width:975px; margin:0 auto;}
#cabecera{padding:14px 15px 0; background:#A86C00 url(images/bg_cabecera.png) repeat-x;}
/*##cabecera h1 {float:left; padding-top:7px; width:328px; overflow:hidden;}
cabecera h1 a, #cabecera h1 a:hover{ text-decoration:none; border:0px;}*/

#cabecera a.logo {float:left; padding-top:7px; width:328px; height:40px; overflow:hidden; background:url(images/logo.png); text-decoration:none; border:0px; line; text-indent:-9999px} 
#cabecera a.contacto{display:block;float:right;margin:17px 17px;border-left:1px solid #A86C00;border-right:1px solid #A86C00;font-size:11px; color:#FFFFFF; padding: 2px 13px;}
#cuerpo{padding:10px 15px 15px;}
#pie{ background:#A86C00 url(images/bg_footer.png) repeat-x left top; color:#fff; height:116px;}
.pieblanco{background-color:#fff;height:30px;width:975px; margin:0 auto;}
#pie ul{width:945px; margin:0 auto;padding:5px 15px;}
#pie ul li{display:inline;}
#login li{display:inline; float:left; font-size:14px;color:#FFFFFF; padding-left:5px;}
#login li a{font-size:11px;text-decoration:underline; font-weight:bold;}
#login li.acceso{ float:left; margin-top:2px; }
#login li .boton{float:none;}
ul#login{width:275px;margin-top:15px;}
/*h2 {margin-bottom:20px;}*/
.caja{border:1px solid #E1E1E1;margin-bottom:15px;}
.fondo{background:url(images/fondo-caja.png) repeat-x top;border:1px solid #fff;}
.contenido{ padding:20px 0; border-top:1px solid #E1E1E1;}
.novedades{padding:7px 14px;}
.destacamos{width:555px;float:left;margin-right:15px;}
.contdestacamos{padding:7px 14px;}
.contdestacamos br{display:none;}
.contdestacamos a,.contdestacamos.subtitulo{width:110px;float:left;}
.contdestacamos a  img{margin-bottom:35px;}
.contdestacamos  .titulo,
.contdestacamos  .autor,
.contdestacamos  .precio{float:left;width:135px;}
.contdestacamos  .titulo{margin-bottom:10px;}
div.eventos{width:372px;float:left;/*margin-left:15px;*/}
.proximos{margin-top:15px;background:#F3F7FA url(images/pie-eventos.gif) no-repeat scroll left bottom;}
.proximos h2{ color:#fff; background:#DAA600 url(images/cabeza-eventos.gif) no-repeat scroll left top;padding:5px 14px;margin:0px;}
.proximos a.evento{border:2px solid #fff;float:left;margin:15px;}
.proximos .fecha{line-height:12px;padding:23px 0 5px 0;}
.proximos .descripcion{background-color:#fff;color:#63B3A0;font-size:14px;line-height:14px;padding:10px 0 25px 0;}
a.todoseventos {background:url(images/flecha.gif) no-repeat right;float:right;display:block;padding:0 20px 0 0;margin:15px;font-weight:bold;}
.pestana li{display:inline;background:url(images/pestana-izq.gif) no-repeat left top;margin-right:3px;float:left;}
.pestana a{display:inline;color:#333;background:url(images/pestana-der.gif) no-repeat right top;display:block;float:left;font-weight:bold;}
.pestana a span{display:block;float:left;padding:7px 15px 4px;}
.pestana a.activo span,
.pestana a:hover span{background:url(images/pestana-izq-act.gif) no-repeat left top;cursor:auto; font-size:14px;}
.pestana a.activo,
.pestana a:hover{background:#333333 url(images/pestana-der-act.gif) no-repeat right top;color:#fff;text-decoration:none;}
.pestana .catalogo{width:945px;}
.contenido-pestana{background:#F6F0D4 url(images/supder-contenido-pestana.gif) no-repeat right top;padding:15px 15px 0 15px;}
.catalogocon{background:#EEEEEE;}
.contenido-pestana ul li{float:left;margin: 0 15px 8px 0;width:290px;list-style:none;}
.contenido-pestana ul a{display:block;background: url(images/flecha2.gif) no-repeat left top;padding-left:12px;color:#333;}
.contenido-pestana ul a.activo,
.contenido-pestana ul a:hover{font-weight:bold;color:#333;}
.piecontenidopestana{background:url(images/pie-contenido-pestana.gif) no-repeat right top;height:3px;margin-bottom:15px;}
.sinmargin{margin:0;border-bottom:0px;}
.ciclos{border:1px solid #E1E1E1;height:1%; padding-top:19px;}
.ciclos .ficha{width:140px}
.orden li,.paginador li{display:inline;}
.orden{float:left;color:#333;font-size:12px;}
.orden a{font-weight:bold;}
.ordenados{font-size:10px;margin-right:13px;}
.paginador{float:right;margin-bottom:10px;font-weight:bold;color:#333;font-size:14px;}
a.atras-siguiente{font-size:10px;}
.barra{border-bottom:1px solid #E1E1E1;margin-bottom:30px;}
.capa-padding{padding:10px 16px;}
#buscador_avanzado{float:left;width:535px;}
.ayuda{float:left;width:270px;background:url(images/info.gif) no-repeat left top;padding:0px 40px;margin-left:25px;}
.fichacompleta{padding:0px 15px 15px 15px;}
.fichacompleta  .titulo { padding:15px 0px 10px 0px;font-size:18px; font-weight:normal;color:#000;width:565px;}
.fichacompleta  .subtitulo {font-size:18px;font-weight:normal;width:565px;}
.fichacompleta  .autor{font-size:12px;color:#0099CC;text-decoration:underline;}
.fichacompleta  .autores{width:565px; padding-bottom:23px; float:left;}
.fichacompleta  label{float:left;text-transform:uppercase;color:#666666; width:140px;}
.fichacompleta  span{float:left; font-weight:bold;}
.comprar {/*margin-top:-7px;*/background:url(images/fondo_comprar_ficha.png) no-repeat left top;height:71px;padding:8px 7px 0;width:127px;float:right; text-align:center;}
/*div>.comprar {margin-top:-17px;}*/
.comprar a{background:url(images/boton_compra_ficha.png) no-repeat left top;display:block;float:left;font-size:12px;font-weight:bold;color:#fff;padding:8px 26px 6px 48px;}
.comprar a:hover{color:#FFFFFF;}
.comprar .precio{width:112px; text-align:right; padding-top:5px;display:block;padding-right:15px }
.portada{float:left; padding-top:15px;}
/*.datos{float:right;width:725px;margin-top:-60px;}*/
.datos{float:left; width:781px; margin-left:30px;}
.15{ height:15px;}
.indice, .descargable, .sinopsis{border-top:1px solid #E1E1E1;padding-top:15px; margin-bottom:15px;}
.indice a{ font-size:11px; text-decoration:underline; padding-left:20px;background:url(images/flecha_bottom.gif) no-repeat left center;}
.indice a:hover{text-decoration:none;}
.indice h3, .descargable h3, .sinopsis h3{ color:#666; font-size:12px; font-weight:bold;}
.descargable{margin-bottom:15px;}
.descargable li{list-style:none;clear:both;}
.descargable li a{padding:2px 0 0 15px;margin-bottom:5px;display:block;float:left; font-weight:bold;}
.descargable li a.descarga{background:url(images/descargable.png) no-repeat left top;width:39px; height:15px;padding:0 0 2px 6px;color:#fff;font-weight:bold;font-size:10px;}
h3{margin-bottom:20px;}
.barra-ciclos{width:216px;float:left;margin-right:20px;}
.barra-ciclos li{list-style:none;}
.puntos {width:707px;float:left;}
.puntos {text-align:left;}
.puntos table {border-collapse:collapse;}
.puntos td{border-bottom:1px solid #E1E1E1;padding-left:0px;}
.formativos{ height:100%;background:#BE7B00 url(images/cabecera_ciclos_puntosventa.png) no-repeat left top;margin-bottom:10px;}
.formativos h4{padding:15px 0px; margin:0px; /*margin-bottom:20px;*/ font-weight:normal;}
.formativos li a {background:url(images/fondo-enlace-ciclos-formativos.png) no-repeat left top;display:block;width:198px;height:21px;color:#fff;font-weight:bold;font-size:12px;padding:5px 0 0 10px;margin:0 0 3px 4px;}
.formativos li a:hover{ color:#FFFFFF}
.formativos .pie{background:url(images/pie_ciclos_puntosventa.png) no-repeat left bottom;height:4px;}
h4.ciclosg{background:url(images/cabecera_ciclos.png) no-repeat left top;padding:6px 15px 5px; margin:0px;}
ul.ciclosg{background-color:#EEEEEE;padding:10px 0 15px 15px; display:block; clear:both; overflow:hidden;}
ul.ciclosg li a{background:url(images/fondo-enlace-ciclosg.png) no-repeat left top;display:block; clear:both;color:#333333;font-size:12px;/*margin: 0 0 0 15px;*/ padding:0 0 0px 14px; float:left;}
ul.ciclosg li a:hover{ font-weight:bold; color:#000000;}
.pieciclosg{background:#EEEEEE url(images/pie_ciclos.png) no-repeat left bottom;height:5px;}
.novedades .evento{border-bottom:1px solid #E1E1E1;padding:20px 0;}
.novedades .evento .fecha-lugar{}
.novedades .evento .nombre{padding:10px 0;}
.novedades .evento .texto{}
.novedades .evento img{float:right;margin-left:20px;}
#mapa-puntos{margin: 0 0 30px 10px;}
.suscribirte {padding:7px 14px 0px;height:32px;}
.suscribirte a{background:url(images/suscribirte.gif) no-repeat left top;float:right; padding:2px 0px 4px 30px;}
.suscribirte h2{margin:0;}
.info{font-size:14px;color:#63B3A0;width:707px;line-height:16.8px;margin-bottom:25px;}
.maslibros{width:371px;float:left; /*margin-left:15px;*/}
.maslibros .ficha{margin-right:10px;width:145px;}
a.galeria {margin:0 10px 10px 0;border:1px solid #E1E1E1;padding:3px;display:block;width:auto;float:left;}
a.galeria:hover{background-color:#E1E1E1;}
a.boton{height:14px;font-weight:bold;display:block;width:auto;float:right;padding:3px 6px;} 
h4{clear:both;font-size:14px;font-weight:bold;color:#666;margin:15px 0;}
.anchosin{ width:696px; float:left; overflow:hidden;}

/*
	Ra-Ma
	
	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;}
h2 {font-size:16px;font-weight:bold;color:#000;margin-bottom:18px;}
/*h2.index {margin-bottom:0px;}*/
h2 span{font-weight:normal;}
#buscador a{color:#666;text-decoration:none;font-size:11px;font-weight:bold;}
#buscador a:hover{text-decoration:underline;}
.ficha{line-height:14.3px;}
.ficha img {margin-bottom:15px;}
a.titulo {font-weight:bold;}
.subtitulo{color:#63B3A0;}
a.autor{font-size:11px;font-weight:bold;color:#666; /*padding-bottom:20px;*/}
a.autor:hover{color:#666;}
.precio{font-size:14px;font-weight:bold;color:#666;}
#pie a{color:#fff;font-size:10px;font-weight:bold;}
#buscador_avanzado .novedadeslabel{color:#666;}
.comprar .precio{font-size:20px;color:#fff;}
.formativos h4,h4.ciclosg{color:#fff;padding-left:15px;}

.formativos h4{font-size:20px;}
h4.ciclosg{font-size:14px;}
.evento .nombre{font-size:18px;color:#63B3A0;}
.corporativa img {float: left; margin:0 20px 20px 0;}

/*
	Ra-Ma
	
	Metodología CSS: http://wiki.trevenque.es/index.php/Desarrollo_Web
	
	Aníbal Barnés - GTK
	
	_Elementos de navegación, menús, listas...
*/

.navegacion{height:64px;background:url(images/fondo-navegacion-a.png) no-repeat top;}

.navegacion ul{float:left;text-align:left;}
.navegacion ul li, #navmate ul li{display:inline;}

.navegacion ul.uno{padding:18px 0 0 5px;}
.navegacion ul.uno a{color:#fff;font-weight:bold;font-size:13px;padding:7px 14px 10px 14px;display:block; width:auto;float:left;}
.navegacion ul.uno a:hover{text-decoration:none;}

.navegacion ul.uno .novedades:hover,
.navegacion ul.uno .novedades-activo{background:url(images/fondo_menu_sup.png) repeat-x;}
.navegacion ul.uno .eventos:hover,
.navegacion ul.uno .eventos-activo{background:url(images/fondo_menu_sup.png) repeat-x;}
.navegacion ul.uno .puntos-venta:hover,
.navegacion ul.uno .puntos-venta-activo{background:url(images/fondo_menu_sup.png) repeat-x;}
.navegacion ul.uno .descargas:hover,
.navegacion ul.uno .descargas-activo{background:url(images/fondo_menu_sup.png) repeat-x;}
.navegacion ul.uno .ciclos-formativos:hover,
.navegacion ul.uno .ciclos-formativos-activo{background:url(images/fondo_menu_sup.png) repeat-x;}
.navegacion ul.uno .contacto:hover,
.navegacion ul.uno .contacto-activo{background:url(images/fondo_menu_sup.png) repeat-x;}
.navegacion ul.uno .venta-derechos:hover,
.navegacion ul.uno .venta-derechos-activo{background:url(images/fondo_menu_sup.png) repeat-x;}

/*
.navegacion ul.uno{padding:15px 0 0 5px;}
.navegacion ul.uno a{color:#fff;font-weight:bold;font-size:13px;padding:8px 14px;display:block; width:auto;float:left;}
.navegacion ul.uno a:hover{text-decoration:none;}

.navegacion ul.uno .novedades:hover,
.navegacion ul.uno .novedades-activo{background:url(images/fondo-novedades.png) no-repeat center;}
.navegacion ul.uno .eventos{margin-left:3px;}
.navegacion ul.uno .eventos:hover,
.navegacion ul.uno .eventos-activo{background:url(images/fondo-eventos.png) no-repeat center;margin-left:3px;}
.navegacion ul.uno .puntos-venta:hover,
.navegacion ul.uno .puntos-venta-activo{background:url(images/fondo-puntos-venta.png) no-repeat center;}
.navegacion ul.uno .descargas:hover,
.navegacion ul.uno .descargas-activo{background:url(images/fondo-descargas.png) no-repeat center;}
.navegacion ul.uno .ciclos-formativos:hover,
.navegacion ul.uno .ciclos-formativos-activo{background:url(images/fondo-ciclos-formativos.png) no-repeat center;}
.navegacion ul.uno .contacto:hover,
.navegacion ul.uno .contacto-activo{background:url(images/fondo-contacto.png) no-repeat center;}
.navegacion ul.uno .venta-derechos:hover,
.navegacion ul.uno .venta-derechos-activo{background:url(images/fondo-ciclos-formativos.png) no-repeat center;}
*/

/*
.navegacion ul.dos{padding:9px 0 0 10px; clear:left;}
.navegacion ul.dos div.categoria {font-weight:bold;padding:3px 10px 0 10px;margin:0 10px 0 0;height:19px;width:auto;font-size:14px;color:#835500;background:url(images/flecha-categoria.png) no-repeat right 10px; float:left;}
.navegacion ul.dos a{color:#333;font-weight:bold;display:block;float:left;margin-left:1px;}
.navegacion ul.dos a span{padding:6px 9px;height:17px;width:auto;float:left;display:block;font-size:11px;}

.navegacion ul.dos a.activo,
.navegacion ul.dos a:hover{background:#fff url(images/fondo-categoria-izq.png) no-repeat left;text-decoration:none;}
.navegacion ul.dos a.activo span,
.navegacion ul.dos a:hover span{background:url(images/fondo-categoria-der.png) no-repeat right;cursor:pointer;display:block;}
*/

#navmate {background:url(images/fondo-navegacion-b.png) repeat-y;}
#navmate .categoria {font-weight:bold;padding:3px 10px 0 10px;margin:0 10px 0 0;height:19px;width:70px;font-size:14px;color:#835500;background:url(images/flecha-categoria.png) no-repeat right 10px;float:left;}

#navmate ul.dos{margin:0 0 0 100px;}
#navmate ul.dos a{color:#333;font-weight:bold;display:block;float:left;margin-left:1px;}
#navmate ul.dos a span{padding:5px 9px;height:19px;width:auto;float:left;display:block;font-size:11px;}

#navmate ul.dos a.activo,
#navmate ul.dos a:hover{background:#fff url(images/fondo-categoria-izq.png) no-repeat left;text-decoration:none;}
#navmate ul.dos a.activo span,
#navmate ul.dos a:hover span{background:url(images/fondo-categoria-der.png) no-repeat right;cursor:pointer;display:block;}

#pienavmate{height:3px; width:945px; background:url(images/fondo-navegacion-c.png) no-repeat top;}


/*
	Ra-Ma
	
	Metodología CSS: http://wiki.trevenque.es/index.php/Desarrollo_Web
	
	Aníbal Barnés - GTK
	
	_Estilos para elementos de formularios
*/
input{border:1px solid #ccc;}
input.texto{color:#3D4043;padding:2px 5px 3px 5px;width:163px;font-size:12px;font-family:Arial, Helvetica, sans-serif;}
label{font-size:11px;color:#fff;text-transform:lowercase;}
.boton{width:78px; border:0px none;text-transform:uppercase;color:#A86C00;padding:0 12px;font-weight:bold;height:20px;cursor:pointer;font-family:Arial, Helvetica, sans-serif;background:transparent url(images/fondo-boton.png) repeat-x top;}
#login{float:right;width:320px;text-align:left;}
#login input, #login label{float:left;width:123px;}
#login input{border:1px solid #A86C00;}
#login input.pass{border-left-width:0px;}
#login input.boton{width:64px; font-size:11px; font-weight:bold; background-color:#CF9900; padding:0px;}
#login a {color:#fff;font-size:11px;font-weight:bold;}
#buscador{margin:4px auto 0px auto; background:url(images/sombra-buscador.png) no-repeat scroll 0px 4px; display:block; clear:both; padding:13px 0 7px 8px; width:950px;height:38px; margin-left:-5px;}
#buscador input{float:left;border:1px solid #ccc;font-size:12px;}
#buscador .boton{height:21px;border:0px; margin-top:1px;}
#buscador input.boton{font-size:11px;}
#buscador .selector{font-size:14px;width:170px;float:left;margin:0px 1px 0 0; height:22px;border:1px solid #CCCCCC;}
#buscador .texto{width:533px; background:#fff url(images/lupa.gif) no-repeat scroll left top;padding-left:20px;}
#buscador a.avanzada{display:block;float:left;height:18px;padding:3px 9px; margin-left:2px; border-left:1px solid #fff; color:#A86C00;}
/* Buscador avanzado */
#buscador_avanzado{margin-bottom:30px;}
#buscador_avanzado label{font-size:12px;display:block; width:115px; float:left; font-weight:bold; color:#333;text-transform:none;cursor:pointer;}
#buscador_avanzado input{width:400px; float:left;margin-bottom:10px;color:#3D4043;padding:2px 5px 3px 5px;}
#buscador_avanzado select{width:412px; float:left;margin-bottom:10px;}
.finform {height:15px;}
#buscador_avanzado .checkbox{margin:0 8px 0 115px;width:auto;border:0;}
#buscador_avanzado .boton{ color:#A86C00; float:right;margin-right:8px;width:auto;padding:0 15px;border:1px solid #C2C2C2;}


#buscador_avanzado table.col_2 ,#buscador_avanzado table.col_8{margin-bottom:0;}

#buscador_avanzado table.col_2 td,#buscador_avanzado table.col_3 td,#buscador_avanzado table.col_5 td,#buscador_avanzado table.col_8 td{padding:0;}
#buscador_avanzado table.col_2 input, #buscador_avanzado table.col_2 select{width:240px;}
#buscador_avanzado table.col_2 label {width:135px;}
#buscador_avanzado table.col_3 input, #buscador_avanzado table.col_3 select{width:215px;}
#buscador_avanzado table.col_3 label {width:100px;}
#buscador_avanzado table.col_5 input, #buscador_avanzado table.col_5 select{width:123px;}
#buscador_avanzado table.col_5 label {width:100px;}
#buscador_avanzado table.col_8 input, #buscador_avanzado table.col_8 select{width:83px;}
#buscador_avanzado table.col_8 label {width:auto;}
#buscador_avanzado  .cuadrotexto{width:600px;margin-bottom:20px;}
#buscador_avanzado  input.porcentaje{width:30px;float:none;}
#buscador_avanzado  .auto{width:auto;}
#buscador_avanzado  table td.estrecho, #buscador_avanzado  table th.estrecho{width:50px;}
#buscador_avanzado  table td.estrecho input,#buscador_avanzado  table td.estrecho select,#buscador_avanzado  table th.estrecho label{width:50px;}
#buscador_avanzado .info{width:675px;}

/*
	Ra-Ma
	
	Metodología CSS: http://wiki.trevenque.es/index.php/Desarrollo_Web
	
	Aníbal Barnés - GTK
	
	_BUBLE TOOLTIPS
*/
.clearing {height:0;clear:both}
.tooltip,.tooltip *{display:block}

.tooltip{ 
width: 103px;
color:#fff;
font: 11px Arial,sans-serif;
font-weight:bold;
text-decoration:none;
padding-left:0px;
background: url(images/bt.gif) no-repeat top;
}

.tooltip span.top{
width: 103px;
text-align:center;
padding: 2px 0 6px 0;
}