@import url("css/reset.css");


html
{

    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 62.5%;
    height: 100%;
}

body
{
    font-size: 1.2em;
    color: #323232;
    height: 100%;
  	background: #A26A2D url(images/page_bg_noon2.jpg) 50% 0 repeat-x fixed ;

	/*background:url(images/2.jpg);*/
}

a
{
    color: #D63C14;
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}



.clear{clear: both;}
.space-10{height: 10px;}
.left{float: left;}
.right{float: right;}


#wrapper{
    width: 922px;
    margin: 0 auto -80px auto; 
    min-height: 100%;
    height: auto !important;
    height: 100%;
	background: #fff url(images/bg_body.gif) ;
}


#header {
background:url(images/header_bg.jpg) no-repeat;
height:269px;
margin-top:1px;

}

#header h1 {
text-indent:-9999px;
background: url(images/logo.png) no-repeat 4% 70%;
height:261px;


}



ul#nav{

height: 45px;
background:url(images/bg_nav.gif) repeat-x;
list-style:none;

}

ul#nav li {
line-height:45px;
text-transform:uppercase;
float:left;
background:url(images/bg_nav_sep.gif) no-repeat;
}

ul#nav li a {
color:#fff;
margin:0 30px;
}

.first {padding-left:2px}
.last {padding-left:10px}

#categos {
width:157px;
float:left;

}


.items {

height:62px;
background:#2b0000 url(images/carro.gif) no-repeat 15% 50%;
}

.items p {

padding: 18px 0 0 58px;
line-height:1.3em;
color:#9a7373;
 
}

.items a {
color:#d63c14;

}


#categos h2 {

color:#FFFFFF;
background:url(images/bg_h2_cat.gif) repeat-x;
line-height:32px;
padding-left:10px;
}

.navcat{
padding-top:15px;
list-style:none;
}

.navcat li{

height:20px;
line-height:20px;
border-bottom:1px dotted #660e00;
padding-left:10px;



}

.navcat li a{

background:url(images/boliche.gif) no-repeat 0 50%;
padding-left:15px;
color:#866666;
}

.producto_azar {

height:260px;
background:#2b0000;



}

.producto_azar h3 {


text-align:center;
padding:20px 20px;

}


.producto_azar h3 a{

color:#d65532;

}
.producto_azar h3 a:hover {
text-decoration:underline;


}


.producto_azar img {
border:1px dotted #d65532;
margin-left:26px;



}

.producto_azar p {

color:#866666;
text-align:center;
padding:10px 0 0 0;

}


#main {padding-top:20px;
border-top:1px solid #56110a;
}

#contenido {
float:right;
width:720px;

}

#contenido h2 {
font-size:16px;
color:#d65532;
border:none;
padding-left:15px;
background:#2b0000;
height:40px;
line-height:40px;
margin-bottom:20px;
}


/*box*/
.box{ background:#2b0000; width:100%; color:#9a7373; line-height:1.8em; position:relative}
.box .corner-top-left {background:url(images/corner_top_left.gif) no-repeat left top;}
.box .corner-top-right {background:url(images/corner_top_right.gif) no-repeat right top;}
.box .corner-bottom-left {background:url(images/corner_bottom_left.gif) no-repeat left bottom;}
.box .corner-bottom-right {background:url(images/corner_bottom_right.gif) no-repeat right bottom; width:100%; }
.box .indent-box{ padding:7px 15px 10px 20px; }
.box p {padding-top:15px}
.box p span {
font:30px/30px 'Bookman Old Style', serif;
}


.featured{
	background: url(images/destacado.gif) no-repeat;
	width: 150px;
	height: 150px;
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 4;
}

.featured_categos

{
	background: url(images/ribbon_cat.gif) no-repeat;
	width: 113px;
	height: 113px;
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 4;
}

.featured_prod

{
	background: url(images/ribbon_cat_prod.gif) no-repeat;
	width: 113px;
	height: 113px;
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 4;
}

.imagen {margin:30px 5px; border:1px #d6aa00 solid;}

/** Footer **/
#footer {
margin-top:24px;
border-top:1px solid #56110a;

}

#footer .indent-footer{
color: #866666;
padding:10px 30px 0 36px;
height:40px;
background:#2b0000;
position:relative;
}
#footer a {color:#D65532; text-decoration:underline} 
#footer span {position:absolute; right:15px;}
#footer .pflash {font-size:9px; font-style:italic; padding-top:5px;}


/****** VIDEO ****/

#video {border: 1px dashed #660E00; padding:5px 10px; margin:5px}
#video p {background:url(images/video.png) no-repeat ; padding-left:20px; padding-top:0; height:16px; line-height:16px;}


/****** CAJA PRECIO ****/


.precio {
font: 24px "Times New Roman", Times, serif;
padding-right:3px;
color: #CC0000;
border-right:1px dashed #660E00;
width:250px;
}

/***** CONTACTO ****/

.contacto-h3 {color:#806518; padding-top:20px; font:18px 'Bookman Old Style', serif;}
.contacto-p{color:#fff; font-style:italic; font-size:10px;}


#listado_productos {
width:500px;
padding:40px 80px;
color:#957a0f;
}

/*** CATEGORIAS O PRODUCTOS *****/

.producto {
float:left;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
/*border:1px solid #9a7373;*/
border:1px solid #86630F;
margin-top:20px;
margin-right:20px;
width:200px;
height:320px;
text-align:center;
}

.producto h3 {color:#d65532;}
.producto p { text-align:left; padding-left:5px;}

.imagen_producto {
border:2px solid #7d1100;
margin:20px 0 10px 0;

}

.precio_producto{
font-size:18pt;
color:#d65532;
}

.opciones {
padding:10px 12px;
border-top:1px solid #86630F;

}

.localice_bar { font-size:9px; color:#D65532;}
.localice_bar a {color: #fff;}
.localice_bar_prod a {color:#86630F;}

/***** AMPLIA PRODUCTO ****/


.imagen_amplia_producto {margin:25px 15px 15px 10px ;}
.opciones_amplia_producto {border-top:1px solid #7d1100; margin-top:10px; padding:10px} 

/*******FORMULARIOS ***/

.linea_puntos {
width: 100%;
height: 1px;
border-top: 1px  dashed #990033;
padding-bottom:15px;


}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0 10px 0 0; 
	margin: 6px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left;


}

form h4 { padding-top:15px; font: 20px Geneva, Arial, Helvetica, sans-serif; font-style:italic;}

form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	padding:2px;
	margin:5px 0 0 0px; /* set margin on left of form elements rather than right of
			            label aligns textarea better in IE */
						
}

form span
{
font-size:10px; font-style:italic; color: #9F7706;
}


/**** CESTA DE LA COMPRA ****/

.fondo_cesta {background: url(images/fondo_cesta.jpg) no-repeat top right;}
.fondo_cesta p {padding-right: 50px;}

table#cart {
	border-collapse: collapse;
	margin-bottom: 1em;
	width: 100%;
}
	
	table#cart th {
		background: url(images/bg_h2_cat.gif) repeat-x ;
		color: #fff;
		text-align: left;
		white-space: nowrap;
	}
	
	table#cart th,
	table#cart td {
		padding: 5px 10px;
	}
	
	table#cart .item_name {
		/*width: 100%;*/
	}
	
	table#cart .quantity input {
		text-align: center;
	}
	
	table#cart tr td {
		background: #fff;
	}
	
	table#cart tr.odd td {
		background: #eee;
	}
	
	.center {
		text-align: center;
	}
	
/************************************************************/
/* PAGINACION */

/*
Plugin Name:  Style Paginator
*/

div.pagination {
	padding:3px;
	margin:3px;
	text-align:center;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #fff;
	text-decoration: none; 
	color: #fff;
	background: #695406 url(images/navigation/image1.gif);
}

div.pagination a:hover, div.pagination a:active {
	border:1px solid #2b0000;
	color: #FFF;
	background: #988490 url(images/navigation/image2.gif);
}

div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #2b0000;
    font-weight: bold;
	background: #988490 url(images/navigation/image2.gif);
	color: #FFF;
}

div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #2b0000;
	color: #ccc;
}


/******* Noticias  ********************************/


.separa_foto {margin-right:5px;}




/****************************************************/


.error {color: #FF0000;}



/****************************************************/

.caja_login{
width:45%;
border:1px  dashed #FF0000;
padding:10px;
}

.caja_login form label {
width:85px;
display: block;  /* block float the labels to left column, set a width */
float: left; 
padding: 0 0px 0 0; 
margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
text-align: left;
}


/*****************************************************/

.welcome { 

color:#fff;
padding: 5px 0px 0px 8px;

}
/******************************************************/



.paso1 {background: url(images/paso1.gif) 0 0 no-repeat; height:48px; width:98px; float:left; padding-right:10px;}
.paso1_over {background: url(images/paso1.gif) 0 -50px no-repeat;  height:48px; width:98px; float:left; padding-right:10px;}

.paso2 {background: url(images/paso2.gif) 0 0 no-repeat; height:48px; width:119px; float:left; padding-right:10px; }
.paso2_over {background: url(images/paso2.gif) 0 -50px no-repeat; height:48px; width:119px; float:left; padding-right:10px;}

.paso3 {background: url(images/paso3.gif) 0 0 no-repeat; height:48px; width:127px; float:left;  }
.paso3_over {background: url(images/paso3.gif) 0 -50px no-repeat; height:48px; width:127px; float:left;}


/***************************************************************/

.caja_historico {
padding: 5px;
border: 1px solid #5E0A0D;
margin-bottom:15px;

}




.button {
cursor:pointer;


}