/* reset defaults ********************************************************/
h1,h2,h3,h4,h5,h6,pre,code,table,td,th,dd,dt,dl,li {font-size: 100%;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,td, table img {margin:0; padding:0;}
a img,:link img,:visited img, fieldset {border:none;}
table {border-collapse: collapse;}
body {font-size: 76%;}
li { list-style:none;}
/* end of reset defaults *************************************************/



html{
	-moz-box-sizing: padding-box;
}
body{
/*background-color:#ecece9;*/
background-color:#999999;
}
#main{
background-color:#fff;
	width:782px;
	height:100%;
	/*border-right: 1px solid #ce3933;*/
	-moz-box-sizing: padding-box;
	margin-left:auto;
	margin-right:auto;
}

#accesslink {
	display: block; left: -999px; width: 1px; position: absolute; top: 0px; height: 1px;
}

/* *************************************************************************/
/* Encabezado */
#header{
	/*background-color:#fff;
	background-color:#9999FF;*/
	background:#fff url(../img/fondo_header.jpg) no-repeat !important;
}

#header h1{
	position:relative;
	z-index:1;
	width:295px;
	height:97px;
	margin-top:2px;
}
#header h1 a{
	display:block;
	width:295px;
	height:97px;
	text-decoration:none;
}
#header h1 a span{
	display:none;
	position:relative;
	z-index:-1;
}

#banner{
	float: right;
	/*padding: 12px 0 0 0;*/
	padding:0;
	margin:0;
}
#banner img{
	margin:-9px -18px 0 0;
}

#banner .fake{
	width: 468px;
	height:60px;
	background-color:#eeeff0;
	border: 1px solid #e1e3e4;
	clear: right;
}

#bannerizq{
	margin-top: 10px;
}


/* Contenedor menu principal superior y menu de seleccion de idiomas */
#menu{
	width:765px;
	height:40px;
	float: right;
	border-bottom: 2px solid #86140f;
	background-image:url(../img/menu-fondo.gif);
	background-position:right;
	background-repeat:repeat-x;
	padding: 0 17px 0 0;
	margin-top:-10px;
	
}

/* menu principal */
#menu li{
	list-style-type:none;
	float: left;
	background-image:url(../img/menutab-fondo.gif);
	background-repeat:repeat-x;
	padding: 15px 8px 0 8px;
	font: normal 1.1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	border-left: 1px solid #ffffff;
	line-height:1.1em;
}
#menu li.sel{
	background-image:url(../img/menutab-fondo_sel.gif);
}
#menu li a{
	color:#FFFFFF;
	text-decoration:none;
}
#menu li.lastItem{
	border-right: 1px solid #ffffff;
}

/* menu de seleccion de idiomas */
#menu .idiomas{
	float:left;
	padding:15px 0 0 18px;
	font: normal 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}
#menu .idiomas a{color:#FFFFFF;}

/* FIN Encabezado */
/* *************************************************************************/


/* *************************************************************************/
/* Cuerpo */
#content{
	width:782px;
	/*-moz-box-sizing: padding-box;*/
}

/* Encabezado de secciones internas y contenedor buscador interno */
#headerSec{
	position:relative;
	width:100%;
	height: 48px;
	float:left;
	background: #782712 url('../img/fondo_header_02.jpg') no-repeat;
}

/* titulo seccion */
#headerSec h2{
	float: left;
	position:relative;
	z-index:1;
	width: 169px;
	height: 48px;
	margin: 0 0 0 17px;
	display: inline;
	text-align:center;
}
#headerSec h2 a{
	display:block;
	width: 169px;
	height: 48px;
	text-decoration:none;
	font: normal 1.2em Tahoma, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}
#headerSec h2 a span{
	display:none;
	position:relative;
	z-index:-1;
	padding:10px 0 0 0;
}

/* buscador interno */
#headerSec .buscador {
	float:left;
	width: 435px;
	margin: 13px 0 0 0;
	border-right: 1px solid #ffffff;
}
#headerSec .buscador FORM{margin: 0;}
#headerSec .buscador LABEL{
	float: left;
	text-indent: -500em;
}
#headerSec .buscador FORM INPUT{
	float: right;
	width: 150px;
	border: 1px solid #7f9db9;
	margin: 0;
	font: normal 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:0px;
	padding-left: 5px;
}
#headerSec .buscador FORM INPUT.boton{
	width:60px; height: 20px;
	margin: 0 10px 0 5px;
	padding:0px;
}

/* estado del carro de compras */
.carrito{
	position: absolute;
	top:0; right:0;
	background: transparent url(../img/carritoBack.gif) no-repeat center bottom;
	width:149px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	padding: 10px 0 10px 0;
}
.carrito strong{
	margin-left:5px;
	float:left;
	width:100px;
	padding:0 40px 0 0;
	font-size:.9em;
	font-weight:normal;
	text-align:center;
	font-style:italic;
	background:url(../img/ico-carrito.gif) no-repeat 108px top;
}
.carrito a{
	float: right;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:.8em;
	color:#fff;
	margin: 2px 7px 0 0;
}


/* columna izquierda */
#primera {
	width:169px;
	margin: 0 0 0 17px;
	padding-top: 20px;
	background: url(../img/f_col_izq.gif) repeat-x top left;
	float:left;
	display:inline;
}

/* sub menu de seccion */
#primera #submenu{
	list-style-type: none;
}
#primera #submenu ul{
	padding:0 0 10px 0!important;
}
#primera #submenu li{
	background-color:#f6f6f5;
	background-image:url(../img/submenu_fondo.gif);
	background-repeat:repeat-y;
	border-bottom: 1px solid #d1d2d3;
	vertical-align:middle;
	padding: 4px 0 0 15px;
	font: normal 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#primera #submenu li.sel{
	background-image:url(../img/submenu_fondo-sel.gif);
	background-color:#787878;
	border-bottom: 1px solid #d1d2d3;
	color:#FFFFFF;
	vertical-align:middle;
	font-weight:bold;
}

#primera #submenu li a{
	color:#000000;
	text-decoration:none;
}
#primera #submenu li a:hover{
	color:#333;
	text-decoration:none;
}

/* en desuso
#primera .boletin{
	width:169px;
	margin: 15px 0 0 0;
	background-color:#f6f6f5;
	border: 1px solid #d1d2d3;
	border-top-width: 5px;
	float:left;
	-moz-box-sizing: padding-box;
}
#primera .boletin .suscripcion {
}
#primera .boletin .suscripcion img{
	margin: 6px  0 0 7px;
	float:left;
	-moz-box-sizing: padding-box;
}
#primera .boletin .suscripcion p{
	padding: 6px 7px;
	font: normal .9em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #b3322d;
	float:left;
	-moz-box-sizing: padding-box;
}
#primera .boletin .suscripcion .borde{
	width: 123px;
	height:2px;
	_height:1px;
	margin: 0 0 0 22px;
	background-color:#b3322d;
	font: normal 1px Verdana, Arial, Helvetica, sans-serif;
	float: left;
	display:inline;
	-moz-box-sizing: padding-box;
}
#primera .boletin .suscripcion .enlace{
	width:100%;
	padding:2px 0 3px 0;
	border-top: 1px solid #b3322d;
	text-align:center;
	float:left;
}
#primera .boletin .suscripcion a{
	color:#666;
	font: normal .8em "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#primera .boletin .suscripcion a:hover{
	color:#999999;
}
*/

/* cuadro de registracion y enlaces de ayuda */
#primera .registro,
#primera .ayuda{
	margin: 10px 0 0 0;
}
#primera .registro FORM{
	float: left;
}
#primera .registro,
#primera .ayuda{
	width:151px;
	border: 1px dashed #d1d2d3;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:6px 8px;
	font-size:.9em;
}

#primera .registro h3, #primera .ayuda h3 {
	font-size:1.1em;
	font-weight:bold;
	margin:0 0 5px 0;
}
#primera .registro STRONG{
	float:left;
	margin: 8px 0 5px 0;
	width:100%;
}
#primera .registro a, 
#primera .ayuda li a{
	color:#000;
}
#primera .registro label{
	float:left;
	margin:3px 0 0 0;
}
#primera .registro input {
	border:1px solid #666;
	width:110px;
	float:right;
	margin:3px 0 0 0;
}
#primera .registro .btn{
	float: right;
	font-size:.8em;
	background-color:#e8e8e8;
	font-weight: bold;
	border: none;
	margin: 3px 0 5px 0;
	padding:3px;
}
#primera .registro p { text-align:center; }

#primera .registro p.intro{text-align: left ! important;}
#primera .registro p.intro strong{float: none;}

#primera .ayuda LI.linkayuda{
	color:#b3322d;
	text-align:right;
	margin:8px 0 0 0;
}
#primera .ayuda LI.linkayuda A {color:#b3322d;}


/* columna derecha */
#segunda{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	float:left;
	width:563px;
	margin: 10px 0 0px 15px;
	padding-bottom: 17px;
}

/* breadcrumbs */
#segunda .ubicacion{
	font: bold .9em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666666;
	padding-top: 15px;
}
#segunda .ubicacion a{
	color:#999999;
	font-weight: normal;
}

/* FIN Cuerpo */
/* *************************************************************************/


/* *************************************************************************/
/* Pie de pagina */
#footer{
	padding: 0 17px;
	clear: both;
}
#footer .menu{
	background-color:#666666;
	width:100%;
	text-align:center;
	font: normal .9em Tahoma, Arial, Helvetica, sans-serif;
	padding:4px 0;
	color:#f3f3f1;
}
#footer .menu li{
	display:inline;
	border-right: 1px solid #f3f3f1;
	margin:0 3px 0 0;
	padding: 0 6px 0 0;
}
* html #footer .menu li{
	margin:0 6px 0 0;
	padding: 0 3px 0 0;
}

#footer .menu li a {
	text-decoration:none;
	color:#f3f3f1;
}
#footer .menu li a:hover {
	text-decoration:underline;
	color:#f3f3f1;
}

#footer .copy{
	text-align:center;
	font: normal .8em Tahoma, Arial, Helvetica, sans-serif;
	color:#666666;
	padding: 8px 0 10px 0;
}
#footer .logoWAI{
	position:relative;
	top: -37px;
}

/* FIN Pie de pagina */
/* *************************************************************************/


/* *************************************************************************/
/* Estilos genericos comunes */

/* float fix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0px;
	/*font-size: 0.1em; */
    clear: both;
    visibility: hidden;
}
/* \*/
* html .clearfix {height: 1%;}
/*  */

.noBorder{	border:none!important;}

.italica {	font-style:italic;}
.georgia {	font-family:Georgia, "Times New Roman", Times, serif ! important;}

.alignDer{	text-align:right;}


.bordo{
	color: #86140f;
}
a.bordo{
	font: inherit;
	color: #86140f;
}

.rojo {color: #B3322D;}
A.rojo{color: #CC3333;}

.spacerSmall{
	margin: 5px 0 0 0;
}

.rojo2{
	color:#b3322d;
}


a.flechaRoja{
	list-style:none;
	background: url(../img/bullet3.gif) no-repeat left center;
	padding:0 0 0 17px;
	color: #b3322d;
}

.masInfo{
	background: url(../img/libreria_masInfo.jpg) repeat-x center top;
	/*padding: 10px;*/
}

.paginado {
	clear: both;
	background: url(../img/libreria_masInfo.jpg) repeat-x center top;
	padding: 5px;
	margin: 20px 0 0 0;
	text-align: center;
}

.volver{
	text-align:right;
}


#banner{
	float:right;
	padding-right:16px;
	margin-top:-86px;
}