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


body{
	text-align:center;
	margin:15px auto;
	background-color:#DF9934;
	width:991px; /* ancho de 975px + 16px de degradado (8+8) */
}
ul,ol,h1,h2,h3,h4,h5,p{
	margin:0px;
	padding:0px;
}
#envoltorio{text-align:left;}
#cabeza{ width:975px; height:35px;}
	#titulo{ padding-top:5px;}
	#menu-cuenta{ width:555px; padding:5px 15px 0px 15px; text-align:right;}
#cuerpo{}
	#menu-global{ text-align:right; width:auto; padding:20px 15px; margin-top:38px; height:31px;}
	#contenedor{background: #FCE09C url("images/bg_cuerpo.gif") repeat-y; padding:0px 8px;/* 8+8 d	el degradado */}
		#lateral-izquierdo{ width:185px; padding:0px 5px 0px 0px; background:transparent url("images/motorista.gif") no-repeat 30px 20px;}
			#menu-materias{ padding:0px 0px 0px 11px;}
		#central{ }
		/*	#tagline{ text-indent:-4000px; background: transparent url("images/tagline.gif") no-repeat left; padding:20px 0px;}*/
			#tagline{ padding:20px 0px;}
			#tagline span{font-size:17px;font-weight:normal;line-height:17px;}
			
			#buscador{ width:556px; background:transparent url("images/bg_buscador.gif") repeat-x; padding:11px 10px;}
			#contenido{ background: transparent url("images/bg_contenido.gif") repeat-y; width:585px; padding:10px 15px 25px 5px; min-height:550px}
		#lateral-derecho{ padding-left:0px;}
		#pie{ padding:10px 0px 45px 195px;}


		#lateral-izquierdo a#homelink{
			height:141px;
			display:block;
			text-indent:-10000px;
		}

.left-bloque{background:transparent url("images/deg-left.gif") no-repeat left top; padding-left:5px; margin-left:4px;}
.rigth-bloque{background:transparent url("images/deg-right.gif") no-repeat right top; padding-right:5px; width:578px;}
.deg-1{ background:transparent url("images/deg-1.gif") no-repeat left 18px;}
.deg-2{ line-height:1em; background:transparent url("images/deg-2.gif") no-repeat; padding-top: 30px;}
.deg-3{ line-height:0.9em; background:transparent url("images/deg-3.gif") no-repeat;}
.deg-4{ line-height:1em; background:transparent url("images/deg-4.gif") no-repeat;}
.top-bloque{ line-height:0.4em; background:transparent url("images/deg-top.gif") no-repeat; margin-top:15px;}
.bottom-bloque{ line-height:0.4em; background:transparent url("images/deg-bottom.gif") no-repeat;}


/**/
.bloque{ border-left:1px solid #fff; border-right:1px solid #fff; padding:5px 15px; background:transparent url("images/bg_bloque.gif") repeat-x top;}
.ancho-1{ width:165px;padding:0px 15px;}
.ancho-2{ width:360px;padding:0px 15px;}
.ancho-1-5{ width:293px; padding:0px 15px;}

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


 

div#contenido h2.title, div#contenido h1.title{
	padding:25px 0px 0px 16px;
}
div#contenido h3.subtitle{
	padding:0px 0px 0px 16px;
	
}


/*********************************/
/* Secciones                     */
/*********************************/



/* Portada */
#contenido .listaLibros{
	border-bottom:1px dashed #FCE09C;
}

#contenido .una_col{ 
    border-bottom:1px dashed #FCE09C;
}
#contenido .una_col .libro{
	padding: 20px 15px 10px 15px; 	
	border-top:1px dashed #FCE09C;
}
#contenido .una_col .libro img.foto{
	float:left;
	margin-right:14px;
	
}
#contenido .listaLibros .tres_col .libro{
	width:164px;

	padding: 20px 15px 20px 15px;
	float:left;
	border-right:1px dashed #FCE09C;
	border-top:1px dashed #FCE09C;
/*	_margin:0px 15px 0px 7px;*/
}

#contenido .tres_col .libro img.foto{
	float:left;
	width: 50px;
	margin-right: 6px;
}

#contenido .listaLibros .tres_col .foto{
	float:left;
}

#contenido .listaLibros .tres_col .foto a{
	float:left;
}


#contenido .listaLibros .tres_col .titulo-autor {
	float: left;
	width: 103px;
}

#contenido .listaLibros .tres_col .info{
	float:left;
	margin-top: 6px;
}

#contenido .listaLibros .tres_col .col_2{
	border-right:0px;
	width:165px;
}
#contenido div.libro div.precio{
	padding-bottom: 6px;
	float: left;
	margin-right: 12px;
	width: auto;
}

#contenido div.libro div.info-right div.precio{
	width: 64px;
	}

#contenido div.libro div.precio strong{
	float:left;
	display:block;
	width: auto;
}
#contenido div.libro div.precio a{
	float:none;
	margin-top: 6px;
	display:block;
	width:77px;
}
#contenido div.libro  a.boton-peq, #contenido a.boton-comprar{
		background:url(images/bg-compraButton.gif) no-repeat top left !important;
		font-size:1px;
		color:#630;
}

#contenido div.libro  a.boton-mas-info {
	background:url(images/bt_mas_info.gif) no-repeat top left !important;
	font-size:1px;
	color:#630;
	width: 117px;
	height: 22px;
	display: block;
	float: right;
	}


#contenido div.libro div.actions {
	float:right;
	width:127px;
}
#contenido div.libro div.actions a.favoritos{
	float:left;
	width:110px;
}            
#contenido div.libro div.actions a.boton-peq{
	float:right;
}

#contenido div.libro div.info-left {
	float: left;
	width: 340px;
}

#contenido div.libro div.info-right {
	float: right;
	width: 210px;
	text-align: right;
}

/*subcategoria*/
.bloquesubcat {
	padding-left:15px;
}
.bloquesubcat ul{
	padding-left:18px;

}
.bloquesubcat li{
	width:252px;
	list-style:disc;
	float:left;
	display:block;
	background:url(images/bg_bloquesubcatLi.gif) no-repeat 0px 10px;
	padding-left:18px
	
}
.bloquesubcat-3 ul{
	padding-left:0px;
	padding-right:0px;
	
}
.bloquesubcat-3 li{
	width:173px;	
	padding-bottom:10px;
	padding-left:8px;
	
	
}
.bloquesubcat-3 li.clear{
	padding:0px;
	margin:0px;
	float:none;
	clear:both;
	height:1px;
	display: none;
}
.bloquesubcat li a{
	text-decoration:underline;	
	font-size:10px 
}
/*paginador*/
div.pager{
	padding:15px;
	
} 
div.pager div.order-fields{
	width:375px;
	float:left;
}
div.pager div.orderer{
	float:right;
	width:165px;
	margin-left:15px;
}
ol.paginador{
	text-align:right;
	padding:0px 15px;
	
}
ol.paginador li {
	font-weight:bold;
}
ol.paginador li a{
	padding:0px 5px;
	color:#283931;
	font-weight:normal;
}

div.content{
	padding:10px 15px;
}

div.dashed-content{
	border-top:1px dashed #FCE09C;
	border-bottom:1px dashed #FCE09C;
	padding:10px 15px;
}	  div.dashed-content h3{
			font:normal 18px Arial, Verdana, sans-serif;
			color:#DF9934; 
		}

div.top-content{
	background:#FEF9EC;
}
div.data-content{
	padding:24px 15px;
	line-height:20px;
}
div.data-content dl dt{
	font:bold 12px Arial, Verdana, sans-serif;
	color:#DF9934;
	width:180px;
	float:left;
}
div.data-content dl dd{
	float:left;
	font-weight:bold;
	padding-left:15px;
	margin-left:0px;
	width:345px;
	color:#630;
}
a.favoritos{
	color:#630;
	text-decoration:underline;
	font-weight:bold;
	cursor:pointer;
	display:block;
}
.bloque a{
	text-decoration:none;
	color:#283931;
}
.bloque a img{
	margin-bottom:14px;
}
.bloque a strong{
	font:bold 12px Arial, Verdana, sans-serif;
	color:#283931;
	display:block;
	line-height:14px;
	margin-bottom:14px;
}
div.ayuda {
	padding:28px 15px 0px 15px;
}
div.ayuda a {
	color : #630;
	font-weight:bold;
}
div.ayuda div.izqda{
	width:262px;
	float:left;
}

div.ayuda div.dcha{
	width:262px;
	float:right;
}

	/*ayuda*/
	.ayuda p{
		margin-bottom:14px;
		line-height:14px;
	}
/*tablepedidos*/
table.lista-pedidos{
	background:transparent url(images/bg_cestaTh.gif) no-repeat scroll left top;
	margin:0px 15px;
	width:555px;
}	table.lista-pedidos th{
		background:none;
		text-align:right;
		color:#FFF;
		text-transform:uppercase;
		font:bold 10px Arial, Verdana, sans-serif;
	}
	table.lista-pedidos td.estado{
		
		padding-bottom:14px;
	}
	table.lista-pedidos th, table.lista-pedidos td{
		vertical-align:top;
	}
	table.lista-pedidos .icono{
		padding-right:15px;
	}
	table.lista-pedidos .icono a{
		color:#630;
		font-weight:bold;
	}

/* Páginas de text */

div.dashed-content {}

div.normal div.dashed-content div.imagen { float: left; }

div.normal div.dashed-content div.imagen  img { width:280px; }

div.normal div.dashed-content div.texto { float: left; margin-left: 12px; width: auto;}

div.normal div.left div.texto { float: left; margin-left: 12px; width: 262px;}
