/*
	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:15px 15px 0;}
#cabecera h1 {float:left;}
/*#cabecera a.contacto{display:block;float:right;margin:17px 17px;border-left:1px solid #CCC;border-right:1px solid #CCC;font-size:11px;color;#0099CC;padding: 2px 13px;}*/
#zon2cab {float:right; width:400px;}
#cuerpo{padding:10px 15px 15px;}
#pie{background-color:#7AA4C5;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;font-size:14px;color:#235C92;font-weight:bold;}
#login li a{font-size:12px;text-decoration:underline;}
#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;}
.novedades{padding:7px 14px;}
.destacamos{width:555px;float:left;}
.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{background:#F3F7FA url(images/cabeza-eventos.gif) no-repeat scroll left top;padding:7px 14px 0 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;}
.pestana a.activo,
.pestana a:hover{background:#999999 url(images/pestana-der-act.gif) no-repeat right top;color:#fff;text-decoration:none;}
.pestana .catalogo{width:945px;}
.contenido-pestana{background:#EEEEEE 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%;}
.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:15px;}
.fichacompleta  .titulo {font-size:18px;color:#006699;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;}
.fichacompleta  label{float:left;text-transform:uppercase;color:#666666; width:140px;}
.fichacompleta  span{float:left;}
.comprar {margin-top:-17px;background:url(images/fondo_comprar_ficha.png) no-repeat left top;height:71px;padding:8px 7px 0;width:127px;float:right;position:relative;}
.comprar a{background:url(images/boton_compra_ficha.png) no-repeat left top;display:block;float:left;font-size:10px;font-weight:bold;color:#fff;padding:8px 26px 6px 48px;}
.comprar .precio{float:right;margin-right:15px;}
.portada{float:left;}
.datos{float:right;width:725px;margin-top:-60px;}
.15{height:15px;}
.indice, .descargable, .sinopsis{border-top:1px solid #E1E1E1;padding-top:15px; margin-bottom:15px;}
.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;}
.descargable li a.descarga{background:url(images/descargable.png) no-repeat left top;width:39px;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{background:#427297 url(images/cabecera_ciclos_puntosventa.png) no-repeat left top;margin-bottom:10px;}
.formativos h4{padding-top:17px;margin-bottom:20px;}
.formativos li a {background:url(images/fondo-enlace-ciclos-formativos.png) no-repeat left top;display:block;width:198px;height:21px;color:#30546F;font-weight:bold;font-size:12px;padding:5px 0 0 10px;margin:0 0 3px 4px;}
.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-bottom:0;}
ul.ciclosg{background-color:#EEEEEE;padding-top:10px;}
ul.ciclosg li a{background:url(images/fondo-enlace-ciclosg.png) no-repeat left top;display:block;color:#333333;font-size:12px;margin: 0 0 0 15px;padding: 0 0 5px 14px;}
.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;}

#aviso, #aviso p {padding:0 0 20px 0; color:#df0101; font-size:16px;}

#menucab li {float:left;font-size:11px;color:#235C92; list-style:none;}
ul#menucab {margin-top:10px;float:right;}
#menucab a {text-transform:uppercase; padding:10px 15px;}

#cestita {float:right; padding-right:15px; text-align:right;}
#cestita a {color:#fff; text-transform:uppercase;font-size: 0.92em;}
#cestita span, #cestita strong {font-size:1.4em; font-weight:bold; padding:0px 4px;}
#cestita span.cesta {
	display:inline-block;
	background:transparent url(images/boton_vercesta.gif) no-repeat top left;
	padding:4px 15px 0px 0px;
	width:116px;
	height:24px;
	margin-left:5px;
	font-weight:normal;
	font-size:1em;
}
th {text-transform:uppercase; font-size:0.85em; font-weight:normal; background-color:#F6F6F6; color:black;}
th, td {padding:4px 10px 4px 5px;}
#cestatabla td {vertical-align:top; padding:10px 20px 7px 5px; border-bottom:2px solid #F6F6F6;}
th.first, td.first {padding-left:20px;}
.first {margin-left:0; padding-left:0;}
#contenido.cesta input.texto {width: 40px; text-align: right;}
.cesta td.precio {text-align:right; font-size:1.18em; width:56px;}
td.precio {padding-right:3px;}
#contenido.cesta .pie {background-color:#E5E5E5;}
#contenido.cesta .pie td.total {
	padding-right:0px;
	border-bottom:0px none;
	background-color:#E5E5E5;
}
#contenido.cesta .pie .total {color:#000; font-size:0.88em; text-transform:uppercase; text-align:right;}
#contenido.cesta .pie .total {padding:15px 20px 5px 0; height:30px;
	background:transparent url(images/bg_total.gif) no-repeat 120% 70%;
}
#contenido.cesta .pie .total strong {font-size:2em; /*padding-right:28px;*/}
#contenido.cesta .pie td.last {padding:23px 45px 0px 0px; background-position: 136% 70%;}
#contenido.cesta .controles {padding-bottom: 10px;}
#contenido.cesta .controles {background-color:#E5E5E5; padding:0px 15px 15px 20px;}
#cestatabla {margin-bottom:0;}

a.boton_borrar, a.boton_vaciar, a.boton_actualizar, a.boton_formalizar{
	border:0px none;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-weight:bold;
	text-transform:uppercase;
	background:#fff url(images/icon_cruz.gif) no-repeat left top;
	height:22px;
	cursor:pointer;
	display: block;
	padding-left: 25px;
	padding-top:2px;
}

a.boton_vaciar{float:left; background:#e5e5e5 url(images/icon_vaciar.gif) no-repeat left top; height:20px; width:110px;}
a.boton_actualizar{float:left; background:#e5e5e5 url(images/icon_actualizar.gif) no-repeat left top; height:20px;}
.inline *{display:inline;}
a.boton_formalizar{
	background:#333;
	/*height:24px;*/
	margin-left:715px;
	color:#fff;
	font-size:11px;	
	/*padding:4px 25px;*/
	width:150px;
	border:3px solid #fff;
	-webkit-border-radius:5px; 
	-moz-border-radius:5px;
	border-radius:5px;
	padding:4px 0 0 0;
	text-align:center;
}
#banner {float:left; padding:0 70px;}
/*redes sociales*/

#social {
    margin: 0 0 35px;
}
#social div {
    float: left;
}

#dispodet {height:90px; margin-top:90px; width:125px; font-weight:bold; color:#f00; text-transform:uppercase;}


/*
	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:#006699;}
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;}
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:#003E7C;}
.formativos h4,h4.ciclosg{color:#fff;padding-left:15px;}

.formativos h4{font-size:20px;}
.formativos h4 a{color:#fff;}
.formativos h4 a:hover{color:#09C;text-decoration:none;}

h4.ciclosg{font-size:14px;}
.evento .nombre{font-size:18px;color:#63B3A0;}

/*
	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:14px 0 0 5px;}
.navegacion ul.uno a{color:#fff;font-weight:bold;font-size:14px;padding: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-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.uno .pcpi:hover,
.navegacion ul.uno .pcpi-activo{background:url(images/fondo-eventos.png) no-repeat center;}


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

.navegacion ul.dos a.activo,
.navegacion ul.dos a:hover{background:#E6E6E6 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 {color:#333;font-weight:bold;padding:3px 10px 0 10px;margin:0 10px 0 0;height:19px;width:70px;font-size:14px;color:#fff;background:url(images/flecha-categoria.png) no-repeat right top;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:10px;}

#navmate ul.dos a.activo,
#navmate ul.dos a:hover{background:#E6E6E6 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:#333;text-transform:lowercase;}
.boton{border:0px none;text-transform:uppercase;color:#666666;padding:0 12px;font-weight:bold;height:20px;font-size:11px;cursor:pointer;font-family:Arial, Helvetica, sans-serif;background: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.pass{border-left-width:0px;}
#login input.boton{width:64px;}
#login a {color:#0099CC;font-size:11px;font-weight:bold;}
#buscador{margin:7px auto;background:url(images/sombra-buscador.png) no-repeat scroll left top;padding:7px 0 7px 8px;width:950px;*width:950px;}
#buscador input{float:left;border:2px solid #ccc;font-size:12px;}
#buscador .boton{height:24px;border-left-width:0px;}
#buscador .selector{font-size:15px;width:153px;float:left;margin:0px 1px 0 0;*margin-top:1px;border:2px solid #CCCCCC;}
#buscador .texto{width:543px;*width:517px;background:url(images/lupa.gif) no-repeat scroll left top;padding-left:20px;}
#buscador a.avanzada{display:block;float:left;height:18px;padding:3px 14px;background-color:#CCC;}
/* 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{float:right;margin-right:8px;width:auto;padding:0 15px;border:1px solid #C2C2C2;}

.form{width:707px;float:left;}

#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;
}