html, body {
    height: 100%;
}
body {
	font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;
	letter-spacing:normal;
	color:#fff;
	background:#342e2c url(../img/bg.jpg) repeat-x;	
}
/* ------ LAYOUT ------ */
#wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;     
	margin: 0 auto -128px;
}
#push {
    height: 128px;
}
#footer {
	width:940px;
	height:128px;
	margin:0 auto;
	padding:0;
	background:#000;
}
	#footer p.tagua-info {
		float:left;
		width:350px;
		padding:10px 10px 0;
		color:#666;
	}
	#footer p.tagua-info a {
		text-decoration:none;
		color:#666
	}
	#footer p.tagua-info a:hover {
		text-decoration:underline
	}
	#footer div.social-media {
		float:left;
		margin:15px auto;
		width:330px;
		height:100px
		}
			#footer div.social-media ul {
				float:right;
				list-style:none;
				margin:0
				}
				#footer div.social-media ul li {
					float:left;
					display:inline-block;
					margin:0
					}
	#footer div#newsletter {
		position:relative;
		float:left;
		width:240px;
		margin-top:20px;
	}
	#footer div#newsletter form ul {
		list-style:none
	}
	#footer div#newsletter form ul input {
		padding:0;
		margin:0	
	}
	#footer div#newsletter form ul input.btn {
		width:30px;
		height:19px;
		border:none;
		cursor:pointer;
		background:url(../img/btn-newsletter.gif) 0 0 no-repeat
	
	}
	#footer div#developer {
		position:relative;
		float:left;
		width:210px;
		margin-top:10px;
		margin-left:10px;
		text-align:right;
	}
	#footer div#developer a {
		text-decoration:none;
		font-size:0.9em;
		color:#666
	}
	#footer div#developer a:hover {
		text-decoration:underline
	}

/* ------ TYPOGRAPHY ------ */
h1.title {
	color:#372d25;
	font-weight:bold;
	margin-left:10px;
	margin:10px 10px
}
h3.title, h5.title {
	color:#706d67;
	font-weight:bold;
	margin:10px auto 10px 0;
}
span.yellow {
	color:#fc0;
}
a {
	color:#372d25;
	font-weight:bold;
	text-decoration:none
}
a:hover {
	text-decoration:underline
}


/* ------ HEADER ------ */
#header {
	height:112px;
}
#phone {
	float:right;
	width:auto;
	height:30px;
	line-height:30px;
	font-size:1.1em;
	font-weight:bold;
	text-transform:uppercase;
	text-align:right;
	padding-left:30px;
	margin-top:5px;
	background:url(../img/icon-phone.gif) 0 0 no-repeat;
}
#logo {
	position:relative;
	float:left;
	width:235px;
	height:60px;
	margin-top:30px;
}
#login {
	position:relative;
	float:right;
	width:74px;
	height:32px;
	margin-top:40px;
	background:transparent url(../img/bg-login.gif) 0 0 no-repeat;
}
	#login a {
		font-size:1.1em;
		font-weight:bold;
		text-transform:uppercase;
		color:#fc0;
		padding-left:25px;
		line-height:32px;
		text-decoration:none
	}
	#login a:hover {
		text-decoration:underline
	}
	
#logout {
	position:relative;
	float:right;
	width:74px;
	width:auto;
	height:32px;
	margin-top:40px;
	padding-left:25px;
	background:transparent url(../img/bg-logout.gif) 0 0 no-repeat;
}
	#logout a {
		font-size:1.1em;
		font-weight:bold;
		text-transform:uppercase;
		color:#fc0;
		padding:0 5px;
		line-height:32px;
		text-decoration:none
	}
	#logout a:hover {
		text-decoration:underline
	}


/* ------ NAVBAR TOP------ */
#navbar {
	height:60px;
	margin-bottom:0;
	background-color: #271f19;
	z-index:300
}
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 0px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}

ul.dropdown li.rtl ul {
 top: 100%;
 right: 0;
 left: auto;
}

ul.dropdown li.rtl ul ul {
 top: 1px;
 right: 99%;
 left: auto;
}
/* ------ CART DETAIL ------ */
#cart-detail {
	float:right;
	height:60px;
	line-height:60px;
	padding-right:5px;
	font-size:12px
}
#cart-detail span.cart {
	height:60px;
	padding:10px 0 10px 40px;
	line-height:60px;
	font-weight:bold;
	background:url(../img/icon-cart.gif) 0 center no-repeat;
}
#cart-detail span.cart a {
	text-decoration:none;
	color:#fc0
}
#cart-detail span.cart a:hover {
	text-decoration:underline;
}
#cart-detail span.checkout {
	height:60px;
	padding:10px 0 10px 30px;
	line-height:60px;
	font-weight:bold;
	text-transform:uppercase;
	background:url(../img/icon-checkout.gif) 0 center no-repeat;
}
#cart-detail span.checkout a {
	text-decoration:none;
	color:#fff
}
#cart-detail span.checkout a:hover {
	text-decoration:underline;
}
/* ------ NAVBAR LATERAL ------ */


/* ------ MAIN BANNER ------ */
#main-banner {
	height:377px;
	background:url(../img/bg-main-banner.gif) 0 0 repeat-x
}
	#main-banner img {
		position:relative;
		width:912px;
		height:365px;
		margin:5px 12px;
	}

/* ------- CAROUSEL ------- */
#carousel {
	width:940px;
	height:250px;
	margin:5px 10px 0;
	background-color:#fff;
	}
div#slider-wrap {	
	position:relative;
	padding:0;
	
}
div#slider-arrows {
	width:940px;
	height:250px;
	float:left;
	position:absolute;
	top:0;
	left:0;
	z-index:100;
}
div#slider-left-arrow {
	width:32px;
	height:32px;
	margin-top:100px;
	float:left;
	z-index:10000;
	text-align:left;
}
div#slider-left-arrow img {
	width:32px;
	height:32px;	
}
div#slider-right-arrow {
	width:32px;
	height:32px;
	margin-top:100px;
	float:right;		
	z-index:10;
	text-align:right;
}
div#slider-right-arrow img {
	width:32px;
	height:32px;	
}
div#slider {
	width:865px;
	margin:10px 35px;
	padding:0px 0px;
	height:250px;
	float:left;	
	position:absolute;
	overflow:hidden;
	z-index:101
}
div#slider ul {
	list-style:none;
	width:820px;
	height:250px;
	margin:2px 2px 2px 5px;
	margin:0;
	padding:0;
	position:relative;
	float:left;
}
div#slider ul li {
	float:left;
	margin:2px 1px 0px 1px;
	padding:0;
	height:214px;
	overflow:hidden;
	width:214px;
	position:relative;
	border-right:1px solid #9f9b95
}
div#slider ul li img {
	z-index:90;
	width:214px;
	height:166px;
	float:left;
	position:absolute;
	z-index:8;
}
div.black-box {
	background-color:#fff;
	height:35px;
	width:214px;	
	float:left;
	margin-top:-167px;
	position:absolute;
	bottom:0;
	z-index:9;
}
div.black-box-txt {
	height:30px;
	padding:5px 0px 0px 0px;
	width:214px;
	color:#2b2321;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	float:left;
	margin-top:-157px;
	position:absolute;
	bottom:0;
	z-index:10;
}
/* ------ INTERNA DETALLE ------ */
#interna {
	height:auto;
	overflow:hidden;
	color:#333;
	background:#fff url(../img/bg-interna.gif) 0 0 repeat-x
}
#interna div.detalle {
	width:100%;
	height:auto;
	overflow:hidden;
}
#interna div.detalle div {
	width:900px;
	height:auto;
	margin:0 auto 10px;
	padding:0 10px;
	overflow:hidden;
	background-color:#fff;
	
}
#interna div.detalle div.info {
	width:auto;
	height:auto;
	padding-left:10px;
	border-bottom:none
}
#interna div.detalle div.info ul {
	list-style:disc
}
#interna div.detalle dl  {
	float:left;
	width:240px;
	height:auto;
	text-align:center;
	overflow:hidden
}
#interna div.detalle dl a#foto_grande {
	background:url(../img/cargando.gif) no-repeat center;
	height:290px;
	display:block;
}
#interna div.detalle dl a#foto_grande:hover {
	text-decoration:none;
}
#interna div.detalle dl a#foto_grande span.enlarge {
	display:block;
	text-align:right;
	color:#666;
	font-size:10px;
}
#interna div.detalle dl a#foto_grande:hover span.enlarge {
	text-decoration:underline;
}
#interna div.detalle dl ul.miniaturas {
	list-style:none;
	margin:10px 0;
	padding:0;
	overflow:hidden;
	display:inline-block;
}
#interna div.detalle dl ul.miniaturas li {
	list-style:none;
	margin:0 1px;
	padding:2px;
	border:1px #CCC solid;
	float:left;
	width:50px;
	height:50px;
	display:inline-block;
}
#interna div.detalle dl ul.miniaturas li a,
#interna div.detalle dl ul.miniaturas li a img {
	float:left;
}
#interna div.detalle dl img {
	margin-bottom:5px;
}
#interna div.detalle dl dt {
	height:30px;
	line-height:30px;
}
#interna div.detalle dl dt span.price {
	font-weight:bold;
	font-size:1.6em;
	color:#271f19;
	padding:5px;
	background-color:#f9c00f
}
#interna div.detalle dl dt span.add a,
#interna div.detalle dl dt span.tell a {
	font-weight:bold;
	font-size:1.2em;
	color:#271f19;
	padding:5px;
	text-decoration:none
}
#interna div.detalle dl dt span.add a:hover,
#interna div.detalle dl dt span.tell a:hover {
	text-decoration:underline
}
#interna div.detalle div.info {
	float:left;
	width:640px;
}
#interna div.detalle div.info div.add-to-cart {
	width:auto;
	height:auto;
	overflow:hidden;
	background-color:#d0cec6;
	padding:0 0 10px 10px;
	border-bottom:none;
}
#interna div.detalle div.info div.add-to-cart h5 {
	font-weight:bold;
	color:#271f19;
	margin:0;
	padding-top:5px;
}
#interna div.detalle div.info form#add-cart {
	display:inline-block;
	overflow:hidden;
	margin:0;
}
#interna div.detalle div.info form#add-cart ul {
	list-style:none;
	margin:0;
	overflow:hidden;
	display:inline-block;
	padding:0;
}
#interna div.detalle div.info form#add-cart ul li {
	float:left;
	height:34px;
	line-height:34px;
	display:inline-block;
	margin:0;
	margin-right:10px;
}
#interna div.detalle div.info form#add-cart ul li input.add {
	width:131px;
	height:34px;
	font-weight:bold;
	font-size:0.9em;
	text-transform:uppercase;
	color:#fff;
	line-height:34px;
	padding-left:36px;
	background:url(../img/bg-add-to-cart.gif) 0 0 no-repeat;
	border:none;
	cursor:pointer;
}
#interna div.detalle div.info form#add-cart ul li select {
	margin:8px 0;
}
#interna div.detalle div.info form#add-cart ul li input.add:hover {
	color:#fc0;
}

/* add to cart para el listado */
#interna div.listado div.info div.add-to-cart {
	width:auto;
	height:auto;
	overflow:hidden;
	background-color:#d0cec6;
	padding:0 0 10px 10px;
	border-bottom:none;
}
#interna div.listado div.info div.add-to-cart h5 {
	font-weight:bold;
	color:#271f19;
	margin:0;
	padding-top:5px;
}
#interna div.listado div.info form.add-cart {
	display:inline-block;
	overflow:hidden;
	margin:0;
}
#interna div.listado div.info form.add-cart ul {
	list-style:none;
	margin:0;
	overflow:hidden;
	display:inline-block;
	padding:0;
}
#interna div.listado div.info form.add-cart ul li {
	float:left;
	height:34px;
	line-height:34px;
	display:inline-block;
	margin:0;
	margin-right:10px;
}
#interna div.listado div.info form.add-cart ul li input.add {
	width:131px;
	height:34px;
	font-weight:bold;
	font-size:0.9em;
	text-transform:uppercase;
	color:#fff;
	line-height:34px;
	padding-left:36px;
	background:url(../img/bg-add-to-cart.gif) 0 0 no-repeat;
	border:none;
	cursor:pointer;
}
#interna div.listado div.info form.add-cart ul li select {
	margin:8px 0;
}
#interna div.listado div.info form.add-cart ul li input.add:hover {
	color:#fc0;
}

	/* ------ INTERNA LISTADO ------ */
#interna {
	height:auto;
	overflow:hidden;
	color:#333;
	background:#fff url(../img/bg-interna.gif) 0 0 repeat-x
}
#interna div.listado {
	width:100%;
	height:auto;
	overflow:hidden;
}
#interna div.listado div {
	width:900px;
	height:auto;
	margin:0 auto 10px;
	padding:0 10px;
	overflow:hidden;
	background-color:#fff;
	border-bottom:1px solid #d0cec6
}
#interna div.listado div.info {
	width:auto;
	height:auto;
	padding-left:10px;
	border-bottom:none
}
#interna div.listado div.info ul {
	list-style:disc
}
#interna div.listado dl  {
	float:left;
	width:400px;
	height:auto;
	text-align:center;
	overflow:hidden
}
#interna div.listado dl img {
	margin-bottom:5px;
}
#interna div.listado dl dd,
#interna div.listado dl dt {
	float:left;
	height:auto;
	line-height:normal;
}
#interna div.listado dl dt span.price {
	font-weight:bold;
	font-size:1.6em;
	line-height:166px;
	color:#271f19;
	padding:5px;
	background-color:#f9c00f
}
#interna div.listado div.info span.view a {
	text-decoration:none;
	font-size:0.9em;
	font-weight:bold;
	text-transform:uppercase;
	color:#271f19
}
#interna div.listado div.info span.view a:hover {
	text-decoration:underline
}
#interna div#paginator {
	height:30px;
	background:#9f9b95;
	color:#271f19;
	margin-bottom:0;
	text-align:right;
	line-height:30px;
	padding-right:20px;
}
/*#interna div#paginator ul {
	list-style:none;
	float:right;
	margin-right:20px;
	padding:0;
	margin-bottom:10px
}
#interna div#paginator ul li {
	float:left;
	display:inline-block;
	line-height:30px;
	padding:0;
	margin-left:10px
}*/
#interna div#paginator span.pag_act {
	text-decoration:none;
	font-weight:bold;
	color:#271f19;
	padding:3px;
	font-size:1.3em;
}
#interna div#paginator a.pag_nav {
	text-decoration:none;
	font-weight:bold;
	color:#271f19;
	padding:3px;
}
#interna div#paginator a.pag_nav:hover {
	color:#fff;
	background-color:#271f19;
	padding:3px;
}

/* Paginador 2 */
#interna div#paginador {
	height:30px;
	color:#000;
	margin-bottom:0;
	text-align:center;
	line-height:30px;
	padding-right:20px;
}

#interna div#paginador span.pag_act {
	text-decoration:none;
	font-weight:bold;
	color:#000;
	padding:3px;
	font-size:1.3em;
}
#interna div#paginador a.pag_nav {
	text-decoration:none;
	font-weight:bold;
	color:#000;
	padding:3px;
}
#interna div#paginador a.pag_nav:hover {
	color:#000;
	text-decoration:underline;
	padding:3px;
}

/* ------ FORMULARIO ------ */
#interna div.detalle div div.info div.formulario form.form ul {
	list-style:none;
}
#interna div.detalle div div.info div.formulario form.form ul li {
	margin-bottom:10px;
	font-weight:normal;
}
#interna div.detalle div div.info div.formulario form.form ul li label {
	font-weight:bold;
}
ul#datos label.v-error,
#interna div.detalle div div.info div.formulario form.form ul li label.v-error {
	font-weight:normal;
	color:red;
	font-size:0.9em;
	line-height:1.8em;
}	
#interna div.detalle div div.info div.formulario form.form ul li input,
#interna div.detalle div div.info div.formulario form.form ul li select,
#interna div.detalle div div.info div.formulario form.form ul li textarea {
	margin-right:10px;
}

/* Notificaciones */
.error, .notice, .success {
	padding:.8em;
	border:2px solid #ddd;
}
.error {
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
}
.notice {
	background:#FFF6BF;
	color:#514721;
	border-color:#FFD324;
}
.success {
	background:#E6EFC2;
	color:#264409;
	border-color:#C6D880;
}
.error a {
	color:#8a1f11;
	background:none;
	padding:0;
	margin:0;
}
.notice a {
	color:#514721;
	background:none;
	padding:0;
	margin:0;
}
.success a {
	color:#264409;
	background:none;
	padding:0;
	margin:0;
}
/* fin notificaciones */
/* mensajes carrito */
div#agregando {
	padding: 10px 10px 10px 60px;
	background:url(../facebox/cargando.gif) left no-repeat;
	font-size:18px;
	color:#666666;
}
div#agregado {
	padding: 10px 10px 10px 60px;
	background:url(../facebox/check48.png) left no-repeat;
	font-size:18px;
	color:#666666;
}
div#rechazado {
	padding: 10px 10px 10px 60px;
	background:url(../facebox/cerrar48.png) left no-repeat;
	font-size:18px;
	color:#666666;
}
div#rechazado-txt {
	letter-spacing:normal;
}
/* fin mensajes carrito */