/* CSS Document */

/* CSS para el centrado del container */
body {
margin:0;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
background-image:url(images/fdo_degrade.jpg);
background-repeat:repeat-x;
background-position:top;
background-color:#FF9900;
}


/* CSS el container debe tener este margin y un width fijo en px */
#container {
margin:0 auto 0 auto;
text-align:left;
width:1004px;
height:768px;
background-image:url(images/fdo_chingon.jpg);
background-position:top;
background-repeat:no-repeat;
}



#top{
float:left;
width:1004px;
}

#logo{
float:left;
}

#menu{
float:right;
}

#titulos{
float:right;
width:741px;
height:25px;
margin-top:52px;
color:#CCCCCC;
padding-top:10px;
}



#contenido{
float:left;
width:1004px;
height:318px;
}

#col1{
float:left;
width:228px;
text-align:right;
padding:35px 10px 5px 0px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:11px;
}

#col1 a, #col1 a:link, #col1 a:active, #col1 a:visited, #col1 a:focus{
text-decoration:none;
color:#FF9900;
font-weight:bold;
}

#col1 a:hover{
text-decoration:none;
border-bottom:#009933 1px dotted;
color:#FF6600;
font-weight:bold;
}

#col1 p{
margin:0 0 3px 0;
}

#col2{
float:left;
width:441px;
height:308px;
text-align:left;
padding:10px 10px 0px 10px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:10px;
text-transform:uppercase;
color:#666666;
}

#col2home{
float:left;
width:441px;
height:308px;
text-align:left;
padding:10px 10px 0px 10px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
}

#col3{
float:left;
width:165px;
height:275px;
text-align:left;
margin-top:35px;
}



#pie{
float:left;
width:585px;
}

#columna_pie{
float:left;
width:585px;
height:100px;
text-align:right;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
}

#columna_pie a, #columna_pie a:link, #columna_pie a:active, #columna_pie a:visited, #columna_pie a:focus{
color:#009933;
text-decoration:none;
}

#columna_pie a:hover{
color:#FF6600;
text-decoration:none;
border-bottom:#FF6600 1px dotted;
}

#animacion_pie{
float:left;
}

#menu_pie{
float:left;
}

#nav_pie{
padding:40px 0 0 20px;
color:#000000;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:11px;
}

#nav_pie a, #nav_pie a:link, #nav_pie a:active, #nav_pie a:visited, #nav_pie a:focus{
text-decoration:none;
color:#000000;
font-weight:bold;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#nav_pie a:hover{
text-decoration:none;
border-bottom:#009933 1px dotted;
color:#FF3300;
font-weight:bold;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#animacion{
float:right;
}

.categoria{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:19px;
font-weight:800;
color:#FF6600;
}

.producto{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
color:#009933;
font-weight:800;
font-variant:small-caps;
}

.descripcion{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:13px;
color:#999999;
}

.item{
width:125px;
height:145px;
float:left;
margin:0 12px 8px 0;
}

.img{
border:#CCCCCC 1px solid;
}