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

#all { margin:0 auto; width:862px; overflow:auto; height:auto; background:url(../img/fondo.jpg) no-repeat bottom left #FFFFFF;}
#banner { width:862px; background:url(../img/banner.jpg) no-repeat; height:176px;}
	.cabecera{width: 215px; height: 176px; float: left; cursor: hand;}
	.flash{width: 624px; height: 149px; float: left; padding-top: 12px;}
#cuerpo { width:862px; overflow:auto; height:auto;}
#abajo{ width:862px; overflow:auto; height:auto; background:url(../img/izq_r.jpg) repeat-y top left;}
#izq { width:862px; overflow:auto; height:auto; background:url(../img/izq_a.jpg) bottom left no-repeat;}
#der { width:862px; overflow:auto; height:auto; background:url(../img/der.jpg) repeat-y top right;}
#menu_izq { width:210px; float:left; min-height:300px; overflow:auto; background:url(../img/menu.jpg) no-repeat; padding:0; margin:0; padding-bottom:80px;}
#contenido { width:472px; float:left; overflow:hidden; height:auto; margin:0; padding:0;}
#c_arriba { width:472px; height:34px; background:url(../img/c_arriba.jpg) no-repeat;}
#c_medio { width:472px; min-height:327px; overflow:auto; background:url(../img/c_centro.jpg) repeat-y top;}
#c_abajo { width:472px; height:16px; background:url(../img/c_abajo.jpg) no-repeat}
#lateral { width:180px; float:right; height:auto; overflow:auto; margin:0; padding:0;}
#l_arriba { width:180px; height:75px; background:url(../img/l_arriba.jpg) right no-repeat;}
#l_centro { width:180px; height:250px;}
#l_c_c { width:160px; height:250px; overflow:hidden; float:left;}
#l_c_d { width:20px; height:250px; background:url(../img/l_c_d.jpg) right no-repeat; float:left;}
#footer { width:862px; height:48px; background:url(../img/footer.jpg) no-repeat;}
#ruta .ruta { text-align:right; padding-right:5px;}
#ruta .ruta a { color:#999999; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; font-weight:bold; line-height:30px;}
#Entro .titulo { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-align:left; padding-right:5px; padding-left:10px; color:#333333; padding-bottom:15px;}
#Entro .content { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-align:left; padding-right:5px; padding-left:10px;}
.pie{width:100%; height:auto; color: #ffffff; text-align: center; font-size: 10px; background: #cb3405;}
.pie a, .pie a:hover{ color: #ffffff; text-align: center; font-size: 10px;}
/* ---------------------------------- CATALOGO ------------------------------------------*/
#contenido_margen{ width: 100px; height:227px; float:left;background:url(../img/menu.jpg) repeat-y;} 
#contenido_catalogo { width:740px; float:left;background:#a2c1e0; overflow:hidden; height:auto; color: #000000;}
#c_arriba_catalogo { width:740px; height:34px;}
#c_medio_catalogo { width:740px;  min-height:327px; color: #000000;}
#c_abajo_catalogo { width:652px; height:16px;}
#ruta_catalogo .ruta_catalogo { text-align:right; padding-right:25px;}
#ruta_catalogo .ruta_catalogo a { color:#999999; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; font-weight:bold; line-height:30px;}
#Entro_catalogo .titulo_catalogo { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-align:left; padding-right:30px; padding-left:10px; color:#333333; padding-bottom:15px;}
#Entro_catalogo .content_catalogo { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-align:left; padding-right:30px; padding-left:10px; color: black;}
#contenido_menu{width: 100%; float: right; height: 25px; background: #000000;}
#contador{float: right; margin: 13px 19px 0px 0px;width: 170px; height:auto;}
/* ---------------------------------- MENU IZQUIERDA -----------------------------------------*/
#menu { width:170px;}
#menu_izq ul {margin: 0; padding: 25px 0px 0px 20px; list-style-type: none; width:170px; }
#menu_izq ul li a, #menu_izq ul li a:visited {display: block;  color: #FFFFFF; width: 150px; height:22px; margin: 0; padding: 0px 0px 0px 25px; font-size: 12px; background:url(../img/li_.jpg) 10px 5px no-repeat; line-height:20px;}
#menu_izq ul li a:hover {color: #cb3405; text-decoration: none; background:url(../img/lia.jpg) 10px 5px no-repeat; font-size:12px; font-weight:bold;}
#menu_izq ul li { padding: 0px 0px 0px 0px; background:url(../img/li.jpg) 0px 0px no-repeat;}
#menu_izq ul li ul { padding: 0px 0px 0px 0px;}
#menu_izq ul li ul li { padding: 0px 0px 0px 5px; }
#menu_izq ul li ul li a,#menu_izq li li a:visited {display: block; color: #FFFFFF; width: 150px; height:22px; margin: 0; padding: 0px 0px 0px 20px; text-decoration: none;  
 font-size: 10px; background:url(../img/li_2.jpg) 10px 5px no-repeat;}
#menu_izq ul li ul li a:hover {color: #cb3405; text-decoration: none; font-weight: bold; font-size:10px;  background:url(../img/li_2a.jpg) 10px 5px no-repeat; } 
#menu_izq ul li ul li ul { padding: 0px 0px 0px 0px;}
#menu_izq ul li ul li ul li { padding: 0px 0px 0px 0px; }
#menu_izq ul li ul li ul li a,#menu_izq li li li a:visited {display: block; color: #cb3405; width: 150px; height:22px; margin: 0; padding: 0px 0px 0px 20px; text-decoration: none;
 font-size: 10px; background:url(../img/li_2a.jpg) 10px 5px no-repeat;}
#menu_izq ul li ul li ul li a:hover {color: #FFFFFF; text-decoration: none; font-weight: bold; font-size:10px;  background:url(../img/li_2.jpg) 10px 5px no-repeat; }

/* ----------------------------------- MENU CATALOGO --------------------------------------------*/
#menu_tienda { width:170px;}
#menu_tienda ul {margin: 0; padding: 0px 0px 0px 20px; list-style-type: none; width:170px; }
#menu_tienda ul li a, #menu_tienda ul li a:visited {display: block;  color: #FFFFFF; width: 150px; height:22px; margin: 0; padding: 0px 0px 0px 25px; font-size: 12px; background:url(../img/li_2.jpg) 15px 5px no-repeat; line-height:20px;}
#menu_tienda ul li a:hover {color: #cb3405; text-decoration: none; background:url(../img/li_2a.jpg) 15px 5px no-repeat; font-size:12px; font-weight:bold;}
#menu_tienda ul li { padding: 0px 0px 0px 0px; background:url(../img/li.jpg) 0px 0px no-repeat;}
#menu_tienda ul li ul { padding: 0px 0px 0px 0px;}
#menu_tienda ul li ul li { padding: 0px 0px 0px 10px; }
#menu_tienda ul li ul li a,#menu_tienda li li a:visited {display: block; color: #FFFFFF; width: 150px; height:22px; margin: 0; padding: 0px 0px 0px 20px; text-decoration: none;  
 font-size: 10px; background:url(../img/li_2a.jpg) 10px 5px no-repeat;}
#menu_tienda ul li ul li a:hover {color: #cb3405; text-decoration: none; font-weight: bold; font-size:10px;  background:url(../img/li_2.jpg) 10px 5px no-repeat; } 

/* -------------------------------------- INTRANET ----------------------------------------*/

#menu_izq .contenedor_login {background: url(../img/acceso.jpg) 20px 0 no-repeat; vertical-align: top; text-align:left; height: 150px; width:170px; border:none; padding-left:25px;}
.acceso_titulo { text-align: left; vertical-align: middle; padding: 5px; font-weight: bold; color: #FFFFFF;font-size: 12px; border-bottom: 2px dotted #FFFFFF;}
.acceso_usuario, .acceso_contrasena, .acceso_username, .acceso_password { text-align: left; vertical-align: middle; padding: 3px;}

/* ----------------------------------------- INDEX CATALOGO -------------------------------*/
#categorias_index { width:500px; padding-left:30px;}
.nombre_categoria { height:30px; border-bottom:double 1px #000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#000000; font-weight:bold; text-align:center;}
.nombre_categoria a { line-height:30px; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; text-align:center;}
.descripcion_catalogo { line-height:20px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; border-bottom:dotted 2px #000000; color:#cb3405;}

/* ----------------------------------------- BANNER ------------------------------------------*/
#banner a { list-style:none; border:none;}
#banner a img { list-style:none; border:none; padding-left:14px;}