
/* CSS Document */

body {   
    margin:0 auto;
    text-align:center; 
	font:normal 11px Arial, Helvetica, sans-serif;
	background:url(imagenes/fondo_sitio_general.jpg) repeat-x 0 0; color:#333333;  
  } 

.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:17px; font-weight:bold; color:#4B4B4B; display:block; border-bottom:1px solid #333333; padding-bottom:2px;}/*TITULO NEGRO SUBRAYADO INTERNO*/
h1.titulo_rojo { font-size:20px; color:#C81D23; border-bottom:1px solid #C81D23;}/*TITULO ROJO SUBRAYADO INTERNO*/

h2 { font-size:15px; color:#5F5F5F; font-weight:bold; margin:20px 0 -8px 0;}/*SUBTITULO GRIS INTERNO*/

p.item_info {font-size:11px; color:#666666; font-weight:normal; line-height:16px; display:block;}/*TEXTO EN PUNTEO DE LISTA*/
p.item_info strong { color:#333333; display:block; clear:both;}
p.item_info strong.destacado_ktl { clear:none; color:#282828; font-size:10px; display:inline;}

h3{ font-size:12px; font-weight:normal; color:#4B4B4B; line-height:16px; margin-top:12px;}/*CUERPO DE TEXTO*/
h3 strong { font-size:11px; color:#333333;}

p.titulo_central { font-size:25px; color:#FFFFFF; padding:6px 0 0 43px;}/*TITULO BLANCO SOBRE ROJO*/	
p.titulo_central_botonera { font-size:31px; color:#FFFFFF; padding:10px 0 0 43px;}/*TITULO BLANCO SOBRE ROJO CON BOTONERA*/

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*HEAD.......................................................................................................................................*/ 
#head {
	width:945px;
	text-align:left;
	margin:0 auto;
  }
  
	#logo{ padding:11px 0 10px 0; float:left; display:inline;}
  
  /*BOTONERA PRINCIPAL......................................................................................................................*/
	#botonera_principal { width:596px; padding:30px 0 0 0; float:left; display:inline;}
  		ul.modulo_botonera { list-style:none; float:left; display:inline; margin-left:40px; }
		ul.modulo_botonera li { padding-left:25px; margin:4px 0;}
			ul.modulo_botonera li.titulo_botonera { font:bold 11px Arial, Helvetica, sans-serif; color:#CC1924; background:url(imagenes/vineta_botonera_principal.png) no-repeat 0 0; padding:0px 0 3px 25px;}
			ul.modulo_botonera li#btn_cv{ cursor:pointer; display:block;}
		ul.modulo_botonera li a { background-image:none;}					
		ul.modulo_botonera li a:hover {color:#CC1924; text-decoration: underline;}
		
		.principal_up { color:#333333; text-decoration:none;}
		.principal_select,
		.principal_select:hover {color:#CC1924; text-decoration:underline; cursor:default;}
	
		
		
		
	#contenedor_animacion_timer { float:left; display:inline;}	
		#animacion_telefono {width:151px; height:76px; float:left; display:inline;}
		#timer {width:151px;}
			p.numero_timer{ font-size:18px; color:#000000; display:block; text-align:center; margin:0; padding:0;}
		
			#contenedor_fecha{ text-align:center; font-size:10px;}
			
			#contenedor_hora{ text-align:center; color:#333333; font-size:10px;}
				#contenedor_hora input { width:43px; font:bold 10px Arial, Helvetica, sans-serif; color:#333333; }
	

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*CUERPO...................................................................................................................................*/  
#cuerpo {
	width:945px;
	text-align:left;
	margin:0 auto;	
  }
  
	#barra_izquierda { width:210px; height:600px; float:left; display:inline;}
			
		/*FORMULARIOS SMALL NEWS Y SMALL CLIENTES*/
		#contenedor_small_news { width:154px; height:93px; background:url(imagenes/fondo_small_news.png) no-repeat 0 0; margin-top:8px; padding:11px 0 0 44px;}
		#logo_certificado{width:154px; margin-top:15px;}				
		#contenedor_small_clientes{width:154px; height:100px;  background:url(imagenes/fondo_small_clientes.png) no-repeat 0 0; margin-top:9px; padding:11px 0 0 44px;}
			p.titulo_small_form { color:#333333; font-size:12px; font-weight:bold;}
			
			form {}
			/*PARA TODOS LOS ELEMENTOS FORMULARIOS DEL SITIO*/			
			input, textarea, select { background:none; border:none; font-size:10px; color:#999999;}
			input:focus, textarea:focus, select:focus {outline:0px;}
			/*************************************************/
				input#small_news_correo,
				input#small_clientes_correo,
				input#small_clientes_password { width:100px; height:18px; margin:9px 0 0 5px; }
				
				input#small_clientes_correo{ margin-top:15px;}
				
				input#btn1_small_suscribir,
				input#btn2_small_suscribir { display:block; font-weight:bold; color:#C81C23; cursor:pointer;}
				
				input#btn1_small_suscribir:hover,
				input#btn2_small_suscribir:hover{ color:#666666;} 
				
					input#btn1_small_suscribir { margin:19px 0 0 17px;}
					input#btn2_small_suscribir {margin:8px 0 0 17px;}				
	
		p#direccion{ line-height:17px; margin:10px 0 0 11px;}
		p#direccion strong span{ color:#E9E9E9;}
		strong.telefono{ font-size:11px; font-weight:bold;}
		a.link_sugerencias{ text-decoration:none; color:#616161; display:block; font-weight:normal;}
		a.link_sugerencias:hover { color:#000;}
		
		img#logo_tridia{ margin:20px 0 25px 0;}
		p#creacion_uno{ color:#666666; font-size:10px; margin-left:8px;}
		p#creacion_uno a{ color:#666666; text-decoration:none;}
		p#creacion_uno a:hover { color:#FF9900;}
  
	#central {width:735px; float:left; display:inline;}/*contiene todo lo dinamico*/
		#animacion_flash {height:307px;}
			
			
		#ktl_comunidad{ height:146px; background:url(imagenes/fondo_comunidad.png) no-repeat 0 0; padding:50px 0 0 0;}
		#btn_comunidad { float:left; display:inline;}
		#btn_comunidad a { width:250px; height:126px; display:block;}
			.modulo_comunidad{ width:190px; height:126px; float:left; display:inline; padding:0 30px 0 20px;}
				/*FOTOS*/
				p.info_comunidad img.foto_comunidad { float:left; display:inline; width:80px; height:60px; margin:0 10px 2px 0; }
				/*TITULO*/
				p.info_comunidad strong { color:#C71D22; font-weight:bold;}
				/*CUERPO*/
				p.info_comunidad { line-height:16px; }
				/*VER MAS*/
				p.info_comunidad a { font-size:10px; font-weight:bold; text-decoration:none; color:#333333; display:block; clear:both; margin-top:10px;}
				p.info_comunidad a:hover {color:#990000;}
		
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*FOOTER...................................................................................................................................*/
		#footer{ height:96px; background:url(imagenes/divisor_footer.jpg) no-repeat 316px 1px; margin:10px 0 25px 0;}
			ul#botonera_misc { float:left; display:inline; list-style:none;}
			ul#botonera_misc li { float:left; display:inline;}
			ul#botonera_misc li a { width:77px; height:67px; display:block; background-color:#FF0000;}
			
				ul#botonera_misc li a#btn_cotizacion { background:url(imagenes/btn_home_cotizacion.gif) no-repeat 0 0;}
				ul#botonera_misc li a#btn_tiempo { background:url(imagenes/btn_home_tiempo.gif) no-repeat 0 0;}
				ul#botonera_misc li a#btn_mapa { background:url(imagenes/btn_home_mapa.gif) no-repeat 0 0;}
				ul#botonera_misc li a#btn_favoritos { background:url(imagenes/btn_home_favoritos.gif) no-repeat 0 0;}
				
				ul#botonera_misc li a#btn_cotizacion:hover,
				ul#botonera_misc li a#btn_tiempo:hover,
				ul#botonera_misc li a#btn_mapa:hover,
				ul#botonera_misc li a#btn_favoritos:hover { background-position:0 -67px;}

		#contenedor_footer_logos { float:left; display:inline;}
			#contenedor_footer_logos .modulo_logos{ display:block; padding:10px 0 0 10px; }
			#contenedor_footer_logos .modulo_logos div { float:left; display:inline; margin:0 15px;}
  
  
/*INTERNAS:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*QUIENES SOMOS :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*NUESTRA TRAYECTORIA......................................................................................................................*/
	#barra_roja{ width:735px; height:47px; background:url(imagenes_internas/barra_roja_simple.png) no-repeat 0 0;}
	
	#contenedor_interno{ background:url(imagenes_internas/fondo_central.jpg) repeat-y 0 0; padding-bottom:30px;}		
			
		p.nota{ width:600px; display:block; padding:4px 0 0 43px; color:#666666; font-size:10px;}
		#animacion_trayectoria { width:735px; height:416px;}
		
		/*CAJA CONTENEDORA DEL CUERPO DE TEXTO*/		
		.info { width:500px; display:block; padding:15px 0 0 128px;}
		
		/*BASE BLANCA*/
		#base{ width:735px; height:29px; background:url(imagenes_internas/base_central.png) no-repeat 0 0;}
		
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*QUIENES SOMOS :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*POR QUE..................................................................................................................................*/
	
	ul#ventajas { list-style:none; margin-top:22px;}	
	ul#ventajas li { width:420px; padding:10px 0 0 80px; margin-bottom:15px;}
		ul#ventajas li#vent_1 { background:url(imagenes_internas/icono_ventajas_1.png) no-repeat 0 4px;}
		ul#ventajas li#vent_2 { background:url(imagenes_internas/icono_ventajas_2.png) no-repeat 0 13px;}
		ul#ventajas li#vent_3 { background:url(imagenes_internas/icono_ventajas_3.png) no-repeat 0 13px;}
		ul#ventajas li#vent_4 { background:url(imagenes_internas/icono_ventajas_4.png) no-repeat 0 13px;}
		ul#ventajas li#vent_5 { background:url(imagenes_internas/icono_ventajas_5.png) no-repeat 0 4px; margin:0;}
	ul#ventajas br { line-height:8px;}
	
	/*sublistado de 1 linea/4 items*/
	ul.sublistado { list-style:none; margin:0 0 40px 80px;}
	ul.sublistado li { float:left; display:inline; padding-left:18px; margin-right:15px; font-size:10px; color:#999999; background:url(imagenes_internas/vineta_roja_negra.gif) no-repeat 0 0;}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*QUIENES SOMOS :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*FORTALEZAS...............................................................................................................................*/		
	
	ul#fortalezas { list-style:none; margin-top:22px;}	
	ul#fortalezas li { width:480px; background:url(imagenes_internas/vineta_roja_negra.gif) no-repeat 0 2px; padding-left:20px; margin:20px 0 0 0;}
	


/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*SEGURIDAD :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*FISICA INCLUDE 1..................................................................................................................................*/
	#barra_roja_botonera{width:735px; height:114px; background:url(imagenes_internas/barra_roja_compleja.png) no-repeat 0 0;}
				
		ul#botonera_roja{ list-style:none; margin:15px 0 0 60px;}
		ul#botonera_roja li{ display:inline-block; text-align:center; margin:0 5px; vertical-align:top;}
		ul#botonera_roja li a { width:93px; height:52px; text-decoration:none; color:#FFFFFF; display:block;}
			ul#botonera_roja li a.btn_fisica_1,
			ul#botonera_roja li a.btn_fisica_2,
			ul#botonera_roja li a.btn_fisica_3,
			ul#botonera_roja li a.btn_fisica_4 { width:93px; background-image:url(imagenes_internas/btn_rojo_93.png); background-repeat:none;}
			
			/*OBSOLETO*/
			/*ul#botonera_roja li a.btn_fisica_4,
			ul#botonera_roja li a.btn_fisica_5 { width:123px; background-image:url(imagenes_internas/btn_rojo_123.png); background-repeat:none;}*/
			
		ul#botonera_roja li a:hover { background-position:0 -52px;}
		.roja_select {cursor:default; background-position:0 -52px;}
		
		/*sublistado de 2 linea/3 items*/	
		.franja_gris{ width:604px; background-color:#F4F4F4; margin:0; padding:13px 0 10px 129px; border-right:1px solid #cccccc; border-left:1px solid #cccccc;}
		ul.sublistado_doble{list-style:none; margin:0 0 -10px 0; padding:0;}
		ul.sublistado_doble li { width:118px; float:left; display:inline; font-size:11px; color:#666666; background:url(imagenes_internas/vineta_roja_negra.gif) no-repeat 0 8px; margin:0 23px 20px 0; padding:0 0 0 21px;}
		
		#animacion_metodologia{ margin-top:30px;}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*SEGURIDAD FISICA INCLUDE 2 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
	
	/*sublistado de 1 linea/4 items*/	
	ul.sublistado_simple{ list-style:none; margin:0 0 -10px 0; padding:0;}
		ul.sublistado_simple li { width:80px; float:left; display:inline; font-size:11px; color:#666666; background:url(imagenes_internas/vineta_roja_negra.gif) no-repeat 0 8px; margin:0 23px 20px 0px; padding:0 0 0 21px;}
		ul.sublistado_simple li.linea_simple { padding-top:7px; padding-bottom:5px;}
		ul.sublistado_simple li.linea_simple_larga { width:150px; padding-top:7px; padding-bottom:5px;}



/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*SEGURIDAD ELECTORNICA :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
	.franja_gris_fija_1{ width:604px; height:130px; background-color:#F4F4F4; margin:0; padding:13px 0 10px 129px; border-right:1px solid #cccccc; border-left:1px solid #cccccc;}	
		
		
		
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*SOLUCIONES ESPECIALES :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

	ul#items_especiales { list-style:none; margin-top:10px;}	
		ul#items_especiales li { width:420px; height:70px; padding:0px 0 0 80px;}
			ul#items_especiales li#esp_1 { background:url(imagenes_internas/icono_especial_1.png) no-repeat 0 0px; padding-top:17px;}
			ul#items_especiales li#esp_2 { background:url(imagenes_internas/icono_especial_2.png) no-repeat 0 0px; padding-top:17px;}
			ul#items_especiales li#esp_3 { background:url(imagenes_internas/icono_especial_3.png) no-repeat 0 0px; padding-top:10px;}
		ul#items_especiales br { line-height:8px;}
		
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*CONTACTO::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#contenedor_formulario{width:500px; height:330px; display:block; padding:25px 0 0 128px;}

	#formulario_nombres{ width:115px; height:320px; float:left; display:inline; text-align:right; }
	ul#listado_nombres{ list-style:none;}
	ul#listado_nombres li{margin:0 10px 19px 0; clear:both;}
	ul#listado_nombres li p { display:inline-block; color:#666666; }
	ul#listado_nombres li img { display:inline-block; margin:0 5px 0 0;}
		
	#formulario_campos{ width:290px; height:320px; 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 10px Arial, Helvetica, sans-serif; color:#333; background-color:#F3F3F3;  border:1px solid #333333;}					
						
					#formulario_general input { height:18px;}					
					#formulario_general textarea { height:120px; margin:0 0 5px 0; }
					
					#formulario_general input:focus, 
					#formulario_general textarea:focus { border:1px solid #C81D23;}
										
					/*BOTON ENVIAR*/
					p.leyenda_formulario{ background:url(imagenes_internas/vineta_campo_obligatorio.jpg) no-repeat 0 5px; float:left; padding-left:8px; color:#666666; font-size:10px; }
					#formulario_general input#general_enviar { width:55px; height:21px; background:url(imagenes_internas/btn_enviar.jpg) no-repeat 0 0; float:left; display: block; border:none; cursor:pointer; color:#ffffff;  text-align:center; margin:0 0 0 115px; padding:0; }
					#formulario_general input#general_enviar:hover{ background-position:0 -21px;}
					
					
	/*ESTILOS TEXTO AGRADECIMIENTOS*/
	#respuesta{ clear:both;}	
	p#formulario_general_gracias { text-align: center; margin-top:100px;}
	
	#formulario_general_gracias a { width:55px; height:21px; background:url(imagenes_internas/btn_enviar.jpg) no-repeat 0 0; font-size:10px; text-decoration:none; border:none; padding:3px 5px; color:#ffffff; text-align:center;}
	#formulario_general_gracias a:hover{background-position:0 -21px; }

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*POP CV::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
	#pop_cv { position:absolute; z-index:1; left:50%; display:none;
			  width:374px; height:231px; margin:60px 0 0 -160px; background:url(imagenes_internas/fondo_pop.png) no-repeat 0 0;}

			#barra_cerrar{ width:374px; height:16px;}			  
				  #boton_cerrar{width:15px; height:16px; background:url(imagenes_internas/btn_cerrar.gif) no-repeat 0 0; display:block; cursor:pointer; margin:37px 0 0 328px;}
				  #boton_cerrar:hover {background-position:0 -16px;}			
			p.correo a{ font-size:26px; color:#C81D23; text-decoration:none; margin:30px 0 10px 0; display:block; position:relative;}	
			p.correo a:hover { color:#333333;}
			p.epigrafe_correo { color:#747474; }  


/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*NOVEDADES::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
	#fondo_novedades{ background:url(imagenes_internas/fondo_novedades.jpg) no-repeat 0 0; padding:67px 62px 0 211px;}	
		.modulo_novedad{ width:460px; border-bottom:1px solid #ccc; clear:both; padding:10px 0 10px 0;}	
		
		 /*Estilos tipograficos de novedades*/
		p.novedad_fecha{ font-size:10px; color:#949494; margin-bottom:2px; vertical-align:top;}		
		p.novedad_titulo{ font-size:15px; color:#C71D22; font-weight:bold; vertical-align:top;}
		img.nota_externa{ width:80px; height:60px; display:inline-block; margin:5px 5px 0 0; border:1px solid #CCCCCC;}
		p.novedad_copi{ width:365px; display:inline-block; vertical-align:top;  font-size:12px; color:#333333; margin-top:5px; }
		p.novedad_copi a { text-decoration:none; clear:both; display:block; font-size:10px; color:#818181; padding-right:25px; background:url(imagenes_internas/vineta_noticia_mas.jpg) no-repeat 130px 4px; margin-top:5px; }
		p.novedad_copi a:hover { color:#333333;}
		
	#contenedor_navegacion{width:460px; display:block; margin-bottom:40px;}
		ul.navegacion{ list-style:none; float:right; margin:20px 0 0 0; }
		ul.navegacion li { display:inline-block;}
		ul.navegacion li a { width:17px; height:15px; text-align:center; font-size:10px; color:#CA1A1E; text-decoration:none; display:block; background:url(imagenes_internas/numeral.jpg) no-repeat 0 0; padding-top:2px;}
		ul.navegacion li a:hover { background-position:0 -17px; color:#FFFFFF;}
		ul.navegacion li a.novedades_select {background-position:0 -17px; color:#FFFFFF;}
		
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*NOVEDADES DESPLEGADA:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
		
		p.novedad_titulo_interna { font-size:20px; color:#C71D22; font-weight:bold; vertical-align:top;}
		img.nota_interna{ float:left; margin:0 10px 5px 0;  border:1px solid #CCCCCC;}
		p.novedad_copi_interna{ vertical-align:top; float:left; line-height:16px; margin:10px 0; }
		
		a.volver_novedades{ display:block; font-size:10px; color:#818181; padding-left:10px; text-decoration:none; background:url(imagenes_internas/vineta_noticia_volver.jpg) no-repeat 0 3px; margin-top:8px;}
		a.volver_novedades:hover { color:#333333;}
