/*RESET BROWERS*/
*{
	margin: 0;
	padding: 0;
	border: 0;
}

ol, ul {
	list-style: none;
}
q:before, q:after, blockquote:before, blockquote:after {
	content: "";
}

form{
	margin:0;
	padding:0;
}
img{
	margin:0;
	padding:0;
}
ol {
	list-style: none;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*PNG FIXED IE6*/

div, img,  .pngfix, input { behavior: url("/css/iepngfix.htc") }


body {
	font: 62.5%/1.5em Georgia, "Times New Roman", Times, serif;
	background-color: #595959;
	background-image: url(/images/fondo.png);
	background-position: top center;
	background-repeat: no-repeat;
	margin-top: 20px;
	text-align:center;
}


h1 {
	font-size: 2.0em;
	font-weight: normal;
	line-height: 1.6em;

}
h2 {
	font-size: 1.6em;
	font-weight: normal;
	line-height: 1.6em;

}
h3 {
	font-size: 1.5em;
	font-weight: normal;
	line-height: 1.5em;

}
h4 {
	font-size: 1.4em;
	font-weight: normal;
	line-height: 1.5em;

}
h5 {
	font-size: 1.3em;
	font-weight: normal;
	line-height: 1.5em;

}
h6 {
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.5em;

}
p {
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.5em;
}

/*ENLACES*/

a {
	color: #414141;
}
a:link {
	text-decoration: none;
	color: #616161;
}
a:visited {
	text-decoration: none;
	color: #414141;
}
a:hover {
	color: #333333;
}
a:active {
	text-decoration: none;
	color: #515151;
}

/*LAYOUT*/

#contenedor {
	width: 780px;
	margin: 0 auto;
}
#cuerpo {
	width:720px;
	padding: 0px 30px 0px 30px;
	text-align:left;
}
#cabecera {
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(/images/bg_cabecera.png);
	background-position: top;
	background-repeat: no-repeat;
	padding: 20px 30px 0 30px;
	width:720px;
	height: 85px;
	text-align:left;
}

/*LOGO*/
#cabecera h1 {
	float: left;
	width: 170px;
}
#cabecera .cesta {
	float: left;
	margin-left:20px;
	width:110px;
	text-align:right;
	padding-top:10px;
}

#menuppal {
	float: left;
	margin-left:200px;
	width: 200px;
}

#menuppal ul {
	font-size: 1.1em;
	margin-left:3px;
	text-align:right;
}

#menuppal li {
	border-bottom: 1px solid #CCCCCC;
	margin-bottom:3px;
}

/*BANNER PROMO*/
.banner {  
	background-image: url(/images/banner_librosacro.png);
	background-repeat: no-repeat;
	height:104px;
	width:750px;
	padding-top: 30px;
	padding-right: 30px;
} 
 
.banner h1 {  
	width:350px;
	float:right;
	text-align: left;
	font-size: 1.8em;
	font-weight: normal;
	font-style: italic;
	line-height: 1.8em;
	color: White;
} 

#pie {
	font-family: Arial, Helvetica, sans-serif;
	color:#FFF;
	background-image: url(/images/bg_pie.png);
	background-position: top center;
	background-repeat: no-repeat;
	padding: 20px 30px 0 30px;
	width:720px;
	height: 60px;
	display:block;
	text-align:center;
}

#pie p{
	font-size:1.1em;
}

#pie a {
	color: #666666;
}

#pie a:link {
	text-decoration: none;
	color: #d7b619;
}

#pie a:visited{
	text-decoration: none;
	color: #d7b619;
}
#pie a:hover {
	text-decoration: none;
	color: #666666;
}

#pie a:active {
	text-decoration: none;
	color: #666666;
}

/*BUSCADOR*/
#buscador {
	background-image: url(/images/bg_productos.png);
	background-repeat: repeat-y;
	width:720px;
	height:80px;
	padding: 10px 30px 0 30px;
	text-align:left;
}

/*PRODUCTOS*/
#productos {
	background-image: url(/images/bg_productos.png);
	background-repeat: repeat-y;
	width:720px;
	padding: 0px 30px 0 30px;
}

/*ESTATICAS*/
#estaticas {
	background-image: url(/images/bg_productos.png);
	background-repeat: repeat-y;
	width:720px;
	padding: 0px 30px 0 30px;
	text-align:left;
}

#estaticas ul{
	font-size:1.2em;
	list-style-type:circle;
	list-style-position:inside;
	padding-left:20px;
}

#estaticas h2{
	font-weight:bold;
	color:#333;
}

#estaticas h1, h2{
	border-bottom:#999999 2px dotted;
	margin-bottom:0.5em;
}

/*COMPRAS*/
#compra {
	background-image: url(/images/bg_productos.png);
	background-repeat: repeat-y;
	width:720px;
	padding: 0px 30px 10px 30px;
}

#compra h2{
	margin-bottom:0.6em;
	line-height: 1.2em;
	display:block;
}

#compra h4{
	margin-bottom:0.4em;
	line-height: 1.0em;
}

#compra table.cesta{
	width:720px;
	padding: 20px;
	text-align:left;
}

#tablaenvio h4{
	line-height: 1.6em;
	width: 160px;
	padding-left:10px;
}

.datos{
	width:480px;
	font-size:1.2em;
	line-height: 1.6em;
	font-weight: bold;
}

.confpedido{
	font-size:1.3em;
	line-height: 1.6em;
	font-weight: normal;
	color:#fff;
	background-color:#333333;
	border-bottom: #000000 1px solid;
	border-top: #000000 1px solid;
	padding: 10px;
}

.am{
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#d7b61d;
}

#tablaenvio h2{
	color:#72160f;
	font-weight:bold;
}

#tablaenvio {
	margin-bottom: 10px;
}

.borrar {
	background:url(/images/icoeliminar.gif) left no-repeat;
	padding-left: 14px;
}

.sumres {
	font-size:1.2em;
	border:#666666 1px solid;
	background-color:#CCCCCC;
	padding: 1px;
	margin:2px;
	line-height: 0px;
}

#compra input, select {
	border: 1px solid #666;
	background-color: White;
	padding-left: 5px;
	height: 17px;
	}

#compra input.cant {
	border: 1px solid #666;
	background-color: White;
	padding-left: 5px;
	height: 17px;
	width:24px;
	}



/* FICHA LIBRO */
.articulo {
	padding:10px 10px 0px 10px;
	text-align:left;
	width:696px;
	border:#CCCCCC 2px solid;
}

.portada{
	float:left;
	margin:0 10px 10px 0;
	padding:2px;
	border: 1px #666666 solid;
	position:relative;
	background-color:#FFFFFF;
}

.titulo{
	padding-top:5px;
	font-size: 1.8em;
	border-bottom: 1px solid #ccc;
	padding-bottom:5px;
	margin-bottom:5px;
	background:#d7d7d7 url(/images/bg_titulos.gif) left;
	}

.autor{
	font-size: 1.6em;
	text-transform:capitalize;
	font-weight:bold;
}

.precio{
	font-size: 1.6em;
	text-transform:capitalize;
	font-weight:bold;
	padding:0px 6px 6px 6px;
}

.und{
	font-size: 1.6em;
	font-weight:bold;
	padding:0px 6px 6px 6px;
	color:#72160f;
}

.separador{
	border-bottom: #ccc 2px solid;
}

.isbn{
	font-size:1.1em;
	margin-top:5px;
	font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
}

.editorial{
	font-size:1.3em;
	font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	border-bottom: 1px dotted #ccc;
	padding-bottom:5px;
	margin-bottom:5px;
}

.extracto{
	margin-top:10px;
}

.carrito{
	margin-top:10px;
	margin-bottom:10px;
	font-size:1.2em;
	font-weight:bold;
	font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	background-image:url(/images/bg_carro.gif);
	background-position:right;
	background-color: #d7b619;
	padding: 3px 10px 3px 0;
	text-align:right;
	height:22px;
}

.anadircesta a{
	color:#000;
	text-decoration:underline;
	background:url(/images/icocesta.gif) left no-repeat;
	padding-left: 20px;
}
.anadircesta a:link{
	color:#000;
	text-decoration:underline;
}
.anadircesta a:visited {
	text-decoration: underline;
	color: #000;
}
.anadircesta a:hover{
	color:#000;
	text-decoration:underline;
}
.anadircesta a:active {
	text-decoration: underline;
	color: #000;
}


/*formularios*/
#buscador form {
	padding:10px;
	font-size: 1.2em;
	font-weight: normal;
	border: 1px solid #ccc;
	background-color: #E6E6E6;
}

#buscador label, #buscador input[type=text], #buscador input[type=password], #buscador select {
	float:left;
	width: 150px;
	margin-right:10px;
	margin-bottom: 10px;
}

#buscador input[type=text], #buscador input[type=password] {
	border: 1px solid #999999;
	background-color: White;
	padding-left: 5px;
	width: 300px;
}

#buscador select {
	border: 1px solid #ccc;
	font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	background-color: White;
	color: #333;
	height: 20px;
   text-indent: 2px;
}

#buscador textarea {
	border: 1px solid #ccc;
	font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	padding-left: 5px;
	background-color: White;
	color: #333;
}
.comemnt {
	border: 1px solid #ccc;
	font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	padding-left: 5px;
	background-color: White;
	color: #333;
}

.submit {
	background-color: #464646;
	padding:2px;
	border-top: 1px solid Silver;
	border-left: 1px solid Silver;
	border-right: 1px solid #575757;
	border-bottom: 1px solid #575757;
	color: #F5F5F5;
}

form p {
	float: left;
	margin-right:10px;
}

.etiqueta_comentario {
	margin-left: 5px;
	margin-bottom: 1px;
}

.input_gray {
	color: #333;
}

#envio {
	width:300px;
	text-align:center;
}

.altura20{
	height: 20px;
}

/*ALERTAS DE DATOS*/
.alertsform {
	background: url(/images/alert1.gif) no-repeat;
	font-size: 10px;
	font-weight: bold;
	color: #9C1010;
	text-decoration: none;
	text-align:left;
	display: block;
	padding-left: 20px;
	margin-bottom:10px;
	margin-top:2px;
	line-height: 14px;
}	

/*paginacion*/

div.pagination {
	font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	font-size:1.2em;
	padding: 15px 5px 15px 5px;
	text-align: center;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #8A8A8A;
	text-decoration: none;
	color: #8A8A8A;
	background: url(/images/fnd_pag_1.gif) #FFFFFF;
}

div.pagination a:hover, div.pagination a:active {
	border: 1px solid #333;
	color: #FFFFFF;
	background: url(/images/fnd_pag_2.gif) #333;
}

div.pagination span.current {

	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #333;
	text-decoration: none;
	color: #FFFFFF;
	background: url(/images/fnd_pag_2.gif) #333;
}

div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #F3F3F3;
	color: #455C68;
}

.imgsepara{
	margin-top: 10px;
}

/*css usual*/
.negrita {
	font-weight: bold;
}

.width100 {
	width: 100%;
}

.width75 {
	width: 75%;
}

.width50 {
	width: 50%;
}

.floatleft {
	float: left;
	margin-right: 15px;
}

.floatright {
	float: right;
}

.alignleft {
	text-align: left;
}

.alignright {
	text-align: right;
}
/*botones e identificadores*/

a.botones {
	text-decoration: none;
	display: block;
}

a.botones:hover {
	text-decoration: none;
	background-position: bottom;
}

a.botones span {
	display: none;
}

#cestaanadir{
	background-image: url(/images/cestaanadir.gif);
	float:right;
	width: 203px;
	height: 20px;
	margin: 0px 0px 0px 0px;
}
#cestarealizar{
	background-image: url(/images/cestarealizar.gif);
	float:right;
	width: 137px;
	height: 20px;
	margin: 0px 0px 0px 0px;
}
#cestacontinuar{
	background-image: url(/images/cestacontinuar.gif);
	float:right;
	width: 106px;
	height: 20px;
	margin: 0px 0px 0px 0px;
}
#cestamodificar{
	background-image: url(/images/cestamodificar.gif);
	float:right;
	width: 143px;
	height: 20px;
	margin: 0px 10px 0px 0px;
}
#cestamodificardatos{
	background-image: url(/images/cestamodificarb.gif);
	float:right;
	width: 138px;
	height: 20px;
	margin: 0px 10px 0px 0px;
}
#cestaconfirmar{
	background-image: url(/images/cestaconfirmar.gif);
	float:right;
	width: 147px;
	height: 20px;
	margin: 0px 0px 0px 0px;
}
#cestaimprimir{
	background-image: url(/images/cestaimprimir.gif);
	float:right;
	width: 138px;
	height: 20px;
	margin: 0px 0px 0px 0px;
}
#cestaseguir{
	background-image: url(/images/cestaseguir.gif);
	float:right;
	width: 134px;
	height: 20px;
	margin: 0px 10px 0px 0px;
}
#cestainicio{
	background-image: url(/images/inicio.gif);
	float:right;
	width: 71px;
	height: 20px;
	margin: 0px 10px 0px 0px;
}