/* --------------------- Tipos [Diseño General] --------------------- */	

p {margin:0 0 0 0;
   font-family:"Century Gothic", Verdana, sans-serif;
   font-size:13px;
   line-height:1.5em;}


form {margin:0 0 0 0;}


h1 {font-family:"Century Gothic", Verdana, sans-serif;
	font-size:0.9em;
	color:#1a171b;}
	
.color {color:#cec0a8;}
	




/* --------------------- Base [Diseño General] --------------------- */											

body 				   {background-image:url(../imagenes/fondo_body.gif);
						background-repeat:no-repeat;
						background-color:#081d49;}															


div#contenedor_general {width:1024px;
						margin:auto;}
						
						
   div#banner_principal		{width:1024px;
  							 height:150px;
   						  	 background-image:url(../imagenes/banner.jpg);
						   	 margin:auto;}
							 
							 
   div#flash            	{width:1022px;
  							 height:150px;
   						  	 background-color:#FFF;
						   	 margin:auto;
							 padding:0 0 0 0;}

		
	#menu {width:1024px;
		   height:50px;
		   background-color:#081d4a;}	
	
	
	/* ---------- Contenido de menu --------- */
	
	#menu, #menu ul {padding: 0 0 0 0;
					 margin: 0 0 0 0;
					 list-style: none;}
	
	
	#menu li {width:172px;
			  float: left;
			  padding: 0 0 0 0;
			  margin: 0 0 0 1px;
			  position: relative;}
	
	
	.mainitems {height:50px;
			    background-image:url(../imagenes/fondo_botones.jpg);
				background-repeat:no-repeat;
				text-align:center;
				line-height:50px;}
	
	
	.mainitems a{font-size:0.9em;
				 font-family:"Century Gothic", Arial, sans-serif;
				 font-weight:normal;
				 text-decoration:none;
				 color:#FFF;}
				 
	
	.mainitems a:hover  {font-size:0.9em;
						 font-family:"Century Gothic", Arial, sans-serif;
						 font-weight:normal;
						 text-decoration:none;
						 color:#c7c7c7;}
				 
				 
	.mainitems_actual  {height:50px;
						background-image:url(../imagenes/fondo_botones_actual.jpg);
						background-repeat:no-repeat;
						text-align:center;
						line-height:50px;}
	
	
	.mainitems_actual a {font-size:0.9em;
						 font-family:"Century Gothic", Arial, sans-serif;
						 font-weight:normal;
						 text-decoration:none;
						 color:#FFF;}
	
	
    #menu li.mainitems_idioma {width:157px;
							   float: left;
							   padding: 0 0 0 0;
							   margin: 0 0 0 1px;
							   position: relative;}
				  
			  
				 
	.mainitems_idioma  {height:50px;
						background-image:url(../imagenes/fondo_botones_idioma.jpg);
						background-repeat:no-repeat;
						text-align:center;
						line-height:50px;}
			
	
	.mainitems_idioma a {font-size:0.7em;
						 font-family:"Century Gothic", Arial, sans-serif;
						 font-weight:normal;
						 text-decoration:none;
						 color:#fff9d0;}
						 
	
	#menu li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
				 top: auto;
				 left: auto;}
	
	
	#menu li:hover ul, li.over ul { /* lists nested under hovered list items */
								   display: block;}
	

	/* ---------- Fin de Contenido de menu --------- */

	div#pie		{width:1024px;
  				 height:35px;
   				 background-image:url(../imagenes/pie.gif);
				 background-repeat:repeat-x;
				 margin:auto;
				 text-align:center;
				 text-decoration:none;
				 padding-top:10px;
				 font-size:11px;
				 color:#f0eec3;
				 word-spacing:0.25em;
				 font-family:"Century Gothic", Verdana, sans-serif;}
	
	
	div#pie a {color:#dedede;}
			   
			   
	div#pie a:hover {text-decoration:none;}
			 			
						
	/* ---------- Diseño a dos columnas --------- */
	
	div#contenedor_izquierda {width:508px;
							  float:left;
							  margin:0px 0px 5px 1px;
							  padding:0 0 0 0;
							  background-image:url(../imagenes/fondo_parrafo.gif);
							  background-color:#FFF;
							  background-repeat:repeat;}
							  
							  
							  div#contenido_izquierda {width:492px;
													   margin:8px 8px 8px 8px;
													   padding:0 0 0 0;
													   text-align:justify;
													   color:#FFF;
 													   height: auto!important; /* técnica para correcta interpretación del min-height en IE5+ */
    												   height: 225px; /* para IE5+ */
    												   min-height: 225px; /* para los browsers buenos */}
													   													   
													   
							  div#contenido_izquierda p {margin-top:10px;
							  							 margin-bottom:5px;
														 padding:10px;}
																					  
							  
							  div#contenido_izquierda li {list-style-image:url(../imagenes/listas.gif);
							  							  font-family:"Century Gothic", Verdana, sans-serif;}
										
										
							  div#contenido_izquierda a {color:#FFF;
							  							 text-decoration:none;}


							  div#contenido_izquierda a:hover {color:#c7c7c7;}


	
	
	div#contenedor_derecha   {width:508px;
							  float:right;
							  margin:0px 1px 5px 0;
							  padding:0 0 0 0;
							  background-image:url(../imagenes/fondo_parrafo.gif);
							  background-color:#FFF;
							  background-repeat:repeat;}
							  
							  
							  div#contenido_derecha {width:492px;
	    											 margin:8px 8px 8px 8px;
													 padding:0 0 0 0;
													 text-align:justify;
							 					     color:#FFF;
													 height: auto!important; /* técnica para correcta interpretación del min-height en IE5+ */
    												 height: 225px; /* para IE5+ */
    												 min-height: 225px; /* para los browsers buenos */}
													 
													 
							  div#contenido_derecha p {margin-top:10px;
								  					   margin-bottom:5px;
													   padding-left:0px;}
							  
							  div#contenido_derecha img {border:none;}
							  
							  
							  div#contenido_derecha li {list-style-image:url(../imagenes/listas.gif);
							  							  font-family:"Century Gothic", Verdana, sans-serif;}
														  
														 
							  div#contenido_derecha a {color:#c7c7c7;
							  						  text-decoration:none;}


							  div#contenido_derecha a:hover {color:#FFF;}


							  
							  
	.clear {clear:both;}			
	
	/* ---------- Fin de Diseño a dos columnas --------- */


	/* ---------- Diseño a una columna --------- */

	div#contenedor_central {width:1022px;
						    margin:5px 0 5px 1px;
						    padding:0 0 0 0;
							background-image:url(../imagenes/fondo_parrafo.gif);
							background-color:#FFF;
							background-repeat:repeat;}
							  
							  
							  div#contenido_central {width:1000px;
													   margin:8px 8px 4px 8px;
													   padding:0 0 0 0;
													   text-align:justify;
													   color:#FFF;}
 													 
													   													   
													   
							  div#contenido_central p {margin-top:10px;
							  						   margin-bottom:5px;
													   padding:10px;}
								
								
							  div#contenido_central li {list-style-image:url(../imagenes/listas.gif);
							  							font-family:"Century Gothic", Verdana, sans-serif;
														font-size:13px;}
														
							
							  div#contenido_central a {color:#c7c7c7;
							  						  text-decoration:none;}


							  div#contenido_central a:hover {color:#FFF;}


	/* ---------- Fin de Diseño a una columna --------- */


	/* ---------- Formulario de acceso --------- */
	
	div#form_acceso {background:none;/* Formulario de acceso */
					 width:155px;
					 padding-bottom:3px;
					 float:right;
					 margin:40px 50px 0 0;} 


	div#form_acceso a {color:#fff493;/* Formulario de acceso */
					  text-decoration:none;}
					  
					  
	div#form_acceso a:hover {color:#676767;}/* Formulario de acceso */
					 
					
	div#form_acceso_contenido {float:left;/* Formulario de acceso */
						  width:150px;
						  padding-left:5px;}
						  
	
	
	span.float_form {float:right;}/* Formulario de acceso */
	
	
	
	div#form_acceso p {margin:4px 0 4px 0;/* Formulario de acceso */
					   font-size:0.7em;
					   color:#FFF;
					   font-weight:bold;
					   line-height:20px;}
				
	
	
	.form_campo {background-color:#FFF;/* Formulario de acceso */
			     border:1px solid #CCC;
				 margin-bottom:2px;}
	
				 
	
	/* ---------- Fin de Formulario de acceso --------- */
	
	
	/* ---------- Convertir aspecto de botón de formulario en enlace común --------- */


	 button { overflow: visible;
              width: auto;}
			  
			  
     button.link {font-family:"Century Gothic", Verdana, sans-serif;
				  color:#fff493;
				  font-weight:bold;
				  font-size:1em;
                  background: none;
                  margin: 0;
                  padding: 0;
                  border: none;
                  cursor: pointer;
                        
                  -moz-user-select: text;

                        /* override all your button styles here if there are any others */}
						
                button.link span {
                        text-decoration: none;
                }
				
				
                button.link:hover span,
                button.link:focus span {color:#676767;}
	
	
	/* ---------- Convertir aspecto de botón de formulario en enlace común --------- */

				
				
	/* ---------- donde_estamos.html --------- */
	
	div#map {width: 490px;
		     height:227px;
			 font-family:Verdana, Geneva, sans-serif;
			 color:#000;}		 
	
	/* ---------- Fin de donde_estamos.html --------- */


	/* ---------- productos_es.php --------- */
	
	div#descarga {width:450px;
				  background-color:#081e4c;
				  border:1px solid #939393;
				  margin-top:20px;
				  margin-left:22px;}
				  
				  
	div#descarga img{border:none;}
	
	
	ul#descarga_pdf {margin:0 0 0 0;}
					 
					 
	ul#descarga_pdf li{list-style-type:none;
					   list-style-image:none;
					   margin:20px 0 20px 0;}
					   
					   
	span.float_descarga {float:right;
						 margin-right:40px;}
						 
						 
	p.aviso {font-size:0.7em;
			 font-family:"Courier New", Courier, monospace;
			 color:#CCC;}
	
	/* ---------- Fin de productos_es.php --------- */
	
	
	/* ---------- ofertas_es.php --------- */
	
	table#ofertas {width:490px;
				   text-align:center;
				   font-size:0.7em;
				   font-family:"Century Gothic", Verdana;}
				   
				   
	table#ofertas td,th {padding:5px;}
				   				   				   	
	
	td.paginacion {text-align:right;
				   background-color:#192643;}
	
	
	tr.cabecera_tabla {background-color:#192643;}
	
				
    table#ofertas a {color:#FFF;
							   text-decoration:none;}


	table#ofertas a:hover {color:#c7c7c7;}
	
	/* ---------- Fin de ofertas_es.php --------- */
	
	
	/* ---------- contacto_es.html --------- */
	
	ul.contacto {margin-top:0px;
				 margin-left:70px;
				 font-size:1.1em;}
	
	
	ul.contacto2 {margin-top:0px;
	           	 padding-top:50px;
				 margin-left:70px;
				 font-size:1.1em;}
	
	/* ---------- Fin de contacto_es.html --------- */
	
	
	
	/* ---------- Formulario de registro --------- */
	
	
	span.float_form_registro {float:right;
							  margin-right:0px;}
	
	
	.form_campo_registro {background-color:#FFF;
			     border:1px solid #CCC;
				 margin-bottom:2px;}
				 
							 
	
	/* ---------- Fin de Formulario de registro --------- */
	
	
	/* Especificaciones  para la index nueva */
		#index {text-align:center;
		margin-top:40px;}

		#index img{border:1px solid #CCC;}

/* Fin de especificaciones  para la index nueva */