@charset "utf-8";

/*----------   INDEX      --------------------

			1- LAYOUT
				1.1 Header Search
				1.2 Logo
				1.3 Art
				1.4 Menu Horizontal
				
			2- CONTAINERS
				2.1 Menu Vertical
				2.2 Content Left
				2.3 Content Right
				2.4 News
				2.5 Categorías
				2.6 Footer 
				2.7 Etiquetas
				2.8 Clases
				2.9 Login
				2.10 Rastro
				2.11 Catálogos
				2.12 Anuncios
				2.13 Representantes
				2.14 COMENTARIOS
				2.15 NIVEL 0 
				2.16 PRODUCT LIST 
				2.17 NUESTRAS MARCAS
				
				
--------------------------------------------*/

body{
	margin-top:9px;
	margin-bottom:0;
	background-color:#565c6c;
	font-family:Arial, Helvetica, sans-serif ;
	font-size:10pt;		
}

/*---------------- 1- LAYOUT --------------------------------------------------------*/

#wrap{
	margin: 0 auto;
	width:765px;
	position:relative;
}

#wrap_art{
	float:left;
	width:765px;
	position:relative;
	background-image:url(images/bg_wrap_art.gif);
	background-repeat:repeat-y;
}

/*================ 1.1 HEADER SEARCH ========================*/
#top{
	float:left;
	width:756px;
	height:37px;
	background-color:#565c6c;
	color:#FFFFFF;
	background-image:url(images/top.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	text-align:right;
	padding-right:9px;
}

			#top input{
					width:167px;
					height:17px;
					padding:0; margin:0;
				}

/*================ 1.2 LOGO =================================*/

#logo_container{
	float:left;
	width:220px;
	height:202px;
	margin-left:5px;
	padding-left:20px;
}	
			#logo_container a{
				text-decoration:none;
				color:#2281AD;
			}
			
			#logo_container a:hover{
				text-decoration:underline;
			}
			
#logo{
	float:left;
	width:183px;
	height:103px;
	margin-top:30px;
}
			
#contacto{
	float:left;
	width:183px;
	height:18px;
	margin-top:40px;
}
			
/*================ 1.3 ART ==================================*/

#art{
	float:left;
	width:508px;
	height:202px;
}

#barra{
	float:left;
	width:755px;
	height:8px;
	margin-left:5px;
	border-bottom:#8eb7d8 solid 4px;
	background-image: url(images/blue_bar.gif);
	background-repeat: no-repeat;
	background-position:left bottom;
}

/*================ 1.4 MENU HORIZONTAL ======================*/

#menu{
	float:left;
	height:26px;
	width:755px;
	margin-left:5px;
	font-size:11px;
	color: #999;
	background-color:#193441;
	background-image: url(images/rep_menu.gif);
	background-repeat:repeat-x;
}

#menu ul {
	margin: 0;
	padding:0 0 0 4px;;
	list-style-type: none;
}

#menu li {
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	margin: 0;
    padding: 6px 0 8px 0;
}

#menu a {
    margin: 0;
    padding: 6px 12px 5px 12px;
    color: #FFFFFF;
    text-decoration: none;
	font-size:13px;
	text-transform: capitalize;
}

#menu a:hover {
	background-image: url(images/hover.gif);
	background-position: top;
	background-repeat: repeat-x;
	color: #FFFFFF;
	background-color:#29406c;
}

/*---------------- 2- CONTAINERS ----------------------------------------------------*/

#content{
	float:left;
	width:760px;
	padding: 0 0 20px 5px;
	position:relative;
	background-image:url(images/bg_wrap.gif);		
	background-repeat:repeat-y;

}

/*================ 2.1 MENU VERTICAL ====================*/

#menu2 {
	float: left;
	width: 213px;
	background-color:#d4dbe3;
}

#menu2 ul {
	font-size:11px;
	list-style: none;
	margin: 0 0 5px 0;
	padding: 0;
}

#menu2 li a {

    text-decoration: none;
	background-image:url(images/arrow_menu2.gif);
	background-repeat:no-repeat;
	background-position:18px 9px;
/*	padding-left:10px;*/

}

#menu2 li a:link, #menu2 li a:visited {
	color: #000000;
	display: block;
	background-color: #d4dbe3;
	padding: 6px 0 5px 29px;
}

#menu2 li a:hover, #menu2 li #menu2, #menu2 li a:active {
	color: #000000;
    background-color:#bdcdda;
	padding: 6px 0 5px 29px;
	
}

/*================ 2.2 CONTENT LEFT =====================*/
#content_left{
	float:left;
	width:212px;
	position:relative;
}	
		#content_left input{
			width:110px;
			height:18px;
			padding:0; margin:0;
		}

/*================ 2.3 CONTENT RIGHT ====================*/


#content_right{
	float:left;
	width:512px;
	position:relative;
	padding: 17px 14px 20px 16px;
}	

			#content_right a, #content_right a:visited{
				text-decoration:none;
				color:#2281ad;				
			}
			#content_right a:hover{
				text-decoration: underline;
			}	

#content_right li {
	list-style-type: none;
	background-image: url(images/bullet.jpg);
	background-position:0pt 0.4em;  /* Distancia vertical del bullet*/
	background-repeat:no-repeat;
	padding-left:10px;
}		

#content_right hr {
	border: none 0;
	border-top: 2px solid #e3e3e3; /* crea el border */
	width:100%;
	height: 2px;
	text-align: left;				/* Para alinear en  IE */
	margin: 0 auto 0 0;	 			/* Para alinear en Mozilla */
}

/*================ 2.4 NEWS =============================*/

#news{
	float:left;
	width:189px;
	position:relative;
	padding: 14px 10px 10px 14px;
}

			#news a, #news a:visited{
				text-decoration:none;
				color:#2281ad;
				background-image: url(images/arrow.gif);
				background-position:0pt 0.4em;  /* Distancia vertical del bullet*/
				background-repeat:no-repeat;
				padding-left:8px;
						
			}
			#news a:hover{
				text-decoration: underline;
			}	
		
		
/*================ 2.5 CATEGORIAS =======================*/

#categorias{
	position:relative;
	width:505px;
	padding-top:10px;
}

#categorias a img {
	padding:4px;
	border:1px solid #fff;
	margin:10px 10px 10px 13px;
}

#categorias a:hover img {
	padding:0;
	border:5px solid #c2d9ea; 
}


/*================ 2.6 FOOTER ==========================*/

#footer{	
	float:left;
	width:756px;
	height:32px;
	background-image:url(images/footer.gif);
	background-repeat:no-repeat;
	background-color:#565c6c;
	text-align:right;
	color:#FFFFFF;
	padding-top:12px;
	padding-right:9px;

}
/*================ 2.7 ETIQUETAS =======================*/

h1, h2, h3, h4, h5, input, form { margin:0; padding:0;}

h1{ 
	font-size:16pt;
	color:#29424e;
	font-weight:normal;
}
h2{ 
	font-size:18pt;
	color:#003399;
	font-weight:normal;
	padding-bottom:10px;
}

h3 {
	font-size:11pt;
	color:#255ba5;
	font-weight: bold;
}
h4 {
	font-size:11pt;
	color:#262d33;
	font-weight: bold;
	padding: 8px 10px 10px 14px;
}

hr {
	border: none 0;
	border-top: 1px dashed #9c9c9c; /* crea el border */
	width:100%;
	height: 1px;
	text-align: left;				/* Para alinear en  IE */
	margin: 0 auto 0 0;	 			/* Para alinear en Mozilla */
}

/*================ 2.8 CLASES =======================*/

.bold{
	font-weight: bold;
}
.black_tittle{
	font-weight: bold;
	color:#333333;
	
	padding-bottom:50px;
}
.blue_tittle{
	font-weight: bold;
	color: #003399;
	padding-bottom:50px;
}

img.right_pic{
	float:right;
	margin-top:3px;
	margin-left:10px;
	margin-bottom:3px;
	padding:4px;
	border:1px solid #c9ccd1;
}
.red{
font-weight:bold;
color:#cc0000;
font-size:14px;
}

/*================ 2.9 LOGIN ========================*/

#login{
	float:left;
	width:189px;
	height:120px;
	background-color:#bdcbd4;
	padding: 17px 10px 10px 14px;
}
		
			#login a{
				text-decoration:none;
				color:#293a42;
			}
				
			#login a:hover{
				text-decoration:underline;
			}
		
			#login .textfield{
				width:114px;
				height:18px;
				float:right;
				margin-bottom:5px;
			}
			#login p{
				margin:0 0 6px 0;
			
			}
			div.linktop_space{
				width:189px;
				height:21px;
			
			}
			div.link_text{
				width:135px;
				height:18px;
				float:left;
				padding-top:3px;
			
			}
			div.error{
				width:189px;
				height:18px;
				float:left;
				
				color: #CC3300;
				margin-top:3px;
			
			}
			div.link_boton{
				width:49px;
				height:21px;
				float:right;
			
			}
			div.text_content{
				width:190px;
				height:18px;
				float:left;
				margin-bottom:10px;
			}
			div.plain_text{
				width:70px;
				height:14px;					
				float:left;
				padding-top:4px;
				}
				
			div.textfield_container{
				width:114px;
				height:18px;				
				float:right;}
				
			
			#login .input { /*----------Estilo para los botones -------------*/
				background-image: url(images/boton_bg.gif);
				background-position:left top;
				height:22px;
				width:49px; /*- para otro botón quitar esta propiedad -------*/
				font: 11px Verdana;
				color: #000;
				border: 1px solid #8faabf;
			 }
			 .input_botones { /*----------Estilo para los botones -----------*/
				background-image: url(images/boton_bg.gif);
				background-position:left top;
				height:22px;
				font: 11px Verdana;
				color: #000;
				border: 1px solid #8faabf;
			 }
			
			
/*================ 2.10 RASTRO ========================*/

#rastro{
	float:left;	
	width:542px;
	position:relative;			
}	
			#rastro a{
				text-decoration:none;
				color:#2281AD;
			}
			
			#rastro a:hover{
				text-decoration:underline;
			}
#rastro_content{
	float:left;							
	width:510px;
	position:relative;				
	font-size:12px;
	text-align:left;
	color:#344c58;
	margin-left:18px;				

}		
#controles_adm{	
	float:right;						
	width:523px;

	background-color: #E8F0EF;
	position:relative;	
					
	font-size:12px;
	text-align:right;
	color:#344c58;
	padding:3px 18px 3px 0;

	margin-bottom:3px;
}

/*================ 2.11 CATALOGOS ========================*/

#catalogos{}

#catalogos img{
	padding-top:18px;
	padding-right:10px;
	border:none;
}

#catalogos h3 {
	font-size:11pt;
	color:#255ba5;
	font-weight: bold;
	padding-top:15px;
}

#catalogos a, a:visited{
	color:#2281AD; 
	text-decoration: none
}

#catalogos a:hover{
	color:#649BC4; 
	text-decoration:underline;
}

/*================ 2.12 ANUNCIOS =======================*/

#anuncios{

	position:relative;
	width:507px;					
}

#anuncios a img {
	padding:2px;
	border:none;
}

/*================ 2.13 REPRESENTANTES ================*/

.representantes{
	float:left;
	width:509px;						
	position:relative;
	padding-bottom:15px;
	padding-top:15px;
	border-bottom: #e3e3e3 solid 2px;
	

}	

			.representantes a, #representantes a:visited{
				text-decoration:none;
				color:#2281ad;				
			}
			.representantes a:hover{
				text-decoration: underline;
			}
			.representantes img{
				float:left;
				margin-right:10px;
				border:none;
							
			}	
			.representantes:hover{
				background-color:#f3f7f7;
	
				}

	

.representantes hr {
	border: none 0;
	border-top: 2px solid #e3e3e3; /* crea el border */
	width:100%;
	height: 2px;
	text-align: left;				/* Para alinear en  IE */
	margin: 0 auto 0 0;	 			/* Para alinear en Mozilla */

}
/*================ 2.14 COMENTARIOS ================*/	
#comentarios{
	width:510px;
	position:relative;
	padding: 5px 0 8px 0;

	background-color:#fafafa;
	border-top:#dbd3d0 dotted 1px;
	border-bottom:#dbd3d0 dotted 1px;
	color:#666666;	
}

			#comentarios a {
				padding:8px 20px 8px 20px;
				
				text-decoration:none;
				color:#2281ad;
				display: inline;			
			}
			#comentarios a:hover{
				padding:8px 20px 8px 20px;
				color:#2281ad;
				text-decoration:none;
				background-color:#f2f2f2;
			}
			
/*================ 2.15 NIVEL 0 ================*/	

.articulos{
	width:507px;
	position:relative;
	border-bottom:#a0a0a0 dashed 1px;					
	padding-bottom:15px;
	padding-top:15px;
	
}	
			.articulos img{
				float:left;
				margin-right: 10px;
				border:none;
			}

.articulos .blue_tittle{
	font-size:14pt;
	font-weight: normal;
	color: #003399;
}
.articulos:hover{
	background-color:#f3f7f7;
	
}
/*================ 2.15 SHOPPING CART ================*/

.shopping{
	width:507px;
	position:relative;
	border-bottom:#a0a0a0 dashed 1px;						
	padding-bottom:15px;
	padding-top:15px;
}	

.shopping .blue_tittle{
	font-size:16px;
	font-weight:normal;
}

/*================ 2.16 PRODUCT LIST ================*/

div.prod_list{
	
	width:512px;
	position:relative;
	border-bottom:#a0a0a0 dashed 1px;
	margin-top:15px;
	padding-bottom:15px;
					

}
/*================ 2.17 NUESTRAS MARCAS ================*/

div.marcas_wrap{			
	width:470px;
	padding-left:40px;
	position:relative;
}

div.marcas_wrap ul{
	margin-left:0;
	padding-left:0;


}