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

body { background-color:#fff; background-image: url(../img/gen_bg.gif);  
       background-repeat:repeat-x; background-position: center top; background-repeat:repeat-x;
       font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; text-align:justify;  }
	   
td { vertical-align:top;}
img {border:0px;}

a { text-decoration:none; color: #1A489F;}
  
/* #container has an absolute width (780 pixel)
The width of inner elements is set to auto,
in this way all inner elements have the same
width of the element which contains them  */


/*---- Estilo de Contenedor ------*/

.EncabezadosContenido { font-family: Times New Roman; font-size: 22px;  color:#BB1219; font-style: italic; font-weight: bold;     
    margin-top: -4px; background-image:url(../img/gb_enc_princ.gif); background-repeat:no-repeat; background-position: left bottom; height:33px;}
.EncabezadosSec { font-family: Arial; font-size: 16px;  color: #595959; font-weight:bold;}
#container { width: 765px; margin:0 auto; background-image: url(../img/pie_pag.gif);
		     background-repeat: repeat-x; background-position: center bottom; 
			 margin-top: 0px; }
			 
#containerBG { background-image: url(../img/pie_pag.gif);
		     background-repeat: repeat-x; background-position: center bottom; 
			 margin-top: 0px; }

#topbar{ width:auto; display:block; height:63px; margin: 0 3px 0 3px; }

		
/*---- Estilos de la barra horizontal ------*/
 
				   
#navbar ul li a:link, #navbar ul li a:visited {
color: #FFFFCC;
text-decoration: none; }


#navbar ul li a:hover, #navbar ul li a:active {
color: #fff; 
   text-decoration: underline }
		

/*---- CAPA Central / Contenedora ------*/
#main{ width:auto; display:block; background-color: #FFF; 
       margin: 0 3px 0 3px;  background-position: 212px 0px;  _background-position: 212px 0px;
              background-image: url(../img/vert_dots.gif); background-repeat: repeat-y; }
	   
 
/*---- Estilos para la Columna Izquierda ------*/	   
#column_left{ width:215px; margin: 3px 0px 0px 0px;  float:left;  
			  background-position: right -2px; height: 100%; background: none;}
			  
.menu_encabezados {  font-size: 1em; color: #124270;  
           background-image:url(../img/iz_menu_encbg.gif); 
		   background-position: left 19px; background-repeat: no-repeat;
		   height: 32px; display:block;
		   padding-left: 5px;  }
		   
	.menu_izquierdo { margin-bottom: 15px;}	   
    .menu_izquierdo ul {  margin: 0px 0px 0px -30px;
                         *margin: 0px 0px 0px 10px;
						 _margin: 0px 0px 0px 5px;}
						 
    .menu_izquierdo li { padding-left: 0px; display: list-item; list-style:none;   font-size: 11px;; line-height: 14px; }
    .menu_izquierdo li a:link, .menu_izquierdo li a:visited { color: #000; text-decoration: none;
	padding-left: 15px;
	                     background-image: url(../img/menu_li_bw.gif); background-repeat: no-repeat;
						 background-position: left 3px; *background-position: left 2px;  _background-position: left;
						   }
    .menu_izquierdo li a:hover, .menu_izquierdo li a:active { color: #0066cc; text-decoration: underline;
	 background-image: url(../img/menu_li_gre.gif); background-position: leftpx 3px;
	 background-repeat: no-repeat; }




/*---- Estilos para la Columna Derecha ------*/
#column_right{ width:544px; margin: 3px 0px 0px 0px; float:left; background-color: #FF0000; }

#column_right_banners { width: 681px; height: 252px; margin: 0px; border-bottom: 4px solid #a7cce7; padding-bottom: 1px; 
                          }
						
#column_right_search  { width: 305px; height: 30px; position: relative; 
                        left: 50%; top: -30px; *top: -33px;  
						background-color:#d7ebf6; text-align: right; padding: 0 6px 0 4px;  
						}
						
.column_right_inputs { border: 1px solid #7d9cb8; font-size: .7em; padding: 2px; color:#999999; }
.img_right { float:right; margin: 10px; border-bottom: 4px solid #eaeaea; padding: 10px;}
.bloque_menu { width: 130px; border: 2px solid #eaeaea; float: right; padding: 10px; margin: 10px; display:block;}
/*
div.spacer, solve an issue with #container height
in css 2 column layout.
*/

#spacer {clear: both; display:block; height: 1px;}

#footer{ width:auto; display:block; height:44px;
         background-image: url(../img/pie_pag.gif); background-repeat:repeat-x;
		 line-height: 39px; font-size: 11px; text-align: center; }

 
 #contenido_producto { width: 681px; height: 252px; margin: 0px; border-bottom: 4px solid #a7cce7; padding-bottom: 1px; 
                       background-image: url(../img/fondo_product_content.gif); background-repeat:repeat-x; }
 .logo_flotante { }
 .contenedor_imagen { }
 #barra_mapa_navegacion { width: 681px; height: 65px; background-color: #009900; background-image:url(../img/fondo_barra_mapa.gif);
                          background-position: left 0px;}
 #bloque_datos_tecnicos { }