/*
	tecnolibro
	
	Metodología CSS: http://wiki.trevenque.es/index.php/Desarrollo_Web
	
	Carmel Hassan - GTK
	
	_Grid genérico, elementos de contenido, bloques (border+background)
*/


body{
	background:#fff url(images/bg_body.jpg) repeat-x top;
	text-align:center;
}
ul,ol,h1,h2,h3,h4,h5,p{
	margin:0px;
	padding:0px;
}
#envoltorio{text-align:left; width:981px; margin:0px auto; padding-top:6px; }
#cabeza{ height:93px;}
	#titulo{ padding:15px 0px 0px 12px; height:64px;width: 395px; background:transparent url(images/bg_cabecera.gif) no-repeat right 23px;}
		#titulo h1{  width:126px;}
		#titulo h1 a{text-indent:-40000px; display:block; height:62px; background:transparent url(images/logo.gif) no-repeat top left;}
	#usuario{ background:transparent url(images/bg_usuario.jpg) no-repeat right bottom; width:480px; padding-top:28px; height:65px;}
		#acceso{ width:460px; text-align:right; padding-top:13px;}
			#acceso li{}
				#acceso li.last{ padding-left:15px;}
				#acceso li.first { margin:0px 3px 0px 15px;}
					#acceso li.first a{ border-right:1px solid #09c; padding-right:3px;}
		#cestita{ width:460px;}
			#cestita .cesta{ background:transparent url(images/boton_vercesta.gif) no-repeat top left; padding:4px 15px 0px 0px; width:115px; height:24px; margin-left:5px;}
			
#cuerpo{ }
	#menu-global{ padding:0px 0px 0px 2px; width:981px; background:transparent url(images/bg_navegacion.jpg) no-repeat top left; height:45px;}
		#menu-global ul{ list-style:none; }
		#menu-global li{ float:left; padding:11px 11px 12px; background:transparent url(images/bg_navegacion_item.jpg) repeat-x top; margin-right:3px;}
		#menu-global li:hover, #menu-global li#colunomenu:hover {background:transparent url(images/bg_navegacion_item_hover.gif) repeat-x top; }
		#menu-global li#colunomenu{ width:185px; padding:11px 0 12px 0; text-align:center; background:none; margin:0; }
	#buscador{ width:977px; margin-left:2px;height: 51px; background-color:#f2f2f2;}
		#buscador form{ width:820px; padding:15px 10px;}
			#buscador form select, #buscador form input.texto{ margin-right:10px;}
			
	#contenedor{ height:1%; background:transparent url(images/bg_contenedor.gif) repeat-y; margin-left:3px; padding-right:2px;}
		#lateral-izquierdo{ width:185px; }
			#lateral-izquierdo .materias{ background: transparent url(images/bg_bloque.gif) right repeat-y;}
			#lateral-izquierdo .materias h2{ background:#9DCE09 url(images/bg_materias.gif) no-repeat;}	
		#central{}
			#tagline{ }
			
		#central.ancho #contenido, #central.anchosin #contenido{ width:790px;}
		#central.ancho { background:transparent url(images/bg_cuerpo.gif) repeat-y top; padding-bottom:50px;}
		#contenido h2, #contenido h6.titulo{background:transparent url(images/bg_h2_gris.jpg) no-repeat left bottom; padding-bottom:10px; margin-bottom:15px;}
		#contenido.compra h2{ background-image:none; margin-bottom:0px; padding-bottom:0px;}
		#contenido h6.titulo{ background-image: url(images/bg_h6_grisclaro.gif); padding-bottom:9px; margin-bottom:0px;}
		#contenido div.titulo{ background:transparent url(images/bg_h2_gris_doble.gif) no-repeat left bottom;padding-bottom:9px; margin-bottom:15px;}

		#contenido #medio{ width:605px;}
		#lateral-derecho{ width:183px; padding-right:2px;}
		#contenido.portada { width:606px;}
			#lateral-derecho .clear{ height:0px;}
		#central.ancho #lateral-derecho p{ padding:0px 15px;}
		
		#contenido h2.titulo{ margin-bottom:0px; padding-bottom:9px;background:transparent url(images/bg_h2_gris_sombreado.gif) no-repeat left bottom; }
		#contenido h2.titoscuro{ margin-bottom:0px; padding-bottom:9px;background:transparent url(images/bg_h2_oscuro.gif) no-repeat left bottom; }
		#contenido .paginador{ background-color:#F6F6F6; padding:5px 25px 10px 30px; margin-bottom:30px;}

		#contenido .descargas{ background-color:#F2F2F2; margin-top:10px; padding:10px 0px 10px 159px;}
		
		#contenido #relacionado{ margin-top:30px;background:transparent url(images/bg_cuerpo.gif) repeat-y top;}
		#contenido #relacionado .medio{ width:605px;}
		#contenido #relacionado h6.titulo{background:transparent url(images/bg_h6_gris.gif) no-repeat left bottom; padding-bottom:10px; margin-bottom:15px;}
		#contenido #relacionado ol li{ background-image:none; padding-left:10px;}
		
		#respdf {padding:0 0 20px 20px;}
		
		#contenido .mensaje{ width:440px; margin-left:20px; margin-top:15px; padding-top:5px;}
		#contenido .infocesta { width:490px;padding-left:55px; background:#fff url(images/icon_info.gif) no-repeat left top; margin-top:30px;}
		#contenido .sinresultados{ padding-left:120px; background:#fff url(images/imagen_librosin.jpg) no-repeat left top;}
		#contenido.corporativa .columnas_2{ width:790px; background-color:#EFF6E9; margin:30px 0px; padding:20px 0px;}
		#contenido.corporativa .columnas_2 h3{ padding:0px;}
		
		#contenido.cesta .controles{ background-color:#e5e5e5; width:755px; padding:0px 15px 0px 20px;}
		#contenido.cesta .controles{ padding-bottom:10px;}
		#contenido.cesta .pie{ background-color:#e5e5e5;}
		#contenido.cesta .pie .total{ padding:15px 20px 5px 0;height:30px;background:transparent url(images/bg_total.gif) no-repeat 124% 70%;}
#pie{ background-color:#99cc00;}
#pie .interior{ width:981px; text-align:left; margin:0px auto; background:transparent url(images/bg_piegif.gif) no-repeat 3px top ; padding:45px 0px 80px 0px;}
	#pie .interior ul { padding:0px 20px;}
#capapie{}

/**/
.ancho-1{ width:165px;padding:0px 15px;}
.ancho-2{ width:390px;padding:0px 15px;}

/**/
.inline *{display:inline;}
.clear{clear:both;}
.floatl{float:left;}
.floatr{float:right;}

/* tablas */
table{ width: 789px; margin-bottom:0px; border-collapse:collapse; margin-top:0px; *margin-top:-2px;}
th{ text-transform:uppercase; font-size:0.85em; font-weight:normal; background-color:#f6f6f6; color:#000;}
th.first, td.first{ padding-left:20px;}
th.titright{ text-align:right;}
td{ padding:10px 20px 7px 5px; vertical-align:top; border-bottom:2px solid #f6f6f6;}
td.precio, th.titright{ padding-right:20px;}
tr.metodos td{ background-color:#f6f6f6;}
tr.metodos td.first{ padding-right:0px;}
#contenido.cesta .pie td.total{ border-bottom:0px none; background-color:#E5E5E5;}
#contenido.cesta .pie td.last{ padding:23px 55px 0px 0px;background-position:150% 70%;}


/* Resúmen del pedido*/
#contenido.resumen .datos div{ padding-left:152px; width:400px;}
#contenido.resumen .datos div{ *padding-left:0px; *width:400px; *float:left;}

#central #contenido.resumen .datos{ padding-left:20px;}
#central #contenido div.resumen{ padding:0px 0px 20px 0px; width:580px;}
#contenido.resumen form label{ width:152px;}

div.resumen table{ width:603px; color:#333; margin-bottom:10px;}
div.resumen table th{ background-color:#ccc; text-align:right;}
div.resumen table td.precio{ padding-left:10px; text-align:right; padding-right:11px;}
div.resumen table td.vacio{ border-bottom:0px none; padding-right:0px;}
div.resumen table td.first,div.resumen table th.first{ padding-left:0px; text-align:left;}

div.resumen .mini div.meta{ width:280px;}
div.resumen .mini div.meta h3{ font-size:1.1em; color:#333333; font-weight:bold; }

div.resumen h4 span{ width:153px; display:block; float:left;}
div.resumen h4 a{ color:#0099CC; text-decoration:underline; font-size:0.83em; display:block; width:150px; float:left; padding-top:2px;}
div.resumen h4 a:hover{ text-decoration:none;}

div.resumen .preciototal{ background-color:#F6F6F6; padding:7px 20px; color:#333; margin-bottom:20px; width:563px;}
div.resumen .preciototal strong{ padding-right:10px; padding-left:70px;}
div.resumen .preciototal strong.precio{ padding-left:310px;}
div.resumen .preciototal span{ font-size:1.2em; font-weight:bold;}
div.resumen .preciototal span.precio{ font-size:1.5em;}

#contenido.resumen .datos .comentario{ *padding-left:152px;}

div.resumen a.boton{ float:right; margin-right:20px; background-image:url(images/boton_largo.gif); width:64px; padding:1px 10px 0px;}
div.resumen a.boton:hover{ background-image:url(images/boton_largo.gif)	; color:#fff;}

.action { padding-top: 20px; text-align:right; }
.action * { float:right; margin-right:20px; }
.action input.boton-red { margin-right: 0; }

/* compraok y detalle pedido */

#pedidook, #detpedebook {padding:20px 20px 0 20px; width:740px;}

#pedidook div.okconte, #detpedebook div.okconte{ padding:0px 0px 20px 0px; margin-bottom:20px; width:740px; border-bottom:2px solid #f7f7f7; }
div.okconte p.imprimir {padding:10px 0 0 25px;background:transparent url(images/imprimir_icono.gif) no-repeat left bottom;}

#datpedidos, #datcliente {padding:0 20px 0 0;width:230px;float:left;}
#datpago {width:235px;float:right;}
#datpago table {width:180px;}
#datpago table td {border:none; padding:0;width:50%;}

.conlinea {padding:20px 0 0 0;border-bottom:2px solid #f7f7f7;}

#pedidook div.descarga img {float:none;margin:0;}
#pedidook div.descarga {margin-top:20px; background:#f4f4f4 url(images/borde_top_744.gif) no-repeat left top; width:714px; padding:12px 15px 0 15px;}
#pedidook div.borinf {background:#f4f4f4 url(images/borde_inf_744.gif) no-repeat left bottom; width:744px; padding:0 0 10px 0; margin-bottom:20px;}
#pedidook div.descarga p.titulo {padding:10px 0 10px 95px; background:transparent url(images/libro_digital.gif) no-repeat left center;}

/* fin compraok */


/* para pegar en libro.css*/



/*** LISTA DE PEDIDOS  ***/

div.pedido h3 {
	color:#fff;
	background:#666;
	margin:10px 0 0 0;
	font-size:1.2em;
	font-weight:bold;
	padding:10px 0 10px 25px;
}
div.pedido .ayuda {
	margin: 20px 40px 0px 20px;
	width: 730px; 
}
div.pedido .ayuda .recuerda {
	padding-top:25px;
	font-size:1.3em;
}
table.lista-pedidos {
	border-spacing: 0;
	margin: 20px 40px 0px 20px;
	width: 730px;
}
table.lista-pedidos th {
	background: #CCC;
}
table.lista-ebooks {
	border-spacing: 0;
	margin:0;
}
table.lista-ebooks tr.cabped td {
	background:#ededed;
	padding:6px 0;
	border:none;
}
tr.cabped td span {
	padding:0 0 0 40px;
}
table.lista-ebooks td.botver { width:165px; }
table.lista-ebooks td.botver a {
	border:0px none;
	text-transform:uppercase;
	text-decoration:none;
	display: block;
	color:#fff;
	padding:1px 10px;
	height:17px;
	font-weight:bold;
	font-size:10px;
	cursor:pointer;
	width:144px;
	font-family:Arial, Helvetica, sans-serif;
	background:transparent url(images/boton_verdet.gif) no-repeat;
}
table.lista-ebooks tr.lisebooks td { padding:20px 0; }
table.lista-ebooks tr.lisebooks td.metalib { width:300px; padding:20px 10px 20px 0; }
table.lista-ebooks td.importelib { width:125px; }
table.lista-ebooks td.estadolib { width:120px; }
table.lista-ebooks tr.lisebooks td.descar { padding:20px 0 20px 25px; background:transparent url(images/descarga_ok.jpg) no-repeat 0 20px; }
table.lista-ebooks tr.lisebooks td.sindes { padding:20px 0 20px 25px; background:transparent url(images/descarga_sin.jpg) no-repeat 0 20px; }
table.lista-ebooks tr.lisebooks td.imglib { width:55px; padding-left:20px; }
table.lista-ebooks h4 { color:#09c; font-size:1.2em; font-weight:bold; padding-left:10px; height:auto; }
table.lista-ebooks h5 { color:#000; font-size:1.1em; line-height:110%; font-weight:normal; padding-left:10px; }
table.lista-ebooks tr.lisebooks td.importelib { font-size:1.2em; font-weight:bold; }

/* DETALLE PEDIDO */
.detalle-pedido h3 { margin:0; color:#fff; background:#666; padding:0 0 9px 35px; font-size:1.2em; }
#detpedebook table.lista-ebooks { width:740px; }
#detpedebook table.lista-ebooks tr.lisebooks td.imglib { width:75px; padding:20px 0; }
#detpedvolver { background:transparent url(images/icon_volver.gif) no-repeat left bottom; padding: 20px 0 0 20px; }

/*** ESTADO DEL PEDIDO  ***/

div.estado-pedido {
	width: 605px;
}

div.estado-pedido h3 {  
	background-color:#f6f6f6;
	color:#66A425;
	display:block;
	font-size:14px;
	font-weight:bold;
	margin:0 0 15px;
	padding:5px 0 5px 20px;
 }
 
 div.estado-pedido dl { margin-right: 20px; float: left; width:100%;  }
 div.estado-pedido dt { float: left; margin-left: 20px; font-weight:bold; }
 div.estado-pedido dd { float: right; width:300px; margin-right: 20px; }
 div.estado-pedido  img { margin-left: 20px; }
 
 div.estado-pedido table.lista-pedidos {
	border-spacing: 0;
	width: 605px;
	margin: 0;
}

 div.estado-pedido tr.cabecera { background: red; }
 
 img { filter:none; }
 
 .doscolumnas{width:280px;float:left;}
 #contenido form .doscolumnas label{width:225px;}
 fieldset.suscribir{padding:0 20px;}
 h3{color:#0099CC; margin:10px 0 20px 0;}
 
#enlvertodos {display:block; margin:0 0 15px 20px;}