html{
	height: 100%;
}

body{
background-image: url(../imagenes/bg2.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top center;
padding: 0px;
margin: 0px;
height: 100%;
text-align: center;
color: #343434;
font-size:12px; 
font-family:Trebuchet MS, Tahoma, Arial, Sans-serif		
}

/*FORMATEO*/

.font18{
	font-size: 18px;
	color: #ce0000;
}

.rojo{color: #ce0000;}


a.links{
color: #343434;
text-decoration: none;
	
}

a:hover.links{
color: #ce0000;
text-decoration: none;
}

a.links2{
color: #ce0000;
text-decoration: underline;	
}

a:hover.links2{
color: #ffae00;
text-decoration: none;
}

img{
	border: none;
}

h3,.encab{
	margin: 0px; padding:0px;
	color: #ce0000;
	font: 12px/165% 'Trebuchet MS', Tahoma, Arial, Sans-serif;
	font-weight: bold;
	display: block;	
	padding: 0px;		
}

.encab span{
color: #ABABAB;
font-weight: normal;
}

.encab a{
	text-decoration: none;
	color: #ce0000;
}

.encab a:hover{text-decoration: underline;color: #ffae00;}


.pnormal{
font-weight: normal;	
}



/*.clear {clear : both; line-height: 2em;}*/

p{
padding:0px 5px 0px 5px; 
margin:0px 0px 14px 0px;
line-height:14px; 
text-align: justify;
}

form{
	margin: 0px; padding: 0px;
}

ol{
	list-style-type: none;	
	margin: 0px;
	padding-left: 25px;
}

ol li{
	list-style-type: upper-alpha;
	font-weight: bold;
	color: #ce0000;	
}

ol li p{
	font-weight: normal;
	color: #343434;
	padding:0px 5px 0px 0px; 
   margin:0px 0px 14px 0px;
}

.space20{
	width: 100%;
	height: 20px;
	display: block;
}

*html .space20{
	width: 100%;
	height: 20px;
	display: block;
}



/*FIN FORMATEO*/

#headernav{
background-image: url(../imagenes/bgheadernav.gif);
background-repeat: repeat-x;
background-color: #c5250f;
width:100%;
height: 35px;
border-bottom: 5px solid #3a3a3a;
color: #fff;
margin: 0px;
padding: 0px;
}


#headernav span{color:#2684a7; margin-right: 5px;}

#headernav ul{ width:900px; margin: 0 auto;padding:0; text-align: left;}

#headernav li{font-size: 14px; list-style-type:none; float:left; padding:0; margin:8px 4px 0px 4px; color:#700b04; }

#headernav li a {
font-weight: bold;
text-decoration: none;
margin:8px 4px 0px 4px;	
padding:0px;	
text-align:center;
color: #FFF;	
}

#headernav li a:hover {
text-decoration: underline;
color: #ffae00;
}



#wrap{
width:900px;
min-height: 100%;
background-color: #f2f2f5;
margin: 0px auto;
margin-bottom: 20px;
padding: 20px 0px 20px 0px;
text-align: center;
}

*html #wrap{
height: 100%;	
}

#top{
background-image: url(../imagenes/bgtop.gif);
background-repeat: no-repeat;
background-position: bottom;
background-color: #fff;
border-top: none;
border-bottom: none;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
background-repeat: repeat-x;
background-position: top;
padding: 0px 3px 0px 3px;
width: 854px;
height: 30px;
text-align: left;
display: block;
/*margin-bottom: 20px;*/
margin:0 auto;
}

#top span{color:#2684a7; margin-right: 5px;}

#top ul{list-style:none;margin: 0 auto;padding:0; text-align: right;}

#top li{ list-style-type:none; float:right; padding:0; margin:6px 4px 0px 4px; color:#aeafaf; }

#top li a {
text-decoration: none;
margin:6px 4px 0px 4px;	
padding:0px;	
text-align:center;
color: #ce0000;	
}

#top li a:hover {
text-decoration: underline;
color: #ffae00;
}


#subtop{
line-height:1.3em;
background-image: url(../imagenes/bgheadernav.gif);
background-repeat: repeat-x;
background-position: bottom;
height: 31px;
background-color: #ce0000;
padding: 0px 3px 0px 3px;
width: 854px;
text-align: left;
display: block;
margin-bottom: 20px;
margin:0 auto;
color: #FFFFFF;
font-weight: bold;
font-size: 14px;
}


#subtop ul{ margin:0 auto; padding:0px;  text-align: left; font-weight: bold;}

#subtop li{
background-image: url(../imagenes/subtopsep.gif);
background-repeat: no-repeat;
background-position: right;
font-size: 12px; 
list-style-type:none; 
float:left; 
padding-top:7px;
padding-bottom: 7px;
padding-left: 10px;
padding-right: 10px; 
color:#700b04; 
}

#subtop li a {
text-decoration: none;	
text-align:center;
color: #FFF;	
}

#subtop li a:hover {
text-decoration: underline;
color: #ffae00;
}

#subtop .subencab{
background-image: url(../imagenes/bgsubtop.gif);
background-repeat: no-repeat;
background-position: 5px 5px;
padding: 4px 0px 0px 30px;
margin: 0px;
display: block;
width: 500px;
height: 20px;
}





.searchinput{
	margin:4px 5px 0px 0px;
	float: left;
	padding:0px 0px 0px 3px;	
	font: 12px/165% 'Trebuchet MS', Tahoma, Arial, Sans-serif;
	color: #ABABAB;
	color:#53524b;
	border:solid 1px #CCCCCC;
	width:180px;
	height:20px;	
}

.combosearch{
	margin:4px 5px 0px 0px;
	float: left;
	padding:0px 0px 0px 3px;	
	font: 12px/165% 'Trebuchet MS', Tahoma, Arial, Sans-serif;
	color: #343434;
	border:solid 1px #CCCCCC;
	width:180px;
	height: 22px;	
}

.combosearch2{
	margin:4px 5px 0px 0px;
	float: left;
	padding:0px 0px 0px 3px;	
	font: 12px/165% 'Trebuchet MS', Tahoma, Arial, Sans-serif;
	color: #343434;	
	border:solid 1px #CCCCCC;
	width:190px;
	height: 22px;	
}

.combosize{	
	font: 12px/165% 'Trebuchet MS', Tahoma, Arial, Sans-serif;
	color: #343434;	
	border:solid 1px #CCCCCC;
	width:195px;
	height: 22px;
	margin-bottom: 10px;	
}

.btinput{
background-color: #c80000;
background-image: url(../imagenes/bginput.gif);
background-repeat: repeat-x;
background-position: bottom;
margin:4px 5px 0px 0px;
float: left;	
border: 1px solid #aaaaaa;
height: 22px;
width: 80px;
color: #fff;
font-weight: bold;
font-size: 11px;
letter-spacing: 0.2em;
display: block;	
}



#header{
/*background-image: url(../imagenes/bgheader01.jpg);*/
/*background-image: url(../imagenes/bgheader02.jpg);*/
background-image: url(../imagenes/bgheader03.jpg);
background-repeat: no-repeat;
border: 1px solid #ccc;
background-color: #fff;
padding: 0px;
width: 860px;
height: 120px;
display: block;
margin:0 auto; 
position: relative;	
}

#contents{
margin: 0px auto;
padding: 0px 0px 0px 0px;
width: 860px;
min-height: 500px;
margin-bottom: 20px;	
text-align: left;
background-image: url(../imagenes/bgcentral.gif);
background-position: center;
background-repeat: repeat-y;
}

*html #contents{
width: 860px;
height: 500px;	
}

#footer{
background-image: url(../imagenes/bgtop.gif);
background-repeat: repeat-x;
background-position: bottom;
margin: 0px auto;
padding: 10px;
width: 840px;
height: 20px;
display: block;
border: 1px solid #ccc;
background-color: #fff;
text-align: left;
}

#footer span{color:#2684a7; margin-right: 5px;}

#footer ul{list-style:none;margin: 0 auto;padding:0; text-align: right;}

#footer li{ list-style-type:none; float:left; padding:0; margin:0px 4px 0px 4px; color:#aeafaf; }

#footer li a {
text-decoration: none;
margin:0px 4px 0px 4px;	
padding:0px;	
text-align:center;
color: #ce0000;	
}

#footer li a:hover {
text-decoration: underline;
color: #ffae00;
}



#central{
min-height: 500px;
padding-top: 0;
padding-left: 10px;
padding-right: 5px;
margin-left : 195px;
margin-right : 200px;
margin-bottom: 10px;
/*border-left: 1px dotted #aaaaaa;*/
/*border-right: 1px dotted #aaaaaa;*/
}

*html #central{
height: 500px;	
}




#leftbar {
float : left;
width : 200px;
min-height: 500px;
margin : 0px;
padding : 0px;
color : #666;
/*border-right: 1px dotted #aaaaaa;*/
}

*html #leftbar {height: 500px;}



#righttbar {
text-align: left;
float : right;
width : 190px;
min-height: 500px;
margin : 0px 0px 20px 0px;
padding : 0px 0px 0px 0px;
color : #666;
/*border-left: 1px dotted #aaaaaa;*/
}

*html #righttbar {height: 500px;}

/* menu izquierda */

#nav_left{width:95%; margin:0px; padding:0px;}

#nav_left ul.nav-list {
border-top: 1px dotted #aaaaaa;
list-style: none;
padding: 0;	
margin-left: 0;
margin-top: 0;	
}
#nav_left ul.nav-list li {
border-bottom: 1px dotted #aaaaaa;
margin: 0px; padding: 0px 0px 0px 12px;
background-image: url(../imagenes/arrow1.gif);
background-position: left 50%;	
background-repeat: no-repeat;
}
#nav_left ul.nav-list li a {
  text-decoration: none;
	display: block;
	width: 100%;	
	font-weight: bold;
	padding: 4px 0px 4px 0px;
	border: none;	
	color: #343434;
}

#nav_left ul.nav-list li a:hover{
color: #d01010;
text-decoration: none;	
}

#nav_left ul.nav-list li a span {
	color: #ed960d;
	font-weight: normal;
	padding-right: 5px;	
}

.subcategoria{
font-weight: bold;
display: block;
margin-bottom: 10px;
color: #be220d;
padding: 0px;
}

.subcategoria a{
background-image: url(../imagenes/arrow3.gif);
background-position: right 50%;	
background-repeat: no-repeat;
text-decoration: none;
color: #be220d;
padding-right: 15px;
}

.subcategoria a:hover{
text-decoration: none;
	color: #ed960d;
}

/* fin menu izquierda */

/* div listado productos */

.itemlist{
	width:188px;	
	margin: 0px;
	font: 10px Arial, Sans-serif;	
}

.itemlist img{
  background-color: #fff;
	border: 1px solid #ccc;
	background-image: url(../imagenes/ajax-loader.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	margin: 0px;
	padding: 0px;		
}

.itemlist .btitem{
background-color: #cfd0d0;
background-image: url(../imagenes/bgbtitem.jpg);
background-repeat: repeat-x;
background-position: top left;
display: block;
width: 188px;
margin: 2px auto;
padding: 0px;
border: 1px solid #ccc;
text-align:left;
color: #ce0000;	
}

.itemlist .btitem a{
background-image: url(../imagenes/btitemarrow.gif);
background-repeat: no-repeat;
background-position: 4px 3px;
width: 165px;
padding: 5px 0px 0px 20px;
text-decoration: none;
color: #ce0000;
display: block;
}

.itemlist .btitem a:hover{color: #343434;}

.itemlist .precio{
padding: 0px 0px 5px 20px; 
display: block;
width: 125px;
color: #343434;
}


/*CESTA D LA COMPRA*/

.boxcesta{
font-weight: bold;
border-bottom: 1px dotted #aaaaaa;
/*border-top: 1px dotted #aaaaaa;*/
padding: 0 0 10px 0px;
margin-bottom: 10px;
}

.boxcesta .und{
color: #d01010;	
}

a.boton1{
text-decoration: none;
padding: 2px 5px 2px 5px;
color:#fff;
background-color: #c80000;
background-image: url(../imagenes/bginput.gif);
background-repeat: repeat-x;
background-position: bottom;
border: 1px solid #aaaaaa;
margin: 10px 0px 10px 0px;
display: block;
width:80px;
text-align: center;
}

a:hover.boton1{
color:#ed960d;
}


.boxregistro{
font-weight: bold;
border-bottom: 1px dotted #aaaaaa;
/*border-top: 1px dotted #aaaaaa;*/
padding: 0 0 10px 0px;
margin-bottom: 10px;
}


/*PRODUCTO INFO*/

#boxproductoinfo{
margin-top: 20px;
margin-bottom: 20px; 
font-weight: bold;
display: block;
}

#boxinfo_caja{
float:left; 
padding:0px 5px 0px 5px;
margin-bottom: 20px;
width: 210px;
word-wrap: break-word; 		
}

#boxinfo_caja .rojo{color: #ce0000;}

#boxinfo_foto{
float:left; width:188px; text-align:center; margin-left:5px; margin-right:10px;
background-image: url(../imagenes/ajax-loader.gif);
background-repeat: no-repeat;
background-position: 50% 50%;
}

#boxinfo_foto img{
border: 1px solid #ccc;
}

#boxproductoinfo .info{
width: 210px;	
	display:block;
	margin-bottom: 10px;
}




#productotext{
	width:400px; 
	float:left;
	margin-top: 20px;
	padding-left: 10px;
	font-weight: normal;
}

a.btcesta{
background-image: url(../imagenes/btaddcart.gif);
background-position: top;
width: 195px;
height: 41px;
display: block;
margin: 10px 0px 10px 0px;
}

a:hover.btcesta{background-position: bottom;}

/*cesta off*/
a.btcesta_off{
background-image: url(../imagenes/btaddcart_off.gif);
background-repeat: no-repeat;
background-position: top;
width: 195px;
height: 41px;
display: block;
margin: 10px 0px 10px 0px;
}

a.btcesta_off span{
display: none;	
}

/**/

.btcesta span{	display: none;}

a.btzoom{
background-image: url(../imagenes/zoom.gif);
background-repeat: no-repeat;
background-position: left 50%;
height: 26px;
width: 100px;
display: block;
color: #343434;
padding: 8px 0px 0px 25px;
margin: 0 auto;
text-decoration: underline;
}
a:hover.btzoom{
color: #ce0000;
text-decoration: none;
}

/*------------------------------------- BOTONES FEB -------------------------------------*/
#feb-buttons {
	position: absolute;
	top: 25px;
	right: 10px;	
}

	#feb-buttons .item {
		float: left;
		margin-left: 5px;
	}


/* ------------------------ COMENTARIOS -----------------------------------*/
	#commentlist {
		list-style-type: none;
		margin: 0;
		padding: 0;
		}

	#commentlist span { 
		font-size: 11px; 
		}

	#commentlist p { 
		font-size: 10px; 
		}

	#commentlist li {
		margin: 5px 0;
		padding: 2px 10px;
		color:#aaaaaa;
		overflow: hidden !important;
		}

	.class_comment1 { background: #F5F5F5; border: 1px solid #D1D1D1; }
	.class_comment2 { background: #EDEDED; border: 1px solid #B4B4B4; }