/*
	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.gif) 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:89px; padding:0px 2px;}
	#titulo{ padding:6px 0px 0px 5px; height:76px;width: 215px; background:transparent url(images/_bg_cabecera.gif) no-repeat right 23px;}
		#titulo h1{ width:215px;}
		#titulo h1 a{text-indent:-40000px; display:block; height:76px; background:transparent url(images/logo.gif) no-repeat top left;}
	#usuario{ background:transparent url(images/bg_usuario.gif) no-repeat bottom left; width:498px; padding-top:17px; height:65px;}
	/*#usuario{ background:transparent url(images/bg_usuario_orig.gif) no-repeat bottom left; width:480px; padding-top:25px; height:55px;}*/
		#acceso{ width:490px; text-align:right; padding-top:2px;}
			#acceso li{}
				#acceso li.last{ padding-left:15px;}
				#acceso li.first { margin:0px 3px 0px 15px;}
					#acceso li.first a{ border-right:1px solid #C3EB52; padding-right:3px;}
		#cestita{ width:498px;}
			#cestita .cesta{ background:transparent url(images/boton_vercesta.gif) no-repeat top left; padding:4px 15px 0px 0px; width:116px; height:24px; margin-left:5px;}

#acceso input.texto {width:123px; border:1px solid #ccc;}
#acceso form a {padding:0 0 0 5px;}
#acceso.paddextra {padding-top:5px;}

#cuerpo{ }

		#menu-global{ position:relative; padding:0px 0px 0px 8px; width:970px; background:#36619b url(images/_bg_navegacion.gif) no-repeat top left; height:49px; margin-left: 2px;}
		#menu-global ul{ padding-top:14px;}
		#menu-global li{ padding:15px 2px 12px; background:transparent url(images/_bg_navegacion_item.gif) repeat-x top; margin-left:10px; *margin-right:2px;}
		#menu-global li:hover {background:transparent url(images/_bg_navegacion_item_hover.gif) repeat-x top; }
		
		#redessoc {position:absolute; top:8px; left:900px;} 
		
	#buscador{ width:977px; margin-left:2px; height: 51px; background-color:#f2f2f2;}
		#buscador form{ width:638px; 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 .paginador{ background-color:#F6F6F6; padding:5px 16px 10px 21px; 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;}
		
		#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 120% 70%;}
#pie{ background-color:#3f93ea;}
#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; width: 100px;}
td{ padding:10px 5px 7px 5px; vertical-align:top; border-bottom:2px solid #f6f6f6;}
td.precio{ padding-right:7px;}
tr.metodos td{ background-color:#f6f6f6;}
tr.metodos td.first{ padding-right:0px;}
#contenido.cesta .pie td.total{ padding-right:0px; border-bottom:0px none; background-color:#E5E5E5; font-weight:bold;}
#contenido.cesta .pie td.last{ padding:23px 65px 0px 0px;background-position:136% 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 .mini div.metaconfirmar 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:110px;}
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; }
/* para pegar en libro.css*/



/*** LISTA DE PEDIDOS  ***/

div.pedido .ayuda {
	margin: 20px 40px 0px 20px;
	width: 730px; 
}
table.lista-pedidos {
	border-spacing: 0;
	margin: 20px 40px 0px 20px;
	width: 730px;
}
table.lista-pedidos th {
	background: #CCC;
}
/*** 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:5px 0 10px 0;}
 
 #cbestado{
 	padding: 10px 0 0 20px;
 }

#redireccion img {padding:0 0 20px 275px;}

/* Servicios
********************************************************/
#servicios  {
	border-bottom:1px dotted #DDDDDD;
	border-top:1px dotted #DDDDDD;
	color:#666666;
	/*float:right;*/
	font-family:Arial,Helvetica,sans-serif;
	font-size:0.9em;
	height:15px;
	margin:25px 0 0 159px;
	padding:0 0 20px 0;
	width:550px;
}
#servicios ul {
	list-style:none outside none;
}
#servicios ul li {
	display:inline;
	float:left;
	margin:0 17px 0 0;
	padding-top:10px;
}
#servicios ul li.valoracion ul li {
	border-right:none;
	padding:11px 0 0 0;
	margin-right:3px;
}
#servicios ul li.valoracion ul li.stars {
	border-right:none;
	padding-top:7px;
}
#servicios ul li.valoracion {
	border-right:none;
	margin:0;
	padding-top:2px;
}
#servicios ul li.redes{
	border-right:none;
	margin:0 0 0 10px;
	padding-top:2px;
}
#servicios ul li.redes ul li{
	margin:0;
	padding:8px 0 0 0;
}
#servicios ul li.redes ul li a{
	background: url(images/spSocial.gif);
	height:16px;
	width:16px;
	cursor:pointer;
	display:inline-block;
	margin-right:5px;
}
#servicios ul li.redes ul li a.delicius  {background-position:0px 0px;}
#servicios ul li.redes ul li a.facebook {background-position:-16px 0px;}
#servicios ul li.redes ul li a.technorati {background-position:-32px 0px;}
#servicios ul li.redes ul li a.digg  {background-position:-48px 0px;}
#servicios ul li.redes ul li a.twitter {background-position:-64px 0px;}
#servicios ul li.redes ul li a.linkedin  {background-position:-80px 0px;}
#servicios ul li.redes ul li a.rss {background-position:-96px 0px;}
#servicios ul li.redes ul li a.stumbleupon {background-position:-112px 0px;}
#servicios ul li.redes ul li a.tumblr {background-position:-128px 0px;}
#servicios ul li.redes ul li a.socialvibe {background-position:-144px 0px;}
#servicios ul li.redes ul li a.youtube {background-position:-160px 0px;}
#servicios ul li.redes ul li a.vimeo {background-position:-176px 0px;}
#servicios .borrarvaloracion a {color:#666;}
#contenido a.btncomentarios, #contenido a.btnfavoritos {color:#666666;float:left;padding-left:22px;height:20px;padding-top:2px;}
#contenido a.btncomentarios:hover, #contenido a.btnfavoritos:hover {text-decoration:none;color:#0099FF;}
#contenido a.btncomentarios {background:url("images/icon_comentarios.gif") no-repeat scroll 0 0 transparent;}
#contenido a.btnfavoritos {background:url("images/icon_favoritos.gif") no-repeat scroll 0 0 transparent;}

/* comentarios
********************************************************/
#comentarios {padding:20px 45px 0 159px;}
#comentarios h3 {
	color:#333333;
	font-size:1.2em;
	font-weight:bold;
	padding:0 0 10px 0;
}
#comentarios a.btncomentarios, #contenido a.btnfavoritos {color:#666666;float:left;padding-left:22px;height:20px;padding-top:2px;}
#comentarios a.btncomentarios:hover, #contenido a.btnfavoritos:hover {text-decoration:none;color:#0099FF;}
#comentarios a.btncomentarios {background:url("images/icon_comentarios.gif") no-repeat scroll 0 0 transparent;}
.comentario{margin-bottom:10px;}
.comentario h4{color:#666666;font-size:12px;font-weight:bold;padding-bottom: 5px;border-bottom:1px solid #eee}
.comentario .datoscomen{border:0 none;color:#666666;font-size:11px;margin:5px 0 10px 0;padding:0;}
.comentario p {color:#666666;}

/* encuestas
********************************************************/
#encuestas {padding:0 20px;}
#encuestas .zondescri {padding:20px 0 40px 0; color:#666;}
#encuestas .zondescri img {float:left; margin:0 10px 10px 0;}
#encuestas .respuestas {padding:0 0 20px 0; border-bottom:1px solid #ccc; color:#666;}
#encuestas .totalvot {padding:20px 0 40px 0; font-weight:bold;}
.totalvalor {font-weight:normal;}
#encuestas .unarespu {float:left; width:245px; padding:0 40px 0 0;}
#encuestas .valrespu {float:left; width:220px; background-color:#ececec; height:20px; position: relative;}
#encuestas .index { 
  display: block; 
  position: absolute; 
  top: 0; 
  left: 0; 
  height: 100%; 
  background: #3f93ea; 
}
#encuestas .count {float:right; font-weight:bold;}
#encuestas .sepres {height:8px;}

#porencu {background-color:#f2f2f2; padding:0 0 20px 0;}
#porencu h3 {margin:0 0 15px 0; background-color:#3f93ea; font-size:0.92em; color:#fff; padding:6px 14px; text-transform:uppercase; font-weight:bold;}
#porencu #pregunta {font-weight:bold; color:#000; padding:0 15px 20px 15px;}
#porencu .respuesta {padding:0 0 10px 0;}
#porencu input.inradio {float:left; width:25px; margin:0 5px;}
#porencu label {color:#666; float:left; line-height:110%; padding:0 0 10px; width:130px; text-transform:none;}
#actenc {padding:15px 0 0 0;}
#porencu input.boton {margin:0 0 0 15px;}
#porencu a.resultados {margin:0 15px 0 0; font-weight:normal;}

/* encuentros
********************************************************/
#encuentros {padding:0 20px;}
#encuentros p.tituloactivo {background-color:#f2f2f2; color:#09c; padding:8px 15px; border-bottom:1px solid #fff; font-weight:bold; font-size:14px;}
#encuentros h3, #detalleencu h3 {margin:0;}
#encuentros .date, #detalleencu .date {color:#666; font-size:11px;}
#encuentros .unencuentro {padding:0 0 25px 0; border-bottom:1px solid #ccc; margin:0 0 25px 0;}
#encuentros .activo {background-color:#f2f2f2; padding:15px 15px 20px 15px;}
#encuentros .encdatos {float:left; width:405px;}
#encuentros .zondescri, #detalleencu .zondescri {padding:10px 0 0 0; color:#666;}
#encuentros img {float:left; margin:0 20px 0 0; border:1px solid #ccc;}
#encuentros p.enlactivo {padding:15px 0 0 10px; background:url("images/icon_lista.gif") no-repeat scroll 0px 22px transparent;}

#detalleencu {padding:0 20px;}
#detalleencu img {float:left; margin:0 20px 20px 0; border:1px solid #ccc;}
/*#detalleencu .zondescri p {padding:0 0 15px 0;}*/
#detalleencu .preguntas {color:#666; padding:20px 0;}
#detalleencu .unapregunta {width:535px;}
#detalleencu .contador {float:left; color:#000; width:20px; font-weight:bold;}
#detalleencu .pregunta {color:#000; font-weight:bold;}
#detalleencu .seppre {padding:15px 0 0 0;}
#contenido h4.propre {background-color:#f6f6f6;padding:5px 20px; font-weight:bold; border-right:2px solid #fff; margin-bottom:20px;}

#porencuentro {background-color:#f2f2f2; padding:0 0 20px 0;}
#porencuentro h3 {margin:0 0 15px 0; background-color:#3f93ea; font-size:0.92em; color:#fff; padding:6px 14px; text-transform:uppercase; font-weight:bold;}
#porencuentro .encimg {float:left; padding:0 10px 10px 0;}
#porencuentro .encotros {padding:0 0 15px 10px;}
#porencuentro .encotros a {font-weight:normal;}
#porencuentro #encentradilla {padding:0 0 15px 10px; color:#666;}

/* cupones
********************************************************/
#pcupon {font-weight:bold;}
#pcupon input {width:200px;}
#pcupon a.boton_cupon {
	border:0px none;
	text-transform:uppercase;
	color:#fff;
	padding: 2px 14px 3px;
	text-decoration:none;
	height:17px;
	font-weight:bold;
	font-size:10px;
	cursor:pointer;
	width:70px;
	font-family:Arial, Helvetica, sans-serif;
	background:transparent url(images/boton_generico.gif) no-repeat;
}
#pcupon a.boton_cupon:hover {
	background:transparent url(images/boton_generico_hover.gif) no-repeat;
}

/* suscripcion directa
********************************************************/
#lateral-izquierdo .boletin{ width:155px; padding:0 15px 10px 15px; height:144px; background: transparent url(images/bg_boletin.gif) no-repeat left top;}
#lateral-izquierdo .boletin h3{ font:bold 11px Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:transparent; padding:5px 0 0 0 }
#lateral-izquierdo .boletin p{ color:#FFFFFF; line-height:1em; font-size:0.9em; margin-bottom:5px}
#lateral-izquierdo .boletin label{ color:#FFFFFF} 
#lateral-izquierdo .boletin input.texto{ width:151px; height:15px; background-color:#FFFFFF; border:#CCCCCC;padding:2px 5px 3px;}
/*#lateral-izquierdo .boletin input.boton-peq{width:70px;  height:17px; overflow:hidden; border:0; text-indent:-9000px;background: transparent url(images/boton_generico.gif) no-repeat; float:right; margin-top:7px; cursor:pointer}*/
#lateral-izquierdo .boletin input.boton-peq{
	width:65px;
	height:18px;
	overflow:hidden;
	border:0; 
	background: transparent url(images/boton_genericoI.gif) no-repeat 0 1px; 
	float:right; 
	margin-top:7px; 
	cursor:pointer;
	text-transform:uppercase;
	color:#fff;
	font-weight:bold;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}
#lateral-izquierdo .boletin input.boton-peq:hover{	height:18px;background: transparent url(images/boton_genericoI_hover.gif) no-repeat 0 1px;}