@charset "utf-8";
/* CSS Document */

body {
	color:#000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background: #E4E9CD url(../images/bkg_head.jpg) left top repeat-x;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}

a {
	text-decoration:none;
	color:#666;
}
em {
	/*display:block;*/
	width:98%;
	}
#contenedor {

position: absolute; /*Posicionamiento absoluto*/
	left: 50%; /*Desde la izquierda, colocar al 50% de la pantalla*/
	width: 780px; /*Le ponemos el valor del ancho*/
	margin-left: -390px; /*Restamos la mitad de ancho para centrarlo horizontalmente*/
	background-image:url(../images/bg_contenido.gif);
}

#cabecera {
	width:780px;
	clear:both;
	height:100px;
	padding:0;
	margin:0;
	background-image:url(../images/bkg_head.jpg);
}

#libroviejo {
	background: url(../images/logo.jpg) bottom no-repeat;
	margin: 0px;
	padding: 0px;
	height: 100px;
	width: 585px;
	float: left;
}
#libroviejo h1 a {
	display: block;
	float:left;
	top: 0px;
	left: 0px;
	width: 580px;
	height: 100px;
	margin:0;
	padding:0;
}

#libroviejo h1 a span {
	display: none;
	visibility: hidden;
}
#libroviejo h3 {
	display: none;
	visibility: hidden;
}
	.img_logo {
		float:left;
		padding:6px 20px 6px 15px;
		}
		
#universal { 
		float:right;
		background: url(../images/logo_universal.jpg) bottom no-repeat;
		height: 104px;
		width: 67px;
		margin: 0px;
		padding: 0px;
		}
/*		Inicio de menu de navegacion	*/

#menu{
}
#nav {
	height: 40px;
	background: #000;
	border: 1px solid #FFF;
	border-width: 1px 0;
	margin: 0;
	padding: 0;	
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
}
	#nav ul {
		margin: 0;
		padding: 0;
	}
	#nav li {
		float: left;
		position: relative;
		height: 40px;
		text-align: center;
		list-style-type: none;
		vertical-align:middle;
		background-color:#FFF;
		
	}
	/* IE puedes leer esto?? :) */
	
	#nav>li {
		width: auto;
	}
	/* Fin */
	
	
	#nav a {
		display: block;
		height: 34px;
		line-height: 15px;
		padding: 6px 0px 0 0px;
		text-decoration: none;
		color: #FFF;
		width:155px;
	}
	#nav .a_azul { background-color:#3366CC; border-right:1px solid #FFF;}
	#nav .a_rojo { background-color:#CC0000; border-right:1px solid #FFF;}
	#nav .a_verde { background-color:#339900; border-right:1px solid #FFF;}
	#nav .a_naranja { background-color:#CC9900; border-right:1px solid #FFF;}
	#nav .a_gris { background-color: #D66111; border-right:1px solid #CC9900;} /* color cambiado de gris a anaranja*/
	
	#nav li a:hover {
		background: #000 ;

	}
	
	#nav li ul {
		display: none;
		width: 172px;
		padding:0;
		position: absolute;
		top: 100%;
		left: 0;
		border: 1px solid #000; /*Borde SM 1*/
		border-bottom: none;
		font: normal 10px Verdana, Arial, Helvetica, sans-serif !important;
		z-index: 4020 !important;
	}
	
	#nav li>ul {
		top: auto;
		left: auto;
		background-color: #E4E2E2; /*Fondo SM 1*/
		color:#336699;
	}
	
	#nav li li {
		display: block;
		width: 172px;
		height: 26px;
		text-align: left;
		float: none;
		border-right: none;
		border-bottom: 1px solid #24468C; /*Borde SM 2*/
		background: #FFF; /*Fondo SM 2*/
	}
	
	#nav li li a {
		display: block;
		width: 152px;
		padding: 4px 10px 4px 10px;
		font-weight: normal;
		height: 18px;
		line-height: 18px;
		background-color:#FFFFFF;
		color: #000; /*Color Texto SM 1*/
	}
	#nav li li .a_subazul:hover {background:#0000CC;}
	#nav li li .a_subrojo:hover {background:#CC0000;}
	#nav li li .a_subverde:hover {background:#339900;}
	#nav li li .a_subnaranja:hover {background:#CC9900;}
	#nav li li .a_subgris:hover {background:#D66111;}
	
	
	#nav li li a:hover {
		color: #FFF;
		background: #3366CC; /*Fondo Activo SM 1*/
	}
	
	#nav li:hover ul, #nav li.over ul {
		display: block;
	}
	
/*		Fin de menu de navegacion	*/
#cuerpo{
}
#lateral {
	width:194px;
	background-color:#7E8C46;
	color:#FFFFFF;
	padding:10px 0 0px 0;
	margin:0;
	float: left;
}
	#lang {
		display:block;
		width:194px;
		height:27px;
		margin-top:0;
		margin-bottom:10px;
		padding-top:0;
		border-bottom:1px solid #FFFFFF;
	}
	#lang img { padding-top:5px;}
	#lang #en {
		width:98px; 
		text-align:left; 
		float:left;
		padding-left:10px;
		height:25px;
	}
	#lang #es {
		width:60px; 
		text-align:left; 
		float:left;
		padding-left:10px;
		height:25px;
		}
	#lateral ul {
		margin:0px;
		padding:0px;
		list-style:none;
	}
	#lateral .lista {
		margin: 0px;
		padding: 2px 0 2px 0;
		list-style:none;
		height:20px;
		background-image:url(../images/ico_lateral.jpg);
		background-position:10px 3px;
		background-repeat:no-repeat;
	}
	#lateral .enl:link, #lateral .enl:Active, #lateral .enl:visited {
		display:block;
		color: #FFF;
		letter-spacing:0px;
		text-decoration: none;
		padding-left:20px;
		margin:0 0 0 3px;

	}
	#lateral .enl:hover, #lateral .enl_new:hover {
		color:#BBEA00;
	}
	#lateral .enl_new {
		display:block;
		color:#FDE35C;
		letter-spacing:0;
		text-decoration:none;
		padding-left:20px;
		margin:0 0 0 3px;
	}
	
	#lateral .spn_tit {
		display:block;
		font-size:11px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;
		padding:5px 5px 5px 10px;
		background-color:#666600;
		border-bottom:1px solid #FFFFFF;
		border-top:1px solid #FFFFFF;
		margin:0;
		clear:both;
		color:#FFFFFF;
		}
	#lateral .verde {
		background-color:#B9C47B;
		margin-top:10px;
		padding-bottom:10px;
		}
	#lateral .verde a {
		color:#FFFFFF;
		}	
	#lateral .verde li {
		list-style:none;
		}
	#lateral .verde .ult {
		margin-bottom:10px;
		}
		
		
	#lateral .link2, .link2:link, .link2:active, .link2:visited {
		display:block;
		margin-top:5px;
		padding:0px 10px 0px 22px;
		color:#000000;
		background:url(../images/ico_lateral2.jpg) 8px 4px no-repeat;
		}
	#lateral .link2:hover {
		padding-left:22px;
		color:#FFF;
		}
	
#derecha {
	border-right:1px solid #FFF;
	float: left;
	color: #000;
	width: 584px;
	margin: 0px;
	padding-left: 1px;
	}
	#derecha #flash {
		width:584px;
		background-color:#000000;
		float:left;
		height:100px;
		border-bottom:1px solid #FFF;
		}
		#derecha #flash img{ float:left; }
		#flash #marquesina {
			width:404px;
			height:100px;
			float:left;
			color:#FFFFFF;
			vertical-align:middle;
			font-weight:bold;
			font-size:14px;
			}
	#derecha #presentacion {
		margin:0;
		padding:0;
		background-color:#FFFFCC;
		border:1px solid #FFFFCC;
		font-size:13px;
		
		}
	#derecha p {
		padding:0 10px 0 10px;
		}
	#derecha h3 { 
		display:block;
		background-color:#666600;
		font-size:11px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;
		color:#FFFFFF;
		padding:5px 5px 5px 10px;
		border-bottom:1px solid #FFFFFF;
		margin:0;
		line-height:18px;
		}	
	#derecha h4 { 
		padding-left:10px;
		}
	#derecha .enl_verde { color:#339900; font-weight:bold; }
	#derecha .enl_verde:hover {text-decoration:none;}
	#derecha .enl_rojo { color:#CC0000; font-weight:bold; }
	#derecha .enl_rojo:hover {text-decoration:none;}
	#derecha #contenido { 
		margin:10px;
		}
	#derecha .img_right { 
			float:right;
			padding-left:10px;
			padding-bottom:10px;
			}	
	#derecha .producto {
		height:212px;
		text-align:left;
		margin:10px;
		padding-bottom:10px;
		border-bottom:1px dashed #000;
		overflow:hidden;
		clear:both;
	}
	#derecha .producto .libro{
		float:left;
		padding:0 10px 0 0;
	}
	.producto p{ text-align:left; font:normal 12px Verdana, Arial, Helvetica, sans-serif;}
	#derecha .producto2 {
		float: left;
		width: 184px;
		height:220px;
		height:100%;
		margin: 0px;
		padding: 0px;
		padding-left: 10px;
		overflow:visible;
	}
	#derecha .producto2 img {
		display: block;
		margin-left: auto;
		margin-right: auto;
		}
	#derecha .producto2 p {
		margin: 4px 0 4px 0;
		padding: 0px;
		}
		#derecha #prod_catalogo {
		clear:both;
		margin:10px;
		font-size:12px;
		}
			#derecha #prod_catalogo ul{
				margin:0;
				padding:0;
				list-style:none;
				padding-bottom:10px;
				}
			#derecha #prod_catalogo li{
				border-bottom:1px dashed #000;
				margin:0;
				padding-bottom:10px;
				height: 100px;
				}	
			#derecha #prod_catalogo li p {
				margin:0;
				padding:0;
				text-align:left;
				}
			#derecha #prod_catalogo li p em {
				letter-spacing:0.5px;
			}
			#derecha #prod_catalogo li img {
				float:left;
				padding-right:10px;
				}
		#derecha #prod_catalogo #img { text-align:center;}
		#derecha #prod_catalogo #fotos {	
			clear:both;
			padding:10px;
			margin:0;
			}
		#derecha #prod_catalogo #fotos ul{	
			padding:0 0 10px 0;
			margin:0;
			}
		#derecha #prod_catalogo #fotos li {	
			padding:0;
			margin-right:5px;
			display:inline;
			}
		#derecha #prod_catalogo #fotos p { clear:both;}
		#derecha #prod_catalogo #detalle { clear:both;}
		#derecha #prod_catalogo #detalle p {	
			font-size:15px;
			padding:5px 0 5px 0;
		}
		#derecha .anios {
			color:#999999;
			font-family:"Trebuchet Ms", Times, serif;
			}
		#detalle em {
			/*display:block;*/
			width:98%;
		}	

#pie {
	height:30px;
	width:780px;
	background-color:#000000;
	color:#FFF;
	border-top:8px solid #BBEA00;
	font-size:11px;
	clear: both;
	margin:0;
	padding:0;
	}
#pie #contador {
	width:100px;
	margin-top:5px;
	padding:0;
	float:left;
	}
#pie #texto {
	width:530px;
	margin:0;
	padding-top:10px;
	float:left;
	text-align:center;
	}
	#texto a:link, a:active, a:visited {
		color: #00CC00;
	}
#pie #derechos {
	width:130px;
	float:left;
	margin:0px;
	padding-top:10px;
	padding-right:10px;
	color:#BBEA00;
	text-align:right;
	}
#pie a {
	text-decoration:none;
	color:#FFFFFF;
}
.mail_info{
	color:#F1f1f1; 
	border-bottom:1px dashed #F3f3f3;
 }


/* Estilos de formularios */
form {
	margin:0;
	padding:5px 10px 10px 10px ;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
.textbox { 
	border:1px solid #B3BF73;
	background-color: #F1F5EB;/*transparent;*/
	color:#000;
	margin-bottom:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:2px;
	}
.textbox:focus { background-color:#DCE7CB; border:1px solid #000;}
.textbox:hover { background-color:#DCE7CB;}
.botones {
	background:url(../images/bkg_boton.jpg) left top repeat-x;
	padding:2px 5px 2px 5px;
	border:1px solid #666600;
	color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	}
textarea { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
/* Styles xtras*/
.det:link, .det:visited, .det:hover, .det:active {
	padding:3px 10px 3px 10px;
	color:#339900;
	font-weight:bold;
	margin-left:5px;
	}
.map:link, .map:active, .map:visited, .map:hover { color:#FFFFFF; }	
.requerido { color:#CC0000;}
.tabla {
	margin:auto;
	padding:0;
	background-color:#7E8C46;
	}

	.tabla th {
		text-align:center;
		color:#FFF;
		padding:3px;
		}
	.tabla td {
		background-color:#FFF;
		padding:2px;}
		
.rev_tit {
	font:bold 16px "Times New Roman", Times, serif; 
	color:#990000;
 }
.rev_tit:first-letter {
	font:bold 24px "Times New Roman", Times, serif;
}
.rev_subt {
	font:bold 12px "Times New Roman", Times, serif;
	color:#000000;
 } 
.txt_blue { color:#0000ff;/*#006699;*/ }
.txt_blue1 { display:block; color: #0000ff; padding: 0 5px 0 5px; }

.lnk_ext { 
	display:block;
	margin:0px 10px 0px 10px;
	text-align:center;
	color:#990000;
	font:bold 14px "Trebuchet Ms", Georgia, "Times New Roman", Times, serif;
}
.txt_new {color:#FDE35C;}

/* estilos comentarios */
.comentarios {
	padding:0;
	margin:0;
	}
.comentarios th { 
	text-align:left; 
	color:#6B7344; 
	font: bold 14px "Trebuchet Ms", Verdana, Arial, Helvetica, sans-serif; }	
.comentarios td{
	padding:0!important;
	padding:5px;
	margin:0;
	border:1px solid #DCE7CB;
	border-left-width:4px;
	background:#F1F5EB url(../images/bg_comentario_.jpg) right bottom no-repeat;
}	
.comentarios td p {
	float:none!important;
	float:left;}
.comentarios td .comments_right	{
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#B3BF73;
	float:right;
	padding-right:5px;
	padding-top:5px;
	}
/**/