/***********************************************/
/* css4adv.css                                 */
/* Para su utilizacion en sitio web V4         */
/* Instrucciones al final del documento        */
/***********************************************/

body{
	background-color:#FFF;
	font-size:12px;
	font-family:Arial, Helvetica, Verdana;
	color: #333;
	padding-left:15px; }
a:link, a:visited, a:hover {
	color: #006699;
	text-decoration: none; }
a:hover { text-decoration: underline; }
/*Formato del contenido de TODAS las paginas*/
#mainContent{
	padding:10px;
	text-align: justify;
	}
#mainNote{
	border-top:1px #eee solid;	
	padding:10px;
	font-size:11px;
	}

/*Extra Info y Recomendados sirven para indicar los menus de poca trascendencia como enlaces al pie y enlaces a version en ingles*/
.extrainfo{ font-size:10px; }
.recomendados:link, .recomendados:visited, .recomendados:hover{
	font-size:10px;
	color:#666;
	text-decoration:none;
}
.recomendados:hover{
	text-decoration:underline;
}
/*Definicion de los colores del Menu principal*/
.menu1{ background-image:url(../images/grad_azul1.png); height: 30px; width: 159px;	}
.menu1 a:hover, .menu1 a:link, .menu1 a:visited{
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	height: 30px;
	width: 159px;	
	}
.menu1:hover{
	background-image:url(../images/grad_azul2.png);
	height: 30px;
	width: 159px;	
	}	
.menu2{
	background-image:url(../images/grad_gris1.png);
	height: 30px;
	width: 160px;	
	}
.menu2 a:hover, .menu2 a:link, .menu2 a:visited{
	color:#333;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	height: 30px;
	width: 160px;	
	}
.menu2:hover{
	background-image:url(../images/grad_sust2.png);
	height: 30px;
	width: 160px;	
	}
.menu3{
	background-image:url(../images/grad_gris1.png);
	height: 30px;
	width: 159px;	
	}
.menu3 a:hover, .menu3 a:link, .menu3 a:visited{
	color:#333;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	height: 30px;
	width: 159px;	
	}
.menu3:hover{
	background-image:url(../images/grad_sust3.png);
	height: 30px;
	width: 159px;	
	}
.menu4{
	background-image:url(../images/grad_gris1.png);
	height: 30px;
	width: 160px;	
	}
.menu4 a:hover, .menu4 a:link, .menu4 a:visited{
	color:#333;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	height: 30px;
	width: 160px;	
	}
.menu4:hover{
	background-image:url(../images/grad_sust4.png);
	height: 30px;
	width: 160px;	
	}
.menu5{
	background-image:url(../images/grad_gris1.png);
	height: 30px;
	width: 159px;	
	}
.menu5 a:hover, .menu5 a:link, .menu5 a:visited{
	color:#333;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	height: 30px;
	width: 159px;	
	}
.menu5:hover{
	background-image:url(../images/grad_sust5.png);
	height: 30px;
	width: 159px;	
	}
/*Termina la definicion de los colores del Menu principal*/
/*Definicion de Submenus*/
#empresarial, #empresarial a:link, #empresarial a:hover, #empresarial a:visited{
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	}
#empresarial a:hover{ 
	color:#FFF;
	font-weight:bold;
	text-decoration:underline;
	}
#empresarial td{
	background-color:#118997;
	text-align:center;
	height:22px;
	width:25%;	
	}
#negocios, #negocios a:link, #negocios a:hover, #negocios a:visited{
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	}
#negocios a:hover{ 
	color:#FFF;
	font-weight:bold;
	text-decoration:underline;
	}
#negocios td{
	background-color:#069;
	text-align:center;
	height:22px;
	width:25%;	
	}
#sureste, #sureste a:link, #sureste a:hover, #sureste a:visited{
	color:#000;
	font-weight:bold;
	text-decoration:none;
	}
#sureste a:hover{ 
	color:#000;
	font-weight:bold;
	text-decoration:underline;
	}
#sureste td{
	background-color:#9C0;
	text-align:center;
	height:22px;
	width:25%;	
	}	

#servicios, #servicios a:link, #servicios a:hover, #servicios a:visited{
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	}
#servicios a:hover{ 
	color:#FFF;
	font-weight:bold;
	text-decoration:underline;
	}
#servicios td{
	background-color:#900;
	text-align:center;
	height:22px;	
	}
#promociones, #promociones a:link, #promociones a:hover, #promociones a:visited{
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	}
#promociones a:hover{ 
	color:#FFF;
	font-weight:bold;
	text-decoration:underline;
	}
#promociones td{
	background-color:#C60;
	text-align:center;
	height:22px;
	width:25%;	
	}
#pos, #pos a:link, #pos a:hover, #pos a:visited{
	color:#333;
	font-weight:bold;
	text-decoration:none;
	}
#pos a:hover{ 
	color:#000;
	font-weight:bold;
	text-decoration:underline;
	}
#pos td{
	background-color:#9C3;
	text-align:center;
	height:22px;
	width:25%;	
	}
#datalogic, #datalogic a:link, #datalogic a:hover, #datalogic a:visited{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	}
#datalogic a:hover{ 
	color:#fff;
	font-weight:bold;
	text-decoration:underline;
	}
#datalogic td{
	background-color:#39C;
	text-align:center;
	height:22px;
	width:25%;	
	}
#intermec, #intermec a:link, #intermec a:hover, #intermec a:visited{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	}
#intermec a:hover{ 
	color:#fff;
	font-weight:bold;
	text-decoration:underline;
	}
#intermec td{
	background-color:#289DCA;
	text-align:center;
	height:22px;
	width:25%;	
	}
#motorola, #motorola a:link, #motorola a:hover, #motorola a:visited{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	}
#motorola a:hover{ 
	color:#fff;
	font-weight:bold;
	text-decoration:underline;
	}
#motorola td{
	background-color:#000;
	text-align:center;
	height:22px;
	width:25%;	
	}
#unitech, #unitech a:link, #unitech a:hover, #unitech a:visited{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	}
#unitech a:hover{ 
	color:#fff;
	font-weight:bold;
	text-decoration:underline;
	}
#unitech td{
	background-color:#069;
	text-align:center;
	height:22px;
	width:25%;	
	}
#zebra, #zebra a:link, #zebra a:hover, #zebra a:visited{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	}
#zebra a:hover{ 
	color:#fff;
	font-weight:bold;
	text-decoration:underline;
	}
#zebra td{
	background-color:#333;
	text-align:center;
	height:22px;
	width:25%;	
	}
/*Termina definicion de Submenus*/

/*Definicion de Cajas Laterales*/
.boxes{
	border-bottom-style:solid;
	border-left-style:solid;
	border-right-style:solid;
	border-top-style:solid;
	border-color:#CCC;
	border-width:1px;
	height:100%;
	margin-bottom:7px;
	margin-top:4px;
	}
.headBox{
	color:#fff;
	font-size:11px;
	font-weight:bold;
	text-align:left;
	height:18px;
	padding-left:5px;
	}
.contBox{
	color:#333;
	text-align:justify;
	font-size:10px;
	height:18px;
	}
/*Termina definicion de Cajas Laterales*/	
/*Definicion de las listas (Menus)*/
.marcas, marcas:link{
	color:#003; list-style-image:url(../images/vin1.gif);	margin:0; padding-left:20px; padding-top:5px; text-decoration:none; }
.marcas li a:link, .marcas li a:visited{
	font-weight:bold; color:#036; list-style-image:url(../images/vin1.gif); margin:0; padding-left:0px; padding-top:-2px; text-decoration:none;
	}
.marcas li a:hover{
	font-weight:bold; color:#036; list-style-image:url(../images/vin1.gif); margin:0; padding-left:0px; padding-top:0px; text-decoration:underline;
	}
/*CODIGO PARA QUE CAMBIEN DE COLOR SIN DESAJUSTARSE*/
/*.marcas li a:hover{	font-weight:bold;	color:#9C0;	list-style-image:url(../images/vin1.gif);	margin:0;	padding-left:0px;	padding-top:0px;	text-decoration:underline;	}*/		
.productos, .productos:link{
	color:#900; list-style-image:url(../images/carrot.gif); font-size:10px; margin:0px; padding-left:20px; padding-top:0px; text-decoration:none;
	}
.productos li a:link, .productos li a:visited{
	list-style-image:url(../images/carrot.gif); font-size:10px; margin:0; padding-left:0px; padding-top:0px; color:#06C; text-decoration:none;
	}
.productos li a:hover{
	list-style-image:url(../images/carrot.gif); font-size:10px; margin:0; padding-left:0px; padding-top:0px; color:#06C; text-decoration:underline;
	}
/*Termina la definicion de las listas (Menus Laterales)*/

/*Estilos para formulario lateral derecho*/
#form {
    width:149px;
	padding:0px;
	padding-top:3px;
	font-size:11px;
    margin:auto;
    background-color:#fff;
    border:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#form ol{ list-style:none; padding-left:0px; padding-bottom:0px;}
#form ol li{ padding-left:0px; padding-bottom:0px; }
#form ol li label{ width:120px; text-align:left; color:#333; }
#form input[type=text] { border:solid 1px #CCC; background-image:url(../images/form.png); background-repeat:repeat-x; background-color:#fff; height:17px; width:125px; }
#form input.btn { padding:2px; color:#FFFFFF; background-color:#003366; border:1px solid #000000; }
/*Terminan estilos para formulario*/
	
/* Encabezados */

h1, h2, h3, h4, h5, h6 { font-family: Arial,sans-serif;	margin: 0px; padding: 0px; }
h1{ font-family: Verdana,Arial,sans-serif; font-size: 120%; color: #006699; padding-top:10px; }
h2{ font-size: 114%; color: #334d55; }
h3{ font-size: 100%; color: #334d55; }
h4{ font-size: 100%; color: #333333; }

/* Listas Generales */
ul{ list-style-type: square; }
ul ul{ list-style-type: disc; }
ul ul ul{ list-style-type: none; }
label{	font: bold 100% Arial,sans-serif; color: #334d55; }
/*Caja de Contenido aleatorio*/
.cajarandom{
	border: 1px solid #CCCCCC;
	padding: 7px;
}
/**/
/*Termina formato del contenido de TODAS las paginas*/
/**********************************************************************************************************************************************/
/* Menus Superiores                                                                                                                           */
/* El archivo includes/estilosMenu.php contiene las instrucciones para cambio de color del menu principal e invoca al submenu correspondiente */
/* Para agregar una categoria modificar las opciones if else                                                                                  */
/* Barras Laterales                                                                                                                           */
/* Los enlaces tienen rutas absolutas y las clases son .marcas y productos respectivamente                                                    */
/* Banners                                                                                                                                    */
/* El archivo includes/estilosMenu.php tiene los scripts que invocan a los archivos de precarga de imagenes y de banner para de esta forma    */
/* incluirlos en todas las hojas                                                                                                              */
/* El contenido de los banners izq y der se encuentra en el archivo includes/banners.min.js                                                   */
/**********************************************************************************************************************************************/