body{
	background-color: #CCCCCC;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-family:verdana;
}

ul{
	padding: 0px;
	margin: 0px;
	list-style: none;
}

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

a img{
	border: 0px;
}

#page{
	width: 800px;
	margin: auto;
}

.clean{
	clear: both;
	height: 5px;
	width: 100%;
}


/*** MENU RAPIDO ***/

#content_menu_rapido{
	background: url(img/fondo1.png);
	width: 100%;
	height: 34px;
}

ul#menu_rapido{
	width: 100%;
	height: 34px;
	/*margin-left: 166px;*/
}

ul#menu_rapido li{
	height: 34px;
	line-height: 34px;
	float: left;
	text-align: left;
	width: 100px;
}

/*** MENU CATEGORIAS ***/
ul#menu_categorias{
	width: 166px;
	background-color: #BFDAA9;
	float: left;
	margin-bottom: 10px;
}

ul#menu_categorias li{
	background:transparent url(img/flecha.png) no-repeat scroll 0 8px;
	margin-left: 23px;
	height: 21px;
	line-height: 20px;
	border: 0px;
	border-bottom: 1px solid #829573;
	color: #327600;
	text-indent:6px;
	overflow: hidden;
}

ul#menu_categorias li a{
	color: #327600;
	
}

ul#menu_categorias li.encabezado{
	background:transparent url(img/titulo1.png) repeat scroll 0 0;
	height: 29px;
	margin: 0px;
}

ul#menu_categorias li.titulo{
	height: 29px;
	margin: 0px;
}

ul#menu_categorias li.tit1{
	background:transparent url(img/titulo1.png) repeat scroll 0 0;
	
}
ul#menu_categorias li.tit2{
	background:transparent url(img/titulo2.png) repeat scroll 0 0;
}

ul#menu_categorias li span{ display: none; }



/*** BANNER ***/
div#banner{
	width: 100%;
	height: 135px;
	background:transparent url(img/fondo2.png) repeat scroll 0 0;
}

div#logo{
	background:transparent url(img/logogrande.png) repeat scroll 0 0;
	height:151px;
	margin-left:20px;
	position:absolute;
	margin-top: -30px;
	width:214px;
}

div#nombre{
	background:transparent url(img/nombre.png) repeat scroll 0 0;
	height:73px;
	margin-left:350px;
	margin-top:15px;
	position:absolute;
	width:416px;
}


/*** CUERPO ***/
div#cuerpo{
	margin: 0;
	width: 100%;
	background: #BFDAA9;
}


/*** PIE ***/
div#pie{
	clear:both;
	width: 100%;
	/*height: 28px;*/
	line-height: 28px;
	background: #809e67;
	border: 0px;
	border-top: 1px solid #529b17;
	/*text-indent:166px;*/
	
	text-align:center;
}


/*** PUBLICIDADES ***/
div#publicidades{
	width: 206px;
	float: left;
}

div#publicidades img{
	margin-left: 3px;
	margin-top: 3px;
}



/***
 * PRODUCTOS
 ***/


/*** GENERAL ***/
ul#productos{
	width: 408px;
	float: left;
	margin-bottom: 10px;
}



ul#productos li.encabezado{
	background: #d5e7c7;
	height: 26px;
	width: 100%;
	border: 0px;
	border-bottom: 1px solid #7ea364;
	padding-top: 5px;
}

ul#productos li.encabezado a{
	background: #d5e7c7;
}

ul#productos > li{
	/*height: 94px;*/
	background-color: #FFFFFF;
	border: 0px;
	border-top: 3px solid #a3b792;
	border-bottom: 5px solid #d9e2d1;
	padding-top: 5px;
}

ul#productos li a{
	color: #000000;
}

ul#productos li p{
	margin: 0px;
	width: 95%;
}

ul#productos h1.titulo{
	color: #ff7400;
	margin-left: 5px;
	font-size: 16px;
	margin: 0px;
	padding: 0px;
}


ul#productos h1.titulo a, div.precio a{
	color: #ff7400;
}

ul#productos .thumb{
	float:left;
	height:87px;
	margin-left:9px;
	width:87px;
}

ul#productos .error{
	color: #FF5555;
	font-size: 16px;
	text-align: center;
	padding: 5px;
}

/*ul#productos .data *, ul#productos .data h1{
	margin-left: 14px;
}*/

ul#productos .data{
	padding-left: 14px;
}


ul#productos .botones{
	float:left;
	width:69px;
}

ul#productos .marco{
	background:transparent url(img/marco.png) no-repeat scroll 0 0;
	width: 87px;
	height: 87px;
	
	margin-left:-87px;
	position:relative;
	float:left;
	
}

ul#productos .marco .nostock{
	background-color: rgb(204, 204, 204); 
	height: 100%; 
	opacity: 0.7;
	filter: alpha(opacity=70);
}

ul#productos .precio{
	float: right;
	color: #ff7400;
	font-size: 20px;
	font-weight: bold;
}


/*** PRODUCTOS LISTA ***/

ul#productos.lista .data{
	float:left;
	margin-left:9px;
	width:216px;
	background:transparent url(img/circulo1.gif) no-repeat scroll 0 4px;
}



/*** PRODUCTOS DETALLE ***/
ul#productos.detalle .data{
	float:left;
	margin-left:9px;
	width:370px;
	background:transparent url(img/circulo1.gif) no-repeat scroll 0 4px;
}

ul#productos.detalle .data{
	color: #ff7400;
	font-weight: bold;
}

ul#productos.detalle .data p{
	margin-top: 10px;
}

ul#productos.detalle .btn_marca{
	height : 60px;
	width : 100px;
	float: right;
	margin-top: 10px;
}


/*** MARCAS ***/
.btn_marca{
	height : 60px;
	width : 100%;
}
/*
.marca1{
	background:transparent url(img/marca1.png) no-repeat scroll 0 0;
}

.marca2{
	background:transparent url(img/marca2.png) no-repeat scroll 0 0;
}

.marca3{
	background:transparent url(img/marca3.png) no-repeat scroll 0 0;
}
*/

/*** LISTA THUMBS ***/
div.marco_big{
	background:transparent url(img/marco2.png) no-repeat scroll 0 0;
	width: 332px;
	height: 156px;
	margin-top: -156px;
	
	position:relative;
	float:left;
}

div.thumb_big{
	width: 332px;
	height: 156px;
}

ul.lista_mini_thumbs li.thumb_big{
	float: none;
	height:156px;
	margin-bottom:10px;
	width:332px;
}



ul.lista_mini_thumbs{
	width: 100%;
	padding: 0px;
	margin: 0px;
	list-style: 0px;
	margin-top: 10px;
}

ul.lista_mini_thumbs li{
	width: 41px;
	height: 39px;
	float: left;
	margin-right: 10px;
	background-position:50% 50%;
}

ul.lista_mini_thumbs li .marco_mini{
	background:transparent url(img/marco3.png) no-repeat scroll 0 0;
	width: 41px;
	height: 39px;
}


/*** PAGINADOR ***/
#paginador{
	width: 408px;
	background-color: transparent;
	height: 60px;
	margin:10px 0 0;
	padding: 0px;
	text-align: center;
}

#paginador .anterior{
	width: 103px;
	height: 60px;
	background:transparent url(img/neko_anterior.png) no-repeat scroll 0 0;
}

#paginador .sig, #paginador .ant{
	width: 103px;
	height: 60px;
	background:none;
	cursor: pointer;
	font-size: 0px;
}

#paginador li{
	float: left;
	width: 40px;
	height: 60px;
	font-family:cursive;
	font-size:16px;
	font-weight:bold;
	line-height:60px;
	text-align:center;
	background:transparent url(img/marquita_off.png) no-repeat scroll center center;
}


#paginador .pagina_sel{
	background:transparent url(img/marquita_on.png) no-repeat scroll center center;
}


#paginador .sig{
	background:transparent url(img/neko_siguiente.png) no-repeat scroll center center;
}

#paginador .ant{
	background:transparent url(img/neko_anterior.png) no-repeat scroll center center;
}


/*** BOOKMARKING ***/
ul.share li{
	float: right;
	width: 32px;
	height: 32px;
	background: transparent url(img/logos_32.png) no-repeat scroll 0 0	;
	cursor: pointer;
}
ul.share li a{
	display: none;
}

ul.share li.delicious{
	background: transparent url(img/logos_32.png) no-repeat scroll 0 -40px;
}
ul.share li.stumbleupon{
	background: transparent url(img/logos_32.png) no-repeat scroll 0 -80px;
}
