@charset "utf-8";
/* CSS Document */

body
{
color:#000000; 
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
margin:0;
}

#categoriasprod {
padding: 0px 10px 0px 0px;
text-align:justify;
text-transform:lowercase;
}

/*letter-spacing: 0.000em;
text-transform:lowercase;
word-spacing: -0.10em;
text-decoration: none;
line-height: 23px;
}

/*
#categoriasprod a {
white-space: nowrap;
border: 1px solid gray;
padding: 2px;
text-decoration: none;
}
*/

.titulo_destacado {
	color: #000099;
	font-size: 13px;
	font-weight: bold;
}

.titulo_articulo {
	color: #333333;
	font-size: 16px;
	font-weight: bold;
}

.marca {
	color: #000000;
	font-size: 11px;
	font-weight: bold;
}

.descripcion {color: #333333}
.modelo {font-size: 10px}
.precio {
	font-size: 10px;
	font-weight: bold;
	color: #CC0000;
	}
	
.letra_muy_chica{
font-size: 9px;
color:#666666;
}


/******* EVENTOS *******/

.mes {
	color: #fff;
	font-size: 10px;
	font-weight: bold;
}

.dia {
	color: #000;
	font-size: 12px;
	font-weight: bold;
}

.titulo_evento {
	color: #333333;
	font-size: 14px;
	font-weight: bold;
}

/******* MENU SIMPLE - ANTERIOR*******/
/*width:799;*/
/*.menu1 {padding:0 0 0 0px; margin:0px; list-style:none; width:700; height:35px; text-transform:uppercase; position:relative; border-width:0 0px; border-bottom:0px solid #444;}
.menu1 li {float:left;}*/
/*padding:0 0 0 0px;*/
/*.menu1 li a {display:block; float:left; width:100px; height:35px; line-height:35px; color:#ccc; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 0px; cursor:pointer;}
.menu1 li a b {float:left; display:block; width:110px; padding:0 16px 0 8px;}
.menu1 li.current a {color:#fff; width:110px; background:url(images/button2nuevo.gif);}
.menu1 li.current a b {background:url(images/button2nuevo.gif) no-repeat right top;}
.menu1 li a:hover {background:url(images/button2nuevo.gif);}
.menu1 li a:hover b {background:url(images/button2nuevo.gif) no-repeat right top;}
.menu1 li.current a:hover {color:#fff; background:#fff url(images/button2nuevo.gif); cursor:default;}
.menu1 li.current a:hover b {background:url(images/button2nuevo.gif) no-repeat right top;}*/

/******* MENU CON DESPLEGABLE - NUEVO *******/
/*ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#fff; text-align:center; text-decoration:none}
ul.menu li {position:relative; float:left; margin-right:2px}
ul.menu ul {position:absolute; top:26px; left:0; background:#d1d1d1; display:none; opacity:0; list-style:none}*/
/*ul.menu ul {position:absolute; top:26px; left:0; background:#d1d1d1; display:none; opacity:0; list-style:none}*/
/*ul.menu ul li {position:relative; border:1px solid #fff; border-top:none; width:148px; margin:0}*/
/*ul.menu ul li {position:relative; border:1px solid #fff; border-top:none; width:148px; margin:0}*/
/*ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#d1d1d1}
ul.menu ul li a:hover {background-color:#c5c5c5}
ul.menu ul ul {left:148px; top:-1px}
ul.menu .menulink {border:1px solid #fff; padding:5px 7px 7px; font-weight:bold; background:url(images/enreposo.gif); width:134px}*/
/*ul.menu .menulink {border:1px solid #aaa; padding:5px 7px 7px; font-weight:bold; background:url(images/enreposo.gif); width:134px}*/
/*ul.menu .menulink:hover, ul.menu .menuhover {background:url(images/cursorsobre.gif)}
ul.menu .sub {background:#d1d1d1 url(images/arrow.gif) 136px 8px no-repeat}
ul.menu .topline {border-top:1px solid #aaa}*/

ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
/* COLOR DE TEXTO DE MENU */
ul.menu a {display:block; color:#fff; font-family:arial, verdana, sans-serif; text-align:center; text-decoration:none}
ul.menu li {position:relative; float:left; margin-right:2px}
/* LINEAS SEPARADORAS DE BOTON */
ul.menu ul {position:absolute; top:26px; left:0; background:#4a4a4a; display:none; opacity:0; list-style:none}

ul.menu ul li {position:relative; border:1px solid #aaa; width:148px; margin:0}
/*ul.menu ul li {position:relative; border:1px solid #aaa; border-top:none; width:148px; margin:0}*/

/* FONDO CURSOR SOBRE BOTON DE SUBMENU */
ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#4a4a4a}
/* FONDO ESTATICO DE BOTON DE SUBMENU */
ul.menu ul li a:hover {background-color:#414141}
ul.menu ul ul {left:148px; top:-1px}
ul.menu .menulink {border-bottom:1px solid #414141; padding:5px 7px 7px; font-weight:bold; background:url(images/enreposo.gif); width:134px}
ul.menu .menulink:hover, ul.menu .menuhover {background:url(images/cursorsobre.gif)}
/* FONDO CURSOR SOBRE BOTON DE BOTON DE SUBMENU - Los que tienen la flechita*/
ul.menu .sub {background:#4a4a4a url(images/arrow1.gif) 136px 8px no-repeat}
ul.menu .topline {border-top:1px solid #aaa}
ul.menu .subpr {border-top:1px solid #aaa; background:#4a4a4a url(images/arrow1.gif) 136px 8px no-repeat}

/******* SLIDER *******/ 
#slider {
    width: 960px; /* important to be same as image width */
    height: 300px; /* important to be same as image height */
    position:relative; /* important */
	overflow: hidden; /* important */
	top:0px;
}

#sliderContent {
    width: 960px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}

#sliderContent img {
 border:none;
}

.sliderImage {
    float: left;
    position:absolute;
	left:-0px;
	top:-10px;
	display: none;
}

.sliderImage span {
display:none;
    position: absolute;
	font: 12px Arial, Helvetica, sans-serif;
    padding: 0px 0px;
    width: 960px;
    background-color: #000;
    filter: alpha(opacity=90);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}

.clear {
	clear: both;
}

.sliderImage span strong {
    font-size: 14px;
	display:none;
}


.top {
	top: 0;
	left: 0;
}

.bottom {
display:none;
	bottom: 0;
    left: 0;
}

ul { list-style-type: none;}

/******* INDEX *******/

#container {
margin:0px;
}

#top {
padding:0px;
background-image:url(images/back_top.jpg);
background:#F7F7F7;

}

#menu {
text-transform:uppercase;
}

#cont{
margin:0px;
padding:0px;
}

#categorias {
padding:10px;
margin:0px;
float:left;
width:150px;
background:#E9E2DC;
}

#main {
/*width:810px;*/
width:960px;
margin:0px;
padding:10px;
}

#footer {
float:left;
padding:10px;
}

a:link {
text-decoration: none;
}