/* CSS Document */

body {   
    margin:0 auto;
    text-align:center; 
	font:normal 11px Arial, Helvetica, sans-serif;
	background:url(imagenes/fondo_site.jpg) repeat-x 0 0;  
  } 

.clear { clear: both;}
.oculto { display:none;}/*oculta elemento eliminando la posicion que ocupa*/
.invisible { visibility:hidden;}/*oculta elemento manteniendo la posicion que ocupa*/

/*ESTILOS TIPOGRAFICOS*/
h1 { font-size:18px; color:#183772; font-weight:normal;}/*TITULO AZUL*/
h2 { font-size:12px; color:#5B5B5B; font-weight:normal; line-height:17px;}/*CUERPO DE TEXTO*/

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*HEAD...................................................................................................................................*/ 
#home_nivel_1 {/*BOTONERA MINIATURAS*/
	width:945px;
	height:464px;
	text-align:left;	
	background:url(imagenes/fondo_nivel_1.png) no-repeat 0 0;
	position:absolute; z-index:1; left:50%; 
	margin-left:-472px;
	}

#home_nivel_0 {/*ANIMACION FLASH*/
	width:945px;
	height:464px;
	text-align:left;
	margin:0 auto;	
  }
  
  #contenedor_botoneras_productos_home { display:block; margin:223px 0 0 200px;}
  	ul.botonera_miniaturas{ list-style:none; float:left; display: inline; margin:0 5px 0 2px;}
	ul.botonera_miniaturas li { float:left; display:inline;}
	ul.botonera_miniaturas li.titulo_miniaturas_home { clear:both; float:none; display:block; color:#52688D; font-size:10px;}
	
	ul.botonera_miniaturas li a { display:block; width:74px; height:74px; background-color:#FFFFFF; margin-right:5px;}
		ul.botonera_miniaturas li a.miniatura_1 { background:url(imagenes/miniatura_1.jpg) no-repeat 0 0;}
		ul.botonera_miniaturas li a.miniatura_2 { background:url(imagenes/miniatura_2.jpg) no-repeat 0 0;}
		ul.botonera_miniaturas li a.miniatura_3 { background:url(imagenes/miniatura_3.jpg) no-repeat 0 0;}
		ul.botonera_miniaturas li a.miniatura_4 { background:url(imagenes/miniatura_4.jpg) no-repeat 0 0;}
		ul.botonera_miniaturas li a.miniatura_5 { background:url(imagenes/miniatura_5.jpg) no-repeat 0 0;}
		ul.botonera_miniaturas li a.miniatura_6 { background:url(imagenes/miniatura_6.jpg) no-repeat 0 0;}
		ul.botonera_miniaturas li a.miniatura_7 { background:url(imagenes/miniatura_7.jpg) no-repeat 0 0;}
		ul.botonera_miniaturas li a.miniatura_8 { background:url(imagenes/miniatura_8.jpg) no-repeat 0 0;}
		ul.botonera_miniaturas li a.miniatura_9 { background:url(imagenes/miniatura_9.jpg) no-repeat 0 0;}
  
	  
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*FOOTER...................................................................................................................................*/
#foot {
	width:945px;
	height:198px;
	text-align:left;
	margin:0 auto;
	background:url(imagenes/fondo_footer.jpg) no-repeat 0 0;	
  }
  
	#foot_izq { float:left; display: inline; width:246px; height:198px;}
	#foot_der {float:left; display: inline; width:699px;}
  
  /*BOTONERA PRINCIPAL..................................................................................................................*/
	ul#botonera_principal { list-style:none;}
	ul#botonera_principal li { float:left; display:inline;}
	ul#botonera_principal li a { display:block; color:#AEB7CA; text-decoration:none; margin:0 20px 0 0; padding:10px 0 0 0;}
	ul#botonera_principal li a:hover { color:#FFFFFF;}
		
	.select_principal { background:url(imagenes/select_botonera_principal.png) no-repeat center 2px; color:#AEB7CA; cursor:default;}
	ul#botonera_principal li a.select_principal:hover {color:#AEB7CA;}
	
	p#info_footer { color:#CCCCCC; margin-top:21px; line-height:17px;}
	p#info_footer a { color:#CCCCCC; text-decoration:none; }
	p#info_footer a:hover {color:#AEB7CA;}
	
	p.creacion_uno {float:right; color:#999999; font-size:10px; margin-right:25px;}
	p.creacion_uno a { color:#999999; text-decoration:none;}
	p.creacion_uno a:hover { color:#FFFFFF;}
	
	
	
	
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/  
/*INTERNAS:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*GENERAL..................................................................................................................................*/
	/*Logo nivel 1*/
	#logo_interna_footer { width:149px; height:249px; display:block;
						   position:absolute; z-index:1000; left:50%; margin-top:365px; margin-left:-435px;}
						   
	#isologo_interna_footer{ width:213px; height:41px; display:block;
						   position:absolute; z-index:2000; left:50%; margin-top:409px; margin-left:-323px;}
						   
						   
/*EMPRESAS.................................................................................................................................*/
#head_interna {	width:945px; height:464px; text-align:left;	margin:0 auto;}
	#loop_empresa{width:448px; height:464px; float:left; display:inline; background:url(imagenes_internas/fondo_loop.jpg) repeat-y 0 0;}
	
	#contenido_interna {width:497px;float:left; display:inline; background:url(imagenes_internas/loguito.jpg) no-repeat right 17px; padding-top:49px;}	
	
		/*ANIMACION INTERNA EMPRESAS.......................................................................................................*/
		/*paneles*/
		#animacion_empresas{width:497px; height:304px; position:relative; overflow:hidden; clear:both;}/*CONTENEDOR TOTAL*/	
			#animacion_empresas .items {width:20000em; position:absolute; clear:both; margin:0; padding:0;}/*LIENZO*/
			#animacion_empresas div {width:417px; height:294px; float:left; display:block; padding:15px 40px 0 40px;}/*MODULO*/
			
		/*navegacion*/
		#navegacion_empresas { width:497px; text-align:center; }	
			ul#btns_navegacion_empresas { list-style:none; display:inline-block;}
			ul#btns_navegacion_empresas li { display:inline-block;}
			ul#btns_navegacion_empresas li a { display:block; padding:1px 5px; color:#52688D; text-align:center; text-decoration:none; font-weight:bold;}
			ul#btns_navegacion_empresas li a:hover { color:#CCCCCC;}
			ul#btns_navegacion_empresas li a.current{ cursor:default; background-color:#52688D; color:#FFFFFF;}
			
			#navegacion_empresas button.custom{width:9px; height:12px; display:inline-block; border:none; cursor:pointer; margin:3px 0 0 0; vertical-align:top;}
			#navegacion_empresas button.prev {background:url(imagenes_internas/btn_prev.png) no-repeat 0 0;}
			#navegacion_empresas button.next {background:url(imagenes_internas/btn_nex.png) no-repeat 0 0;}
			#navegacion_empresas button.prev:hover,
			#navegacion_empresas button.next:hover { background-position:0 -12px;}
			#navegacion_empresas button.disabled {visibility:hidden !important;}		
		/*FIN ANIMACION INTERNA EMPRESAS...................................................................................................*/		
			
		#contenedor_miniaturas_internas { height:47px; margin-top:20px;}
		#contenedor_miniaturas_internas img { width:47px; height:47px; float:left; display:inline; margin-left:5px;}

/*GALERIA DE IAMGENES........................................................................................................................*/
		#seccion_cargador_fotos{width:448px; height:464px; float:left; display:inline; background:url(imagenes_internas/fondo_loop.jpg) repeat-y 0 0;}
			#loader{width:448px; height:464px; background:url(imagenes_galeria/cargador_fotos.gif) no-repeat center center;}
		
		#seccion_galeria_imagenes{width:417px; display:block; padding:15px 40px 0 40px;}
			ul.lista_trigger { width:390px; list-style:none; margin:5px 0 0 0;}
			ul.lista_trigger li { float:left; display:inline;}
			ul.lista_trigger li a { width:70px; height:70px; display:block; margin:5px 2px 0 0;}
			ul.lista_trigger li a img { width:70px; height:70px;}
			
			.up {border:2px solid #fff;}
			.select {border:2px solid #CA0000;}

/*CONTACTO.................................................................................................................................*/
		#seccion_form_contacto{width:417px; display:block; padding:15px 40px 0 40px; }
		#seccion_form_contacto h1{ padding-left:10px;}
		
			#formulario_nombres{ width:91px; height:350px; float:left; display:inline; text-align:right;  }
				ul#listado_nombres{ list-style:none;}
				ul#listado_nombres li{ height:33px; margin:0 10px 0 0; clear: both; font:normal 10px Arial, Helvetica, sans-serif; color:#666666;}	
				ul#listado_nombres li img { margin:3px 5px 0 0; vertical-align:top;}
		
			#formulario_campos{width:280px; height:350px; float:left; display:inline; text-align:left;}
	
				/*ESTILOS GENERALES DEL FORMULARIO*/
				form#formulario_general {}	
				input, textarea, select {margin:0; padding:0;}	
				#formulario_general input, 
				#formulario_general textarea { width:280px; clear:inherit; margin:0 0 12px 0;  padding:0 0 0 4px;
				font:normal 11px Arial, Helvetica, sans-serif; color:#666; background-color:#ffffff;  border:1px solid #CCCCCC;}					
										
				#formulario_general input { height:18px;}					
				#formulario_general textarea { height:120px; margin:0 0 6px 0; }		
				#formulario_general input:focus, 
				#formulario_general textarea:focus { border:1px solid #183772; outline:none;}
				
				p.leyenda_formulario{font-size:10px; color:#666; display: block; float:left;}						
				
				/*BOTON ENVIAR*/
				#formulario_general input#general_enviar { width:67px; height:26px; float: right; display: block; border:none; cursor:pointer; 
				background:url(imagenes_internas/btn_enviar.jpg) no-repeat 0 0; font-weight:bold; color:#CC0E0E; text-align:center; margin:0; padding:0; }
				#formulario_general input#general_enviar:hover{ background-position:0 -26px;}
								
								
			/*ESTILOS TEXTO AGRADECIMIENTOS*/
			p#formulario_general_gracias { clear:both; text-align: center; margin-top:80px;}		
			p#formulario_general_gracias strong { color:#183772;}
			
			a.volver_form { width:67px; height:21px; text-align:center; display:block; text-decoration:none; margin:10px 0 0 175px; padding:5px 0 0 0;
			background:url(imagenes_internas/btn_enviar.jpg) no-repeat 0 0; font-weight:bold; color:#CC0E0E; }
			a.volver_form:hover {background-position:0 -26px;}
			


/*COMO HACER PEDIDO.................................................................................................................................*/	
		#compensador_como_hacer{ width:200px; height:17px; margin:5px 0 0 0;}		
		ul#links_seccion li.parche{width:120px;}
		
		p.punteo_paso_paso{ font-size:12px; color:#333333; display:block; margin:20px 0 10px 15px; }
		strong.numerado{ font-size:16px; color:#CC0101;}
		.foto_paso_paso{ float:left; display:inline; margin:0 0 20px 15px;}
		.foto_paso_paso_compensada{float:left; display:inline; margin:0 0 20px 290px;}
		
		.paso_paso_gris{ background-color:#F0F0F0; padding:1px 0;}