/* CSS Document */

/* ------------------ ESTILOS GENERALES ------------------ */
body {
	text-align:center; background-image:url(../img/top_barcode.jpg); 
	background-repeat:repeat-x; background-color:#fff;
	margin:0px; font-family: Arial; font-weight:normal; font-size:12px;
}
	   
img {border:0;}

table, td { /*vertical-align:top; */} 
p {margin:5px 0 15px 0; padding:0;}  

/* ------------------LOGIN y CONTACTO -----------------------------------*/
#up_login_contact {
	width:350px;
	float:right;
	height:35px;
	position:relative;
	top:-8px;
	background-color:transparent;
	color:#ccc;
	vertical-align:middle;
	padding: 3px 5px 0px 5px;
	background-image: url(../img/top_black.jpg);
	background-repeat: no-repeat;
	text-align: center;
}

#up_login_contact  a:link { color:#c5eafe; text-decoration:none;}
#up_login_contact  a:hover { color:#fff; text-decoration:underline;}
#up_login_contact  a:visited { color:#c5eafe; text-decoration:none;}
/*#up_login_contact  a:active { color:#60c0f3; text-decoration:underline;}*/

.buscador { width:360px; height:40px; background-image:url(../img/bg_search.gif); background-repeat:no-repeat;
	        float:right; display:inline; }
			
			
.search_input {width:315px; float:left; height:30px; margin:5px; background-color:#fff; text-align:left; font-size:16px; border:0; padding:1px; }		


.colororange { color:#fff1bb;}

/* ------------------ ENVOLTURA GENERAL ------------------ */

#contenedor_principal {
	width:960px;
	margin:0px auto;
	text-align:left; 
	min-height:450px; 
	
}

/* ------------------ LOGO  ---- */
#logo {
	 float:left;
	 left:0px; height:91px;
     width:100%;  
	 }
	 
#logo_top { width:397px; height:91px; float:left; display:block; margin-top:0px;}
#logo_top h1{margin:0;padding:0;}
#img_contacto {
background:url("../images/bg_top.png") no-repeat scroll right top transparent;
display:inline;
float:right;
height:91px;
margin-top:0;
width:450px;
}
.header-phone  {
	color:#B8DAF5;
float:right;
font-size:15px;
padding-top:5px;
}
#menuTop{
	color:#B8DAF5;
margin:65px 0 0;
padding-right:10px;
text-align:right;
}
#menuTop a:link { color:#b8daf5; text-decoration:none;  } 
#menuTop a:visited { color:#b8daf5; text-decoration:none; }
#menuTop a:hover { color:#b8daf5;   text-decoration:underline; } 

/* ------------------ Banner al lado del logo ---- */
#top_banners {
	float:right;
	left:0px;
	background-image:url(../img/top_ban.jpg);
	margin:0px 0 0px 0;
	width: 735px;
	height:142px;
	display:block;
}

#banner_content{
	margin:10px 0 0 0;
}

/* ------------------ Banner al lado del logo ---- */
#navigation_bar {
	position:relative; float:right;
	left:0px;
	clear:both;
	margin:0px 0 0px 0;
	width: 960px; height:57px;  background-image:url(../img/black_bar.jpg); background-repeat:no-repeat;
}


#banner_primario  { width:960px; height:279px; display:block; clear:both; }

#contenido  { margin-top:15px;width:960px; min-height:600px; background-repeat:no-repeat; background-image:url(../img/bg_contenido.jpg); background-position:top;  background-color:#FFFFFF;
              clear:both; display:block; }
			  
			  
#mainbanner { 
background-color:transparent;
background-image:url("../img/round_bg_3.png");
float:right;
height:222px;
margin-bottom:10px;
margin-right:7px;
width:711px;
}
#mid_topban { background-image:url(../img/round_bg_3.png);  height:129px; width:711px; background-color:transparent; margin:0 0 3px 10px; }

.ban_description { width:500px; min-height:200px; float:left; background-color:#fff;}
.ban_right_image { float:right; margin:25px 15px 0 0; }
#mainganner_text_block { width:500px; background-color:#006600;}
#mainbanner h2 { position:relative; top:5px; font-size:30px; color:#000000; 
                   margin:0; padding:20px 0px 10px 25px; 
				   font-weight:normal; letter-spacing:-2px; /*text-decoration: underline;*/  } 
				   
#mainbanner p { padding:0px 5px 0 28px; font-size:14px; color:#656565; text-align:justify;}
.bloque_ban {
	background-color:#ffffd8;
	border:1px solid #FC6;
	padding:15px 10px 15px 55px;
	margin:18px 0 0 28px;
	display:block;
	width:81%;
	background-image: url(../img/advanced.png);
	background-repeat: no-repeat;
	background-position: 10px center;
}
.bloque_ban_blue { background-color:#F0F9FF; border:0px solid #09F; padding:15px; margin:5px 0 0 25px;  display:block;}
 

/*------ LEFT COLUMN / Columna Izquierda ------------------------------------------------------------------------------------*/

#columna_iz {
	width: 214px; float: left;
	/*background-color:#fff;*/
    margin: 0px 0px 0 10px; 
    padding:0;
	border: 0px solid #CCCCCC;
	background:#ffffff url(../img/bg_columna_izquierda.jpg) no-repeat;
}

			  
#columna_iz_enc { background:transparent url(../img/enc_fabricantes.png);  background-repeat:no-repeat;
                   background-position:top center; 
				   width:214px; height:46px;
				   padding:0;
			   }
			   
#columna_iz_enc  h4 {font-size:1.2em;
font-weight:normal;
margin:0;
padding:11px 0 0 20px;
position:relative;} 

			  
/* LEFT COLUMN LIST STYLE MENU / Estilo del Menu Izquierdo en Lista */ 

#columna_iz ul { /*margin:0px 0 0 20px; padding:0px 0px 10px 10px;   */} 

#columna_iz_links li { 
               font-size:12px;
			   list-style-type:none;
			   background-image:url(../img/bulletbg_trans.gif); background-position:-17px 3px; background-repeat:no-repeat;
			   height:20px; padding:1px 0px 2px 3px; margin:0px; color:#000;
				}

#columna_iz_links li a:link, a:visited 
             { 
               list-style-image:url(../img/bullet_black.jpg);
               /*color:#000; */
			   text-decoration:none; border:0px;
			  /* padding: 0px 0px 0px 10px;  */
			   font-weight:normal;
		      }
			  

#columna_iz_links li a:hover {	list-style-image:url(../img/bullet_black.jpg);			 
								color:#226dc0;   text-decoration:underline;
								padding: 0px 0px 0px 10px; }



/*----------- RIGHT COLUMN / Columna Derecha ---------------------------------------------------------------------------------*/

#columna_der {	border:1px none;
clear:right;
float:right;
left:0;
margin-right:6px;
margin-top:0px;
min-height:350px;
padding:0;
width:720px;
			}
			
#columna_der_enc {  background-image:url(../img/enc_contenido_2.jpg);
                   background-position:top center; 
				   width:714px; height:46px;
				   padding:0;
				   
			   }
			
#columna_der_enc h4 {height:45px; padding:11px 0 0 20px; position:relative; font-size:1.2em; font-weight:normal;width:300px; display:inline-block;} 

.left { float:left;}
.rigth { float:right;}


#pie_pagina { background-image:url(../img/footer.jpg); background-repeat:no-repeat; height:184px; clear:both;}

#pp_iz { width:214px; min-height:150px; float:left; padding:18px 0 0 0;}

#pp_der { width:720px;  min-height:150px; float:right; padding:18px 0 0 0;   }


/**************************************** PARA LOS COLORES ***********************************************************************/
.greyColor{
	color:#a8a6a7;
}
.orange{color:#B8DAF5;}
.blue{color:#B8DAF5;}
.white_text{color:#ffffff;}
.black_text{color:#000000;}
.estiloAzul_encabezados  {
	color:#093F89;
	font-size:14px;
	font-weight:bold;
}
.otheBlue{color:#093F89;}