/* Elementos por defecto
/********************************************************************/
h1,h2,h3,h4,h5,h6,pre,code,table,td,th,dd,dt,dl,li,textarea {font-size: 100%;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,td, legend { margin:0; padding:0; }
a img,:link img,:visited img {border:none;}
ul, li{list-style-type: none;}
table th, table td{ border-collapse:collapse;}
body {font-size: 76%;}
a{text-decoration: none;}
fieldset{ border:none;}
table, tr, th, td{border-collapse:collapse;}

/********************************************************************/

body{
/*	background:#FEF97B url(../images/back-body.jpg) center top no-repeat;*/
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:0!important;
	margin:0;
	overflow-x:hidden;
}
.imagen-fondo{
	width:100%;
	height:100%;
	text-align:center;
	position:fixed;
	z-index:0;
	background:#0f0b03;
}
.imagen-fondo img{
	/*margin:0 auto;*/
	position:absolute;
	left:50%;
	margin-left:-720px;
}


/* main
******************************************************************************************************/
.main{
	z-index:4;
}
/* cleaner */
.cleaner{
	clear:both;
	background:none;
	visibility:hidden;
	border:0;
}
.clear{
	clear:both;
}
/* scroll */
.scroll li{
	float:left;
	padding-right:10px;
}
.scroll li a{
	display:block;
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-999em;
	width:16px;
	height:16px;
}
.scroll li a.subir{
	background-image:url(../images/ico-subir-scroll.png);
}
.scroll li a.bajar{
	background-image:url(../images/ico-bajar-scroll.png);
}

/* main/header
******************************************************************************************************/
.header{
	width:100%;
	position:fixed;
	top:0;
	z-index:102;	
}
.header div{
	width:1024px;
	margin:0 auto;
	position:relative;
}
.header .logo{
	background:#6f5815 url(../images/logo-kakawa.gif) 12px 23px no-repeat;
	display:block;
	text-indent:-999em;
	width:73px;
	height:80px;
	padding:23px 12px 16px 12px;
	position:absolute;
	top:0;
	left:90px;
	
}

/* main/content
******************************************************************************************************/
.content{
	width:100%;
}

/* menu */
.content .top{
	z-index:100;
	position:fixed;
	width:100%;
}
.content .top .menu{
	background:#a18638;
	width:100%;
	float:left;
}
.content .menu div
{
	width:851px;
	padding:0 80px 0 93px;
	margin:0 auto;
	text-align:right;	
	/*text-align:center;*/
}
.content .menu div ul
{
	/*width:100%;*/
	float:right;
	/*padding:0px 133px 0px 0;/*303 right*/
	/*text-align:right;*/
	
	/*position:relative;*/
}

.content .menu ul li{
	/*display:inline;*/
	background:url(../images/separador-menu.gif) right 9px no-repeat;
	float:left;
}
.content .menu ul li.last{
	background:none;
}
.content .menu ul li a{
	color:#231f20;
	text-transform:uppercase;
	font-size:.9em;
	padding:11px 13px;
	display:block;
}
.content .menu a.link-blog,
.content .menu a.link-facebook{
	font-weight:bold;
	background-color:#6F5815;
	color:#BFA75F;
}
.content .menu a.link-blog{
	padding:6px;
	border-right:1px solid #A18638;
	margin-left:10px;
}
.content .menu a.link-blog:hover,
.content .menu a.link-facebook:hover
{
	background:#231F20;
}
.content .menu a.link-facebook{
	padding:6px;	
}
.content .menu ul li.last a{
	padding-right:0;
}
.content .menu ul li a:hover,
.content .menu ul li.sel a{
	color:#efefef;
}	

/* desarrollo
**************************************************************************************************/
.desarrollo{
	width:1024px;
	margin:0 auto;
}

/* ver-carrito */
.ver-carrito,
.ver-carrito-on{
	width:1024px;
	margin:0 auto;
}
.ver-carrito a,
.ver-carrito-on a{
	float:right;
	margin-right:80px;
	z-index:90;
	border-right:1px solid #6f5815;
	border-left:1px solid #6f5815;	
	border-bottom:1px solid #6f5815;	
	padding:9px 9px 9px 34px;
	background:url(../images/ico-carrito.png) 9px 11px no-repeat;
}
.ver-carrito a strong,
.ver-carrito-on a strong{
	font-weight:normal;
}
.ver-carrito a strong{
	text-decoration:underline;
	color:#a18638;	
}
.ver-carrito a:hover strong{
	text-decoration:none;
}
.ver-carrito a span{
	color:#6f5815;
}
.ver-carrito-on a span,
.ver-carrito-on a strong{
	color:#fff;
}
.ver-carrito a:hover,
.ver-carrito-on a{
	text-decoration:none;
}
.ver-carrito-on a{
	border-bottom-color:#fff;
	border-right-color:#fff;
	border-left-color:#fff;	
	background-image:url(../images/ico-carrito-on.png);	
}
	
/* texto principal */
.texto-principal{
	position:fixed;
	right:195px;
	bottom:170px;
	width:302px;
}
.texto-principal p{
	color:#e6e1d1;
	margin-bottom:3px;
	float:left;
	width:100%;
}
.texto-principal p span{
	display:block;
	margin-bottom:1px;
	
	font-style:italic;
}
.texto-principal p span.uno,
.texto-principal p span.dos,
.texto-principal p span.tres,
.texto-principal p span.seis,
.texto-principal p span.siete{
	font-size:1.1em;	
}
.texto-principal p span.uno{
	font-style:italic;
}
.texto-principal p span.dos{
	font-weight:bold;
}
.texto-principal p span.cuatro{
	font-size:.9em;
	text-decoration:underline;
}
.texto-principal p span.cinco{
	font-size:1em;
	font-style:italic;
}
.texto-principal p span.seis{
	font-weight:bold;
}
.texto-principal p span.siete{
	text-transform:uppercase;
}
.texto-principal p span.ocho{
	font-size:.9em;
}
.texto-principal .destellos{
	margin-left:-10px;
	float:left;
	width:100%;	
}

/* cuadro ***************************************************************************
*****************************************************************************************/
.cuadro{
	width:678px;
	min-height:100%;
	_height:100%;
	margin:0 0 0 184px;
	padding:0px 0px 0px 30px;
	position:absolute;
	top:0;
	background:url(../images/back-cuadro.png) left top repeat;
}
.cuadro .wrap{
	float:left;
	padding:80px 15px 30px 0px;
	position:relative;
}

/* ELEMENTOS SITIO */
/****************************************************************************************************/
/****************************************************************************************************/
h1{
	color:#f1f1f1;
	font-size:1.5em;
	font-weight:normal;
	text-transform:uppercase;
	margin-bottom:25px;
}
h2{
	font-size:1.1em;
	color:#fff;
	text-transform:uppercase;
	display:block;
	padding:0;
	line-height:1em;
}
.boton,
.boton-blanco{
	background:none;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:1px 2px;
	font-size:1em;
	text-transform:uppercase;
	cursor:pointer;
}
.boton-blanco{
	color:#fff;
	border:1px solid #fff;
}
.boton{
	color:#a18638;
	border:1px solid #a18638;
}

/***** listados *****/
/* listado-noticias */
.listado-noticias{
	margin-bottom:15px;
	float:left;
	width:100%;
}
.listado-noticias li{
	width:100%;
	padding-bottom:18px;
}
.listado-noticias li span.fecha{
	font-size:.9em;
	color:#ba9c41;
	text-transform:uppercase;
	display:block;
	padding:0;
	margin-bottom:3px;
	line-height:1.2em;
}
.listado-noticias li h2 a{
	color:#fff;
}
.listado-noticias li p{
	color:#ccc;
}	
.listado-noticias li p a{
	color:#ccc;
	text-decoration:underline;
}

/* categorias-productos */
.categorias-productos{
	float:left;
	width:100%;
	margin-bottom:0;
}
.categorias-productos li{
	display:inline;
	padding-right:12px;
	float:left;
}
.categorias-productos li.last{
	padding-right:0;
}
.categorias-productos li a{
	border:1px solid #fff;
	display:block;
}
.categorias-productos li a:hover,
.categorias-productos li.sel a{
	border-color:#a18638;
}
.categorias-productos{
	float:left;
	margin-bottom:34px;
}
/* submenu */
.submenu{
	float:left;
	width:148px;
	margin-right:10px;
	display:inline;	
}
.subcategorias{
	border-top:1px solid #6f5815;
	padding-top:11px;
	margin-bottom:10px;
}
.subcategorias li a{
	text-transform:uppercase;
	font-size:.9em;
	display:block;
	color:#9f9d9b;
	border-bottom:1px solid #232323;
	padding:4px 0 1px 0;
}
.subcategorias li a:hover,
.subcategorias li.sel a{
	color:#fff;
	border-bottom-color:#a5a5a5;
}

/* producto */
.producto{
	float:left;
	width:500px;
}
/* imagenes */
.producto .imagenes{
	width:231px;
	float:left;
	margin-right:18px;
}
.producto .imagenes img{
	border:1px solid #fff;
}
.producto .imagenes ul li a img{
	border-color:#d5d3d1;
}
.producto .imagenes ul li a.sel img,
.producto .imagenes ul li a:hover img{
	border-color:#a18638;
}
.producto .imagenes ul{
	margin-top:10px;
}
.producto .imagenes ul li{
	display:inline;
	padding-right:9px;
}
.producto .imagenes ul li.last{
	padding-right:0;
}

/* texto */
.producto .texto{
	width:228px;
	float:left;
}
.producto .texto h2{
	margin-bottom:2px;
	font-size:1em;
}
.producto .texto .datos{
	color:#87702b;
	display:block;
	font-size:.9em;
	margin-bottom:6px;
}
.producto .texto p{
	color:#aaa;
	font-size:.9em;
	line-height:1.2em;
	margin-bottom:15px;
}
.producto .texto .seleccion{
	border-top:1px solid #403106;
	border-bottom:1px solid #403106;
	padding:8px 0;
	text-align:right;
	margin-bottom:15px;
	float:left;
	width:100%;
}
.producto .texto .precioCorporativo{	
	color: #fff;
}
.producto .texto .seleccion strong.precio{
	float:left;
	font-size:1.7em;
	color:#fff;
	font-weight:normal;
}
.producto .texto .seleccion fieldset{
	margin-top:5px;
}
.producto .texto .seleccion fieldset label{
	font-size:1em;
	color:#aaa;
	margin-right:2px;
}	
.producto .texto .seleccion fieldset select{
	background:#0f0b03;
	border:1px solid #444;
	color:#a18638;
	font-size:.8em;
}


/* navegador */
.navegador{
	background:#444;
	padding:9px 13px;
	float:left;
	width:639px;
	margin-bottom:15px;
}
.navegador ul{
	background:url(../images/back-navegador.gif) left 7px repeat-x;
	float:left;
}
.navegador ul li{
	display:inline;
	float:left;
	padding-right:35px;
}
.navegador ul li.last{
	padding-right:0;
}
.navegador ul li a{
	color:#777;
	padding-left:9px;
	padding-right:4px;
	background:#444 url(../images/ico-navegador.gif) left 5px no-repeat;
	text-transform:uppercase;
}
.navegador ul li a:hover,
.navegador ul li a.sel{
	background-image:url(../images/ico-navegador-on.gif);
	color:#fff;
}

/* listado-clientes */
.listado-clientes li{
	float:left;
	padding-right:15px;
	margin-right:15px;
	padding-bottom:5px;
	margin-bottom:15px;
	/*color:#9F9D9B;*/
	color: #fff;
	border-bottom:1px solid #232323;
	text-transform:uppercase;
}
.listado-clientes li.last{
	padding-right:0;
}
.listado-clientes li img{
	border:1px solid #333;
}

/* tabla-lugares */
.tabla-lugares tr td{
	padding-right:50px;
	padding-bottom:40px;
	vertical-align:top;
}
.tabla-lugares tr td h2{
	margin-bottom:4px;
}
.tabla-lugares tr td p,
.tabla-lugares tr td a{
	color:#ccc;
	line-height:1.1em;
}

/* tabla carrito */
.tabla-carrito{
	width:100%;
	margin-bottom:15px;
}

.tabla-carrito tr td,
.tabla-carrito tr th{
	border:1px solid #52400c;
	vertical-align:top;
	text-align:center;
}
.tabla-carrito tr td{
	padding:8px 7px;
}
.tabla-carrito tr td.alineado-izq{
	padding:8px 11px;
}
.tabla-carrito tr td select{
	background:#0f0b03;
	border:1px solid #444;
	color:#a18638;
	font-size:.8em;
}
.tabla-carrito tr td.celda-producto{
	width:205px;
}
.tabla-carrito tr td img{
	border:1px solid #aaa;
	float:left;
	margin-right:11px;
	width:34px;
}
.tabla-carrito tr td .texto{
	float:left;
	width:158px;
}
.tabla-carrito tr td .texto strong{
	color:#fff;
	font-size:1.2em;
	font-weight:normal;
	display:block;
	margin-bottom:0;
}
.tabla-carrito tr td .texto span{
	font-size:.9em;
	text-transform:uppercase;
}
.tabla-carrito tr th{
	padding:4px 7px;
}
.tabla-carrito tr th.alineado-izq{
	padding:4px 11px;
}
.tabla-carrito tr .alineado-izq{
	text-align:left;
}
.tabla-carrito-header {
	text-transform:uppercase;
	font-size:.9em;
	color:#6f5815;
	font-weight:normal;
}
.tabla-carrito thead tr th.eliminar{
	color:#a18638;
}
.tabla-carrito-footer{
	color:#6f5815;
	text-transform:uppercase;
	font-size:1.1em;	
}
.tabla-carrito tfoot tr td{
	color:#a18638;
	text-transform:uppercase;
	font-size:1.1em;
	}
.tabla-carrito-footer .detalle{
	float:right;
	color:#6f5815;	
}
.tabla-carrito-footer td span{
	float:right;
	color:#6f5815;	
}
.tabla-carrito-footer .center{
	text-align:center;
	color:#6f5815;
	float:none;	
}
.tabla-carrito tbody tr td{
	border-bottom-color:#2f2403;
	color:#aaa;
	font-size:.9em;
}

/* btn-eliminar */
.btn-eliminar{
	text-indent:-999em;
	display:block;
	background:url(../images/ico-eliminar.png) left top no-repeat;
	width:15px;
	height:15px;
	margin:0 auto;

}

/* detalles-carrito */
.detalles-carrito{
	float:left;
	width:243px;
	margin-right:23px;
}

.detalles-carrito .tabla-carrito tfoot tr td{
	font-size:.9em;
	color:#6f5815;
}
.detalles-carrito .tabla-carrito tbody tr td.celda-producto .texto{
	width:110px;
}
/* datos-envio */
.datos-envio{
	float:left;
	width:393px;
	margin-top:33px;
	margin-bottom:15px;
}
.datos-envio .formulario{
	padding-left:27px;
	width:371px;
}
.datos-envio .confirmacion{
	padding:25px 30px 25px 27px;
	width:341px;
	background:#0f0b03;
	float:left;
}
.datos-envio .mensaje,
.columna-izquierda02 .mensaje{
	color:#6f5815;
	text-align:justify;
}
.datos-envio ul li{
	width:100%;
	padding-bottom:10px;
	float:left;
}
.datos-envio ul li.half{
	width:50%;
}

.datos-envio .confirmacion ul li strong{
	 color:#ccc;
	 font-weight:normal;
	 font-size:.9em;
	 text-transform:uppercase;
	 margin-right:5px;
}
.datos-envio .confirmacion ul li span{
	color:#666;
	text-transform:uppercase;
	font-size:.9em;
}

.datos-envio .formulario ul li label{
	color:#ccc;
	font-size:.9em;
	text-transform:uppercase;
	width:76px;
	float:left;
	margin-top:3px;
}
.datos-envio .formulario ul li input,
.datos-envio .formulario ul li select{
	float:left;
	width:291px;
	border:1px solid #444;
	background:#0f0b03;
	padding:1px;
	color:#444;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1em;	
}
.datos-envio .formulario ul li.half select{
	width:95px;
}
.datos-envio .formulario ul li.half input{
	width:97px;
	float:right;
}
/* acciones */
.acciones{
	clear:both;
	display:block;
	text-align:right;
	margin-bottom:15px;
}
.acciones .boton{
	float:left;
}
/* gracias */
.gracias{
	margin-top:-20px;
}
.gracias h2{
	margin-top:10px;
	font-size:1.2em;
	font-weight:normal;
	margin-bottom:2px;
}
.gracias h3{
	text-transform:uppercase;
	color:#aaa;
	margin-bottom:25px;	
}
.gracias p{
	color:#666;
}
.gracias p a{
	color:#a18638;
	text-decoration:underline;
}
.gracias p a:hover{
	text-decoration:none;
}
/* contenedor */
.contenedor,
.contenedor02{
	float:left;
}
.contenedor02 .mensaje{
	color:#6f5815;
	text-align:justify;
}
.contenedor{
	background:url(../images/back-contenedor.gif) 405px top repeat-y;
}
.contenedor02{
	padding-top:15px;
}

/* columna-izquierda 02 */
.columna-izquierda02{
	float:left;
	width:354px;
	padding-right:51px;
}
.columna-izquierda02 p{
	color:#aaa;
	font-size:1em;
	line-height:1.1em;
	margin-bottom:30px;
}
.columna-izquierda02 fieldset label{
	width:73px;
	float:left;
	margin-bottom:13px;
	font-size:1em;
	color:#ccc;
	text-transform:uppercase;
}
.columna-izquierda02 fieldset input,
.columna-izquierda02 fieldset textarea{
	float:left;
	width:274px;
	border:1px solid #444;
	background:#0f0b03;
	padding:2px;
	margin-bottom:13px;	
	color:#444;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1em;
}
.columna-izquierda02 .boton{
	float:right;
}

/* columna-derecha */
.datos-contacto{
	float:left;
	width:215px;
	padding-left:30px;
}
.datos-contacto .titulo{
	color:#fff;
	font-weight:normal;
	font-size:1.1em;
	margin-bottom:2px;
	display:block;
}
 
.datos-contacto p{
	color:#aaa;
	line-height:1.3em;
}
.datos-contacto p a{
	color:#a18638;
	text-decoration:underline;
}
.datos-contacto p a:hover{
	text-decoration:none;
}

/* newsletter */
.newsletter{
	position:fixed;
	right:133px;
	float:left;
	bottom:129px;
	padding:6px 11px 6px 11px;
	background:#a18638;
}
.newsletter fieldset{
	float:left;
	padding:0;
}
.newsletter fieldset legend{
	color:#53400a;
	font-size:1em;
	float:left;
	padding-right:10px;
	padding-top:2px;
}
.newsletter fieldset label{
	display:none;
}
.newsletter fieldset input{
	background:#e3ded1;
	border:0;
	font-size:1em;
	padding:2px 3px 4px 3px;
	width:158px;
	color:#a18638;
	margin-right:5px;
}
.newsletter input[type=submit]{
	text-indent:-999em;
	display:block;
	float:left;
	background:url(../images/btn01.gif) left top no-repeat;
	border:0;
	width:15px;
	height:15px;
	margin-top:3px;
	cursor:pointer;
}
/* bottom
************************************************************************/
.ultimas-noticias{
	position:fixed;
	bottom:32px;
	left:0;
	z-index:82;	
	background:url(../images/back-cuadro.png) left top repeat;
	width:100%;	
	height: 46px;
	padding:23px 0 27px 0;
}
.ultimas-noticias ul{
	padding:0px 120px 0px 90px;
	width:814px;
	margin:0 auto;
}
.ultimas-noticias ul li{
	float:left;
	width:335px;
	padding-right:72px;
}

.ultimas-noticias ul li .titulo a{
	color:#a18638;
	display:block;
	margin-bottom:2px;
	font-size:1.1em;
}
.ultimas-noticias ul li p{
	color:#dddee0;
	line-height:1.1em;
}
.ultimas-noticias ul li p a{
	color:#dddee0;
	text-decoration:underline;
}
.ultimas-noticias ul li p a:hover{
	text-decoration:none;
}

/* main/footer
******************************************************************************************************/
.footer{
	position:fixed;
	z-index:1000;	
	bottom:0;
	left:0;
	width:100%;
	background:#A18638;
}
.footer div{
	margin:0 auto;
	padding:10px 133px 6px 93px;
	width:798px;
	text-align:right;
	font-size:.9em;
	color:#0f0b03;
}
.footer .copy{
	float:left;
}
.footer a{
	text-decoration:underline;
	color:#0f0b03;
}
.footer a:hover{
	text-decoration:none;
}
