/* CSS Document */
* {
margin:0;
padding:0;
}
#inicio {
	background-color: #000000;
	background-image: url(imgs/fondo.png);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
}
#inicio2 {
	background-color: #000000;
	background-image: url(imgs/fondo2.png);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
#inicio3 {
	background-color: #000000;
	background-image: url(imgs/fondo3.png);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
#logo {
	position: absolute;
	left: 0px;
	top: 0px;
}
#head {
	position: relative;
	margin:auto;
	top: 0;
	height: auto;
	width: 1000px;

}
#head img {
	float: right;
}
/* menu cajas */
#esp {
	visibility: visible;
	position: absolute;
	left: 150px;
	top: 110px;
	z-index: 100;
}
	#esp P {
		line-height:14px;
		margin:0;
		padding:0;
	}
#menu {
	width:auto;
	height:9em;
	overflow:hidden;
	padding:0 0 0 25px;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	
  }
#menu li {
  display:inline;
  list-style-type:none; 
  }
#menu li a {
  display:block;
  float:left;
  text-decoration:none; 
  margin:0; 
  }
#menu li a img {
  opacity:1;
  margin:0.5em;
  border:0;
  float:left;
  }
#menu li a span {
  display:none; 
  }
#menu li a:hover {
	_background-color: #000000;
	_background-image:url(imgs/fondoie6.jpg);
	_background-repeat:repeat-x;
  }
#menu li a:hover img {
  opacity:1;
  }
#menu li a:hover span {
  width:11em;
  color:#FFFFFF;
  display:block; 
  cursor:pointer;
  float:left;
  }
#menu .h2 {
  margin:0 5px; 
  padding:0; 
  color:#B1892F; 
  font-variant:small-caps; 
  font-size:1.25em; 
  border:0;
  }
#menu .h3 {
  margin:0; 
  padding:0; 
  font-size:1.1em; 
  color:#FFFFFF;
  }
  /* fin menu cajas */
/*-----------------------------menu2-------------------*/
#menu2{
	width:auto;
	height:30px;
	position: absolute;
	top: 215px;
	left: 50%;
	margin-left:-240px;
	z-index: 120;
}
#menu2 ul{
display:block;
list-style:none;
padding:9px 0 0 10px;
margin:0px;
width:650px;
}
#menu2 ul li{
display:inline;
padding:0px;
margin:0px;
height:20px;
}
#menu2 ul li a{
	height:27px;
	display:block;
	padding:0px 10px 0 10px;
	margin:0 4px 0 4px;
	_margin:0 2px 0 2px;
	float:left;
	text-decoration:none;
	text-align:center;
	color:#FFFFFF;
	font-size:13px;
	line-height:25px;
}
#menu2 ul li.selected a{
height:27px;
display:block;
padding:0px 10px 0 10px;
margin:0 5px 0 5px;
float:left;
text-decoration:underline;
text-align:center;
color:#AE872E;
font-size:13px;
line-height:25px;
}
#menu2 ul li a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}
  /* -------------------fin menu2-------------------- */
a{
color:#B28B32;
}
.clear{
clear:both;
}
p{
padding:5px 0 5px 0;
margin:0px;
text-align:justify;
line-height:19px;
}
p.details{
	padding:5px 15px 5px 15px;
	font-size:13px;
	color: #000000;
}
p.details_cart{
clear:both;
padding:25px 30px 5px 0px;
font-size:11px;
font-style:italic;
}
p.more_details{
	padding:25px 20px 0px 20px;
	font-size:11px;
	color: #FFFFFF;

}
.disco {
	position: absolute;
	left: 0px;
	top: 0px;
}

.header{
	width:900px;
	height:188px;
}
.logo{
	padding:30px 120px 0 20px;
	float: right;
}

/*----------------crumb_nav------------------*/
.crumb_nav{
padding:5px 0 10px 0px;
}
.crumb_nav a{
color:#ee4699;
}
span.red{
	color:#FFF;
	font-weight: bold;
}
span.precio{
	color:#005480;
	font-weight: bold;
}
.price{
font-size:14px;
padding:0 0 0 15px;
margin:2px 0 5px 0;
}
span.colors{
padding:2px 2px 0 2px;
}


/*------------------------------------center content--------------------*/
.center_content{
	width:900px;
	position: absolute;
	top: 470px;
	margin-left: -450px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	left: 50%;
}
.center_content2{
	width:900px;
	position: absolute;
	top: 630px;
	margin-left: -450px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	left: 50%;
}

.center_content3{
	width:900px;
	position: absolute;
	top: 780px;
	margin-left: -450px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	left: 50%;
}

.left_content{
width:490px;
float:left;
padding:10px 0 20px 20px;
}
.right_content2{
	width:370px;
	float:left;
	padding-top: 370px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 20px;
}
.title{
color:#FFFFFF;
padding:0px;
float:left;
font-size:19px;
margin:10px 0 10px 0;
}
span.title_icon{
float:left;
padding:0 5px 0 0;
}
.prod_title{
	color:#006191;
	padding:5px 0 0 15px;
	font-size:16px;
	font-weight: bold;
}
a.more{
	font-style:italic;
	color:#005480;
	float:right;
	text-decoration:none;
	font-size:11px;
	padding:0px 15px 0 0 ;
}
input.more{
	background:url(imgs/order_now.gif) no-repeat 0 0;
	font-style:italic;
	color:#005480;
	float:right;
	text-decoration:none;
	font-size:11px;
	padding:0px 15px 10px 0 ;
	width:99px;
	cursor:pointer;
	height:27px;
}

input.add{
	background:url(imgs/mas.gif) no-repeat 0 0;
	font-style:italic;
	color:#005480;
	text-decoration:none;
	font-size:11px;
	cursor:pointer;
	border:0;
	width:20px;
}

input.del{
	background:url(imgs/trash.png) no-repeat 0 0;
	font-style:italic;
	color:#005480;
	text-decoration:none;
	font-size:11px;
	cursor:pointer;
	border:0;
	width:20px;
}


.about{
width:337px;
clear:both;
padding:0 0 40px 0;
}
img.right{
padding:10px 0;
}
.right_box{
	width:170px;
	float:left;
	padding:0;
	color: #FFFFFF;
}

/*--------feat_prod_box-----------*/
.feat_prod_box{
	clear:both;
	position: absolute;
	height: auto;
	width: 900px;
	top: 260px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: -450px;
	left: 50%;
}
.feat_prod_box_details{
padding:10px 0 10px 0;
margin:0 20px 10px 0;
clear:both;
}
.prod_img{
float:left;
padding:0 5px 0 0;
text-align:center;
}
.prod_det_box{
width:250px;
float:left;
padding:0 0 0 15px;
position:relative;
}
.box_top{
width:200px;
height:9px;
}
.box_center{
	width:250px;
	height:auto;
	color: #000000;
}
.box_bottom{
width:200px;
height:9px;
}

.new_prod_box{
float:left;
text-align:center;
padding:10px;
}
.new_prod_box a{
padding:5px 0 5px 0;
color:#FFFFFF;
text-decoration:none;
display:block;
}
.new_prod_bg{
	width:132px;
	height:119px;
	text-align:center;
	position:relative;
	background-image: url(imgs/new_prod_box.gif);
	background-repeat: no-repeat;
	background-position: center;
}
.new_icon{
position:absolute;
top:0px;
right:0px;
z-index:200;
}
.special_icon{
position:absolute;
top:0px;
_top:6px;
right:2px;
z-index:250;
}
img.thumb{
padding:10px 0 0 0;
}
.new_products{
	clear:both;
	padding:0px;
}

ul.list{
	clear:both;
	padding:0;
	margin:0px;
}
ul.list li{
	list-style:none;
	padding:2px 0 0 0;
}
ul.list li a:hover{
text-decoration:underline;
}

/* demo */

div.demolayout {
width:460px;
margin: 0 0 20px 0;
}

ul.demolayout {
list-style-type: none;
float: left;
margin:0px;
padding:0px;
}

ul.demolayout li {
margin: 0 10px 0 0;
float: left;
}
.tab{
border:1px #DFDFDF solid;
padding:0 0 25px 0;
}
ul.demolayout a {
float: left;
display: block;
padding: 5px 25px;
border: 1px solid #DFDFDF;
border-bottom: 0;
color: #666;
background: #eee;
text-decoration: none;
font-weight: bold;
}

ul.demolayout a:hover {
background: #fff;
}

ul.demolayout a.active {
background: #fff;
padding-bottom: 5px;
cursor: default;
color:#ee4699;
}

.tabs-container {
	clear: left;
	padding:0px;
	border:1px solid #DFDFDF;
	padding:10px 25px 25px 25px;
	margin:70px 14px 0px 0px;
	color:#FFF;
}

.tabs-container-producto {
	clear: left;
	padding:0px;
	margin:70px 14px 0px 0px;
	color:#000000;
	background-color:#000000;
	width:478px;
}

.tabs-container-producto-top{
	background:url(imgs/tabs-container-producto-top.jpg) no-repeat 0 0;
	height:20px;
}

.tabs-container-producto-container{
	background:#FFFFFF;
	background:url(imgs/tabs-container-producto-side.jpg) repeat-y 0 0;
	padding:0px 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

.tabs-container-producto-bottom{
	background:url(imgs/tabs-container-producto-bottom.jpg) no-repeat 0 0;
	height:20px;
}



/*------------------------cart---------------------*/
.cart{
width:390px;
float:left;
height:40px;
margin:10px 0 10px 0;
/*background:url(imgs/border.gif) no-repeat bottom center;*/
padding:0 0 40px 0;
}
.home_cart_content{
color:#FFFFFF;
float:left;
padding:3px;
border:1px #eeedee solid;
margin:10px 0 0 15px;
}
a.view_cart{
display:block;
float:left;
margin:12px 0 0 10px;
color:#ee4699;
}
/*---------------contact_form------------------*/
.contact_form{
width:355px;
float:left;
padding:25px;
margin:20px 0 0 15px;
_margin:20px 0 0 5px;
border:1px #DFD1D2 dashed;
position:relative;
}
.form_row{
width:335px;
_width:355px;
clear:both;
padding:10px 0 10px 0;
_padding:5px 0 5px 0;
color:#a53d17;
}
label.contact{
width:75px;
float:left;
font-size:12px;
text-align:right;
padding:4px 2px 0 0;
color: #333333;
}
label.procesar{
width:75px;
float:left;
font-size:12px;
text-align:right;
padding:4px 2px 0 0;
color: #FFF;
}
input.contact_input{
width:253px;
height:18px;
background-color:#fff;
color:#999999;
border:1px #DFDFDF solid;
float:left;
}
textarea.contact_textarea{
width:253px;
height:85px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #999999;
background-color:#fff;
border:1px #DFDFDF solid;
float:left;
}
input.register{
width:71px;
height:25px;
border:none;
cursor:pointer;
text-align:center;
float:right;
color:#FFFFFF;
background:url(../images/register_bt.gif) no-repeat center;
}
input.contact{
	width:53px;
	height:24px;
	display:block;
	float:right;
	margin:0 0 0 10px;
	text-decoration:none;
	text-align:center;
	line-height:24px;
	color:#fff;
	background-image: url(imgs/contact_bt.gif);
	background-repeat: no-repeat;
	background-position: center;
}
a.checkout{
	width:71px;
	height:25px;
	display:block;
	float:right;
	margin:10px 30px 0 10px;
	text-decoration:none;
	text-align:center;
	line-height:25px;
	color:#fff;
	background-image: url(imgs/register_bt.gif);
	background-repeat: no-repeat;
	background-position: center;
}
a.continue{
	width:71px;
	height:25px;
	display:block;
	float:left;
	margin:10px 0 0 0px;
	text-decoration:none;
	text-align:center;
	line-height:25px;
	color:#fff;
	background-image: url(imgs/register_bt.gif);
	background-repeat: no-repeat;
	background-position: center;
}
.terms{
padding:0 0 0 80px;
}
.form_subtitle{
position:absolute;
top:-11px;
left:7px;
width:auto;
height:20px;
background-color:#d81e7a;
text-align:center;
padding:0 7px 0 7px;
color:#FFFFFF;
font-size:11px;
line-height:20px;
}
/*--------------cart_table-------------*/
.cart_table{
width:440px;
border:1px #CCCCCC solid;
text-align:center;
}
tr.cart_title{
	background-color:#E5D797;
	color: #000000;
}
td{
padding:3px;
}
td.cart_total{
text-align:right;
padding:5px 15px 5px 0;
}
img.cart_thumb{
border:1px #b2b2b2 solid;
padding:2px;
}

/*---------------footer------------------------*/
.footer{
height:100px;
background:url(../images/footer_bg.gif) no-repeat top center;
}
.left_footer{
float:left;
padding:10px 0 0 10px;
}
.right_footer{
float:right;
padding:10px 10px 0 0;
}
.footer a{
text-decoration:none;
padding:0 5px 0 5px;
color:#afaeaf;
}
/*---------------styles formulario de registro------------------------*/
.registro {
	width:170px;
	float:left;
	padding:0;
	color: #FFFFFF;
	background-image: url(imgs/fondoregistro.jpg);
	background-repeat: no-repeat;
}
.newsletterBg {
	display:block;
	height:120px;
	position:relative;
	width:170px;
	/*background-attachment: scroll;
	background-color: transparent;
	background-image: url(imgs/02.gif);
	background-repeat: no-repeat;*/
}
div.right_box form{
	margin-top: 35px;
	margin-left: 47px;
}
input.nombre {
	background:transparent none repeat scroll 0 0;
	border:medium none;
	color:#FFFFFF;
	display:block;
	font-size:11px;
	height:21px;
	left:55px;
	padding:3px;
	position:absolute;
	top:34px;
	width:105px;
}
input.email {
	background:transparent none repeat scroll 0 0;
	border:medium none;
	color:#FFFFFF;
	display:block;
	font-size:11px;
	height:21px;
	left:55px;
	padding:3px;
	position:absolute;
	top:60px;
	width:105px;
}

input.error,
textarea.error{
	border:1px solid #993300;
	background-color:#FFFF99;
}

.formOk {
	background:url(imgs/formOk.jpg) no-repeat 0 0;
	display:block;
	height:28px;
	left:85px;
	position:absolute;
	top:82px;
	width:64px;
	border:none;
	cursor:pointer;
}
.inferior {
	margin-top: 20px;
	margin-left: 20px;
	color: #9F7C2D;
}
.mapa {
	float:right;
	height:300px;
	margin-top:20px;
	width:455px;
}
.carro-lateral{
	float:right;
	height:300px;
	margin-top:20px;
	width:455px;
}
.carro-lateral	SPAN.red{
	color:#FFF;
}