body
{
	background-color:#CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	padding:0;
	font-size:12px;
	margin:0px auto auto auto;
	color:#000000;
}

a{
	color:#990066;
}

.clear{
clear:both;
}

p{
	padding:5px 0 5px 0;
	margin:0px;
	text-align:left;
	line-height:19px;
}

p.details{
padding:5px 15px 5px 15px;
font-size:11px;
}

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;
}

#wrap{
width:900px;
height: auto;
margin:auto;
background-color:#FFFFFF;
}

.cabecera{
width:900px;
height:181px;
background:url(images/cabecera.jpg) no-repeat center;
}

.logo{
padding:50px 0 0 130px;
}

/*-----------------------------menu-------------------*/
#menu{
	width:500px;
	height:30px;
	padding:150px 0 0 10px;
}

#menu ul{
display:block;
list-style:none;
padding:9px 0 0 10px;
margin:0px;
}

#menu ul li{
display:inline;
padding:0px;
margin:0px;
height:20px;
}

#menu 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:#fff;
font-size:13px;
line-height:25px;
}

#menu ul li.selected a{
height:27px;
display:block;
padding:0px 10px 0 10px;
margin:0 5px 0 5px;
float:left;
text-decoration:none;
text-align:center;
color:#f7a849;
font-size:13px;
line-height:25px;
}

#menu ul li a:hover{
color:#f7a849;
}

#menuusuario {
	padding: 20px 20px 20px;
	width: 300px;
	height: 30px;
	float: right;
	margin: 125px 90px 0px 10px;
}

.textomenuusuario {
	color: #FFFFFF;
	font-weight: bold;
}

/*----------------crumb_nav------------------*/

.crumb_nav{
padding:5px 0 10px 0px;
}

.crumb_nav a{
color:#990000;
}

span.red{
color:#990000;
}

.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;
	padding:0px 0 0 0;
	background:url(images/center_bg.gif) repeat-y center;
}

.left_content{
	width:490px;
	float:left;
	padding:20px 0 20px 20px;
}

.disponegrita{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color:#000000;
}
.disponegritasuscripcion{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#000000;
}

.dispotexto{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color:#000000;
	text-align:left;
}

.legislaciontextolat{
	color: #4E3224;
	font-weight: 700;
	text-decoration: none;
}

.right_content{
width:370px;
float:left;
padding:20px 0 20px 20px;
TOP: 40px;
height:400px;
overflow: auto;
}

.title{
color:#734633;
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:#f8981d;
padding:5px 0 0 15px;
font-size:13px;
}

a.more{
font-style:italic;
color:#f8981d;
float:right;
text-decoration:none;
font-size:11px;
padding:0px 15px 0 0 ;
}

.about{
width:337px;
clear:both;
background:url(images/border.gif) no-repeat bottom center;
padding:0 0 35px 0;
}

img.right{
float:right;
padding:0 0 0 10px;
}

.right_box{
width:170px;
float:left;
padding:10px 0 0 0;
}

/*--------feat_prod_box-----------*/
.feat_prod_box{
	padding:10px 0 10px 10px;
	margin:100px 20px 20px 0;
	border-bottom:1px #b2b2b2 dashed;
	clear:both;
}

.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:295px;
float:left;
padding:0 0 0 25px;
position:relative;
}

.box_top{
width:295px;
height:9px;
background:url(images/box_top.gif) no-repeat center bottom;
}

.box_center{
width:295px;
height:auto;
background:url(images/box_center.gif) repeat-y center;
}

.box_bottom{
width:295px;
height:9px;
background:url(images/box_bottom.gif) no-repeat center top;
}

.new_prod_box{
float:left;
text-align:center;
padding:10px;
}

.new_prod_box a{
padding:5px 0 5px 0;
color:#b5b5b6;
text-decoration:none;
display:block;
}

.new_prod_bg{
width:132px;
height:119px;
text-align:center;
background:url(images/new_prod_box.gif) no-repeat center;
position:relative;
}

.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:10px 0 0 20px;
margin:0px;
}

ul.list li{
list-style:none;
padding:2px 0 2px 0;
}

ul.list li a{
list-style:none;
text-decoration:none;
color:#000000;
background:url(images/left_menu_bullet.gif) no-repeat left;
padding:0 0 0 17px;
}

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:#795636;
}

.tabs-container {
clear: left;
padding:0px;
}
/*-----------------------languages_box---------*/
.languages_box{
padding:0 0 5px 0;
float:left;
}

.languages_box a{
padding:0 2px 0 2px;
}

.languages_box a.selected{
padding:2px 2px 0 2px;
border:1px #CCCCCC solid;
}

.currency{
float:left;
padding:0 0 0 20px;
}

.currency a{
text-decoration:none;
color:#333333;
padding:3px;
border:1px #eeedee solid;
}

.currency a.selected{
text-decoration:none;
color:#fff;
padding:3px;
border:1px #eeedee solid;
background-color:#FF9900;
font-weight:bold;
}

.currency a:hover{
border:1px #990000 solid;
}

/*------------------------cart---------------------*/
.cart{
width:337px;
float:left;
height:40px;
margin:10px 0 10px 0;
background:url(images/border.gif) no-repeat bottom center;
padding:0 0 30px 0;
}

.home_cart_content{
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:#990000;
}
/*---------------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:390px;
	clear:both;
	padding:10px 0 10px 0;
	color:#a53d17;
}

label.contact{
width:75px;
float:left;
font-size:12px;
text-align:right;
padding:4px 5px 0 0;
color: #333333;
}

input.contact_input{
width:253px;
height:18px;
background-color:#fff;
color:#999999;
border:1px #DFDFDF solid;
float:left;
}

textarea.contact_textarea{
width:253px;
height:120px;
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;
}

a.contact{
width:53px;
height:24px;
display:block;
float:right;
margin:0 0 0 10px;
background:url(images/contact_bt.gif) no-repeat center;
text-decoration:none;
text-align:center;
line-height:24px;
color:#fff;
}

a.checkout{
width:71px;
height:25px;
display:block;
float:right;
margin:10px 30px 0 10px;
background:url(images/register_bt.gif) no-repeat center;
text-decoration:none;
text-align:center;
line-height:25px;
color:#fff;
}

a.continue{
width:71px;
height:25px;
display:block;
float:left;
margin:10px 0 0 0px;
background:url(images/register_bt.gif) no-repeat center;
text-decoration:none;
text-align:center;
line-height:25px;
color:#fff;
}

.terms{
padding:0 0 0 80px;
}

.form_subtitle{
position:absolute;
top:-11px;
left:7px;
width:auto;
height:20px;
background-color:#795636;
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:#DFDFDF;
}

td{
	padding:3px;
	text-align: center;
}

td.cart_total{
text-align:right;
padding:5px 15px 5px 0;
}

img.cart_thumb{
border:1px #b2b2b2 solid;
padding:2px;
}

/*--------------*/
div.pagination {
width:420px;
padding:5px;
margin:5px;
text-align:center;
float:left;
clear:both;
font-size:10px;
}

div.pagination a {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #795636;
text-decoration: none; 
color: #795636;
}

div.pagination a:hover, div.pagination a:active {
border:1px solid #795636;
color: #fff;
background-color: #795636;
}

div.pagination span.current {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #795636;
font-weight: bold;
background-color: #795636;
color: #FFF;
}

div.pagination span.disabled {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #f3f3f3;
color: #ccc;
}

/*---------------footer------------------------*/
.footer{
height:100px;
border-top:1px #b2b2b2 dashed;
background:url(images/footer_bg.gif) no-repeat bottom;
}

.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;
}

/*-------------Scroll----------------------*/
div#scrollbar {
    display:block; /* initially display:none; to hide from incapable */
    }

div#wn	{ 
    position:relative;
    width:280px; height:200px;
    overflow:hidden;
	}
    
div#scrollbar { 
  position:relative;
  width:11px; height:200px; 
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  }
  
div#track { 
  position:absolute; left:0; top:12px;
  width:11px; height:176px;
  background: #336;
  }
  
div#dragBar {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#ceced6;
  }  
  
div#up { position:absolute; left:0; top:0; }  

div#down { position:absolute; left:0; bottom:0; }

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#up, div#down {
    -moz-user-select: none;
    -khtml-user-select: none;
}


/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img {
    display:block; 
    } 
#overbox3 {
		    position: fixed;
		    bottom: 0px;
		    left: 0px;
		    width: 100%;
		    z-index: 999999;
		    display: block;
		}
		#infobox3 {
		    margin: auto;
		    position: relative;
		    top: 0px;
		    height: 58px;
		    width: 100%;
		    text-align:center;
		    background-color: #eeeeee;
		}
		#infobox3 p {
		    line-height:58px;
		    font-size:12px;
		    text-align:center;
		}
		#infobox3 p a {
		    margin-right:5px;
		    text-decoration: underline;
		}
		
.classname {
	-moz-box-shadow:inset 0px 0px 0px 0px #d9fbbe;
	-webkit-box-shadow:inset 0px 0px 0px 0px #d9fbbe;
	box-shadow:inset 0px 0px 0px 0px #d9fbbe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b8e356), color-stop(1, #a5cc52) );
	background:-moz-linear-gradient( center top, #b8e356 5%, #a5cc52 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8e356', endColorstr='#a5cc52');
	background-color:#b8e356;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:-2px;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	font-style:normal;
	height:27px;
	line-height:27px;
	width:82px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #86ae47;
}
.classname:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a5cc52), color-stop(1, #b8e356) );
	background:-moz-linear-gradient( center top, #a5cc52 5%, #b8e356 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5cc52', endColorstr='#b8e356');
	background-color:#a5cc52;
}.classname:active {
	position:relative;
	top:1px;
}