/* DISEŅO DE SITIOS WEB EN CONCEPCION MASTERNET.CL, DISEŅO DE PAGINAS WEB EN CONCEPCION MASTERNET.CL */
/********************* DESCARGAS **********************/		
.ct_descargas{
	width: 80%; 
	margin: 10px auto 10px auto;	
	}
.ct_descarga{
	width: 100%;
	border: #CCC 1px solid;	
	padding: 0;
	margin: 0 0 22px 0;
	background-color: #fff; 
	border-radius: 4px;	
	}	
.ct_descargas_titulo{
	width: 100%;
	text-align: center;	
	padding-top: 8px;
	padding-bottom: 8px;
	background-color: #F2F2FF;
	border-bottom: #CCCCCC 1px solid;	
	}
.ct_numero_descarga{
	float: left;
	width: 20px;	
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	padding: 2px;
	}
.titulo_descarga, a.titulo_descarga:link , a.titulo_descarga:visited , a.titulo_descarga:hover , a.titulo_descarga:active {
	font-family: Roboto, Arial, serif; 
	font-size: 18px;
	line-height: 18px;	
	color: #000; 
	text-decoration: none; 
	}	
.img_formato_descarga {
	float: right;
	padding-right: 3px;
    }		
.ct_fecha_descarga{
	width: 50%;
	height: auto;
	float: right;
	text-align: center;	
	font-size: 14px;
	padding: 4px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	}	
.ct_tamano_descarga{
	width: 49%;	
	height: auto;	
	float: left;
	padding: 4px 0;
	text-align: center;
	border-right: #CCC 1px solid;	
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;		
	}	
.ct_descargas_descripcion{
	width: 100%;
	border-top: #CCC 1px solid;	
	padding: 10px 0;
	text-align: center;
	font-family: Roboto, Arial, serif; 
	font-size: 16px;
	line-height: 16px;	
	overflow: hidden;
	}
.img_descarga{
	max-width: 100%;
	width: auto;
	height: auto;
	border-radius: 4px;	
	margin: 0 0 4px 0;
	}
.ct_boton_descarga{
	float: right;
	padding: 0 10px 0 0;	
	}
.ct_boton_descarga a{
	text-decoration: none; 
	}
.boton_descarga{
	font-family: Roboto, Arial, serif;	
	color: #fff;
	background-color: #1F467C;
	padding: 8px 18px;
	font-size: 18px;
	transition: 0.4s;
	text-decoration: none; 
	border-radius: 4px;
	}
.boton_descarga:hover{
	color: #fff;
	background-color: #1F467C;
	transition: 0.4s;
	text-decoration: none; 
	color: #000;
	background-color: #F3F1F2;
	}
.descarga_linea_division{
	width: 100%;
	height: 1px;	
	margin-top: 6px;	
	margin-bottom: 0;	
	}
.ct_boton_descargas_todas{
	padding: 4px;
	margin: 4px;
	}
.boton_ver_descargas, a.boton_ver_descargas:link , a.boton_ver_descargas:visited , a.boton_ver_descargas:active {
	margin: 4px;  	
	padding: 6px; 	
	background-color: #FFFFCC;
	color: #0000CE; 
	text-decoration: none;  
	font-family: Verdana;
	font-size: 14px;
	cursor: pointer;	
	border: 1px;	
	border-style: solid; 
	border-color: #C5CAD6; 	
    }	
.boton_ver_descargas:hover { 
	text-decoration: underline;
	background-color: #F2F2FF;
	}
/********************************* VIDEOS  ************************/	
.ct_videos{
	box-sizing: border-box;
	width: 770px;
	height: auto;
	margin: 14px auto 0 auto;	
		text-align: center;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
.ct_video{
	overflow: hidden; 	
	float: left; 
	padding-bottom: 12px;
	height: auto;
	width: 100%;
	text-align: center;	
	}
.ct_video iframe {
	width: 770px;
	height: 400px;
	border-radius: 6px;
	}
@media screen and (max-width: 770px) {
	.ct_videos, .ct_video iframe{
		width: 100%;
		height: 315px;
		margin: 0;
		}
	}
@media screen and (max-width: 370px) {
	.ct_videos, .ct_video iframe{
		height: 200px;
		}
	}
/*************************************   VIDEOS  NOYOU *******************************/	
.ct_videos_noyou{ 					
	box-sizing: border-box;
	width: 720px;
	height: auto;
	overflow: hidden; 	
	margin: 0 auto;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	}
.ct_video_noyou{				
	box-sizing: border-box;
	width: 100%;	
	padding: 10px; 
	height: auto;	
	text-align: center;   
	display: inline-block;
	vertical-align: top;  	
	}
.ct_video_noyou video {			
	margin: 0;
	padding: 0;	
	width: 100%;
	max-height: 480px;
	}
.tipo_video_noyou{
	height: auto;
	border-radius: 6px;
	}
.tipo_audio_noyou{
	height: 60px; 
	}
@media screen and (max-width: 720px) {
	.ct_videos_noyou {
		width: 100%;
		height: auto;
		}
	.tipo_video_noyou{
		height: 300px;
		}
	}
.ct_numero_video_noyou{
	overflow: hidden; 	
	float: left;
	width: 10%;	
	height: 24px;
	font-weight: bold;
	font-size: 12px;
	color: #000;
	}
.ct_titulo_video_noyou{
	overflow: hidden; 	
	float: left;
	width: 70%;	
	padding-top: 2px;	
	padding-bottom: 2px;	
	height: auto;	
	font-size: 20px;
	color: #000;
	font-family: Roboto;
	}
.ct_fecha_video_noyou{
	width: 18%;
	overflow: hidden; 	
	float: right;
	height: 24px;
	font-size: 11px;
	}
.ct_descripcion_video_noyou{
	overflow: hidden; 	
	float: left;
	width: 98%;	
	height: auto;
	padding-top: 3px;
	padding-bottom: 3px;	
	font-weight: normal;	
	font-size: 13px; 
	line-height: 18px;	
	}
/********************************* TABLA R ********************************/	
.tabla_r {
	border-collapse: collapse;
	background-color: #FFF;
	border: 1px solid #CCC; 
	width: 100%;
	margin: 10px 0;
	box-shadow: none;
	}
.tabla_r thead {
	border: 1px solid #CCC;
	background-color: #EEEEEE;
	text-align: center;
	}
.tabla_r td {
	border: 1px solid #CCC;
	padding: 6px 0 6px 4px;
	text-align: center;
	}
.tabla_r tbody tr:nth-child(odd) {
	background-color: #fff;
	}
.tabla_r tbody tr:nth-child(even) {
	background-color: #fbfbfb;
	}
.tabla_r tbody tr:hover {
	background-color: #E0E0E0;
	}
@media screen and (max-width: 1010px) {
	.tabla_r {
		width: 100%;
		display: block;
		overflow-x: auto; /* esto activa el scroll horizontal para vista ok movil */
		white-space: nowrap;
		border: 0 solid #CCC!important;
		box-shadow: none !important; 
		}		
	.tabla_r td,
	.tabla_r thead {
		border: 1px solid #CCC;
		}
	.tabla_r tr {
		border: 1px solid #CCC;
		}
	}
/**********************************  GALERIA  ********************************/
#ct_lytebox {
	box-sizing: border-box;
	text-align: center;
	clear: both;
	margin: 0 auto;
	width: 950px;
	}
.ct_img_lytebox{
	box-sizing: border-box;
	width: 280px;
	height: auto;
	margin: 0 18px 14px 0;
	padding: 0;
	text-align: center;
	overflow: hidden; 	
	float: left;
	line-height: 22px;
	}
#ct_lytebox img { 
	margin: 5px;
	position: center; 
	text-align: center; 
	border: 0;
	border: #C5CAD6 0px solid; 
	padding: 3px;
	border-radius: 3px;			
	} 
.txt_lytebox{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	color: #000; 
	line-height:16px;	
	}
.salto_fila_galeria{
	clear: both;
	}
@media screen and (max-width: 1040px) {
	#ct_lytebox {
		margin-left: 0;
		width: 100%;
		}
	.ct_img_lytebox{
		width: 100%;
		margin: 0;
		}
	#ct_lytebox img { 
		margin: 5px 0 5px 0;			
		} 
	}
.imagen_con_borde { 
	margin: 5px;
	position: center; 
	text-align: center; 
	border: 0;
	border: #C5CAD6 1px solid; 
	padding: 3px;
	}			
/********************* SOCIALES COMPRATIR 2.0 **********************/
.share_left{
	float: left;
	}
.share_right{
	float: right;
	}
.share_center{
	float: none;
	}
.ct_btn_share{
	text-align: center;
	margin: 0 auto 10px auto;
	padding: 0;
	width: 290px;
	}
.ct_txt_share{
	width: 120px;
	margin: 8px 0 0 0;
	font-family: Roboto, Arial, serif; 
	line-height: 24px; 
	font-size: 20px;
	color: #000; 
	float: left;
	overflow: hidden;
	font-weight : normal;
	text-decoration: none;
	}
.ct_btns_share{
	width: 160px;
	float: right;
	overflow: hidden;
	}
.ct_btn_share img{
	margin: 0 3px;
	}
/****** LATERAL ******/
.ct_btn_share_l{
	box-sizing: border-box;
	text-align: left;
	margin: 0;
	padding: 0;
	width: 56px;
	position: fixed;
	right: 0;
	bottom: 240px;
	}
.ct_txt_share_l{
	z-index: 999;
	width: 100%;
	margin: 0;
	padding: 0 0 12px 0;
	font-family: Roboto, Arial, serif; 
	line-height: 12px; 
	font-size: 12px;
	color: #000; 
	float: left;
	overflow: hidden;
	font-weight : normal;
	text-decoration: none;
	}
.ct_btns_share_l{
	width: 100%;
	float: right;
	overflow: hidden;
	}
.ct_btn_share_l img{
	margin: 3px;
	width: 36px;
	height: 36px;
	float: right;
	}	
@media screen and (max-width: 840px) {
	.ct_btn_share_l{
		z-index: 999;
		position: fixed;
		background-color: #fff;
		text-align: right;
		margin: 0;
		padding: 0 6px 0 0;
		right: 0;
		bottom: 0;
		width: 140px;
		border-top-left-radius: 5px;	
		}
	.ct_txt_share_l{
		display: none;
		}
	.ct_btn_share_l img{
		margin: 2px 3px 0 3px;
		width: 32px;
		height: 32px;
		}	
	}
/****************** CT SOCIALES TOP ************************/
.ct_sociales_top {
	box-sizing: border-box;	 			
	position: relative;
	overflow: hidden;
	z-index: 998;
	width: auto;
	height: auto;
	text-align: right;
	padding: 0; 
	top: 0;
	right: 0;
	margin: 10px 0 0 0; float: right;	/* DISEŅO 1,2,3,4,5,6,7 */
	/* margin: 8px 0 0 60px; float: left;  	/* DISEŅO 2.5 */
	}
.ct_sociales_top img {
	margin: 0 6px 0 0;
	transition: 0.4s ease;
	/* filter: opacity(90%); width: 30px; height: 30px; /* DISEŅO 1,2,3,4,5,6,7 */
	filter: opacity(100%); width: 30px; height: 30px; 	 /* DISEŅO 2.5 */
	}
.ct_sociales_top img:hover{
	transition: 0.4s;
	transform: scale(0.9);
	filter: none;
	}
@media screen and (max-width: 1040px) {
	.ct_sociales_top{
		display: none;
		}
	}
/*************************************************************/
body, html { /**** CORREGIR CARRUSEL GENERA 1 PX ****/
    overflow-x: hidden;
	}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 14px;
	margin: 0;
	padding: 0;
	background-color: #fff;
    }
header{
	box-sizing: border-box;
	width: 100%;
	height: 700px; /* full height: 700px; 580px */ 
	margin: 0;
	padding: 0;
	}
header div{
	transition:all .5s ease;
	}
/******* BARRA TOP *********/
.ct_top_barra {
	position: relative;
	width: 100%;
	height: 40px;						
	top: 0; 
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #2A9C4E;
	z-index: 999; 
	}
.ct_dato_top { 									      
	width: auto;				
	height: auto;
	overflow: hidden;
	justify-content: center;
	display: inline-block;
	vertical-align: top;  
	z-index: 300;
	padding: 0 10px 0 0;
	color: #fff; 
	margin: 10px 30px 6px 0;
	font-family: Montserrat; 
	text-transform: uppercase; 
	font-size: 14px;
	/* float: right; text-align: right; */
	float: none; text-align: center;
	}
.ct_dato_top a{
	color: #fff;
	text-decoration: none;
	}
.ct_dato_top img {
	margin: 0 14px 0 0;
	height: 16px; width: 16px;
	}
/****************************/
.ct_logo{
	box-sizing: border-box;
	position: absolute;
	width: 370px;
	top: 40px;
	left: 60px;
	height: 97px;  
	/* background-color: rgba(255, 255, 255, 0.8); */
	}
.ct_logo_s{
	box-sizing: border-box;
	position: absolute;
	width: auto;
	height: 53px;
	top: 0;
	left: 0;
	margin: 6px 0 0 50px; 
	}
.logo{
	box-sizing: border-box;
	width: auto;
	height: auto;
	margin: 10px 0 0 20px; 
	border-radius: 4px;	
	}
.logo_s{
	width: 260px;
	height: 38px;
	margin: 8px 0 0 0; 
	}
.ct_menu{
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	width: 100%;
	color: #000;
	position: relative;
	z-index: 999;   
	}
.ct_datos_top{
	height: auto;
	width: 600px;
	overflow: hidden;
	float: right;
	position: absolute;
	margin: 0;
	top: 80px;
	right: 20px;
	padding: 0; 
	}
.ct_datos_top_off{
	display: none;
	}
#ct_direccion_top{
	height: auto;
	width: auto;
	overflow: hidden;
	float: right;
	position: relative;
	z-index: 300;
	margin: 12px 0;
	padding: 4px 10px;
	text-align: right;
	font-family: Open Sans Condensed, helvetica, arial, sans-serif;
	font-size: 22px;
	color: #fff;	
	background-color: rgba(3, 161, 74, 0.8);
	border-radius: 4px;
	display: flex;
	justify-content: center;
	}
#ct_direccion_top img {
	margin: 4px 14px 0 0;
	height: 20px;
	width: 20px;
	}
#ct_fono_top{
	height: auto;
	overflow: hidden;
	float: right;
	position: relative;
	z-index: 300;
	width: auto;
	margin: 16px 0 12px 0;
	padding: 4px 10px;
	text-align: right;
	font-family: Open Sans Condensed, Verdana, arial, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #fff;
	background-color: rgba(3, 161, 74, 0.8);
	border-radius: 4px;
	}
#ct_fono_top a{
	color: #fff;
	text-decoration: none;
	}
#ct_fono_top img{
	margin: 4px 14px 0 0;
	height: 20px;
	width: 20px;
	}
.menu_movil{			/*  menu inicial */
	box-sizing: border-box;
	float: right;
	height: 46px;
	/* position: absolute; 	top: 110px; right: 0; */
	background-color: rgba(3, 161, 74, 0.8);
	margin: 20px 0; 
	width: 860px;
	padding: 6px 0 0 40px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	}
.ct_menu_fijo {			/*  menu al bajar */
	box-sizing: border-box;
	background-color: rgba(240, 240, 240, 0.9);
	color: #fff;
	position: fixed;
	z-index: 1000;
	top: 0;
	width: 100%;
	padding: 0; 
	margin: 0;
	box-shadow: 0 1px 3px #999; 
	}
.menu_movil_tr{
	box-sizing: border-box;
	float: right;
	height: 46px;
	/* position: absolute; 	top: 110px; right: 0; */
	margin: 10px 0; 
	width: 820px;
	padding: 0 0 0 120px;
	background-color: none;
	}
/**************************** BOTON MEGAEDITOR ***************************/
.ct_bt_mega{
	box-sizing: border-box;
	margin: 0 auto 20px auto;
	padding: 0;
	height: auto;
	text-align: center;
	position: relative;
	}	
.bt_mega_txt:hover {
	background-color: #F0F0F0;
	color: #000;
	text-decoration: none;
	}
.bt_mega_txt:hover::before, .bt_mega_txt_xl:hover::before {
	animation: none;
	display: none;
	background-color: transparent;
	}
.bt_mega_txt {	
	box-sizing: border-box;
	border: none;
	margin: 10px;
	display: inline-block;
	padding: 8px 30px;
	background-color: #0033A0;
	border-bottom: #000 2px solid;
	border-right: #000 1px solid;
	font-size: 22px;
	color: #fff;
	font-family: Roboto, Arial, serif;
	line-height: 22px;
	text-decoration: none;
	cursor: pointer;
	border-radius: 4px;
	position: relative;
	z-index: 1;
	}
.bt_mega_txt:before {	
	background-color: #375B7D;
	}
.bt_mega_txt_xl {
	box-sizing: border-box;
	border: none;
	margin: 20px;
	display: inline-block;
	padding:  16px 60px;
	background-color: #375B7D;
	border-bottom: #000 2px solid;
	border-right: #000 1px solid;
	font-size: 32px; 
	color: #fff;
	font-family: Roboto, Arial, serif; 
	line-height: 32px; 
	text-decoration: none;
	cursor: pointer;
	border-radius: 4px;
	position: relative;
	z-index: 1;
	}
.bt_mega_txt_xl:before {
	content: "";
	position: absolute;
	display: none;
	width: 100%;
	height: 66px;
	top: 50%;
	left: 50%;
	border-radius: 4px;
	background-color: #375B7D;
	animation: destello 3000ms ease-out infinite;
	z-index: -1;
	}
.bt_mega_txt_xl:hover {
	background-color: #F0F0F0;
	color: #000;
	text-decoration: none;
	}
.ct_bt_mega_accion{
	box-sizing: border-box;
	margin: 0 auto 10px auto;
	padding: 0;
	height: auto;
	text-align: center;
	}
.bt_mega_accion_txt {
	box-sizing: border-box;
	border: none;
	margin: 10px;
	display: inline-block;
	padding:  4px 20px;
	background-color: #30752B;
	border-bottom: #021D39 2px solid;
	border-right: #021D39 1px solid;
	font-size: 22px; 
	font-family: Roboto, Arial, serif; 
	line-height: 22px; 
	text-decoration: none;
	cursor: pointer;
	color: #fff;
	border-radius: 4px;
	transition: 0.4s;
	}
.bt_mega_accion_txt:hover {
	background-color: #E9F8E9;
	color: #000;
	text-decoration: none;
	}
/**** BOTON 2 funcion boton_2_megaeditor adicional 10 y 12 ****/
.bt_mega_txt_2{
	box-sizing: border-box; border: none; width: auto; margin: 10px; display: inline-block; padding:  12px 50px 12px 66px; font-size: 20px; font-family: Roboto, Arial, serif; line-height: 22px; text-decoration: none; cursor: pointer; transition: 0.4s; color: #fff; background: url('diseno/bg_boton.png'); background-repeat: no-repeat; background-position: left top; border-radius: 4px;	 background-color: #45A71E; }
.bt_mega_txt_2:hover { color: #000; text-decoration: none; }

/**** BOTON NORMAL GRIS  ****/
.bt_mega_txt_gris {	box-sizing: border-box; border: none; margin: 10px; display: inline-block; padding: 8px 30px; background-color: #F0F0F0; border-bottom: #B4B4B4 2px solid; border-right: #B4B4B4 1px solid; font-size: 20px; color: #525252; font-family: Roboto, Arial, serif; line-height: 22px; text-decoration: none; cursor: pointer; border-radius: 4px; position: relative; z-index: 1; }
.bt_mega_txt_gris:hover { background-color: #fff; color: #000; text-decoration: none; }

/**** BOTON EDITOR  [NOMBRE DEL BOTON:link:LINK] ****/
.ct_bt_mega_editor { box-sizing: border-box; margin: 10px auto; padding: 0; height: auto; text-align: center; position: relative; display: inline-block; width: auto; }
.bt_mega_txt_editor {	box-sizing: border-box; border: none; margin: 10px auto;  padding: 6px 30px; background-color: #194A51; border-bottom: #B4B4B4 1px solid; border-right: #B4B4B4 1px solid; font-size: 18px; color: #fff; font-family: Roboto, Arial, serif; line-height: 22px; text-decoration: none; cursor: pointer; border-radius: 4px; position: relative; z-index: 1; } 
.ct_bt_mega_editor a { color: #fff!important; }
.bt_mega_txt_editor:hover { background-color: #fff; color: #000!important; text-decoration: none;}

/**** BOTON EDITOR  [NOMBRE DEL BOTON:link:LINK] ****/
.ct_bt_mega_editor { box-sizing: border-box; margin: 10px auto; padding: 0; height: auto; text-align: center; position: relative; display: inline-block; width: auto; }
.bt_mega_txt_editor {	box-sizing: border-box; border: none; margin: 10px auto;  padding: 6px 30px; background-color: #194A51; border-bottom: #B4B4B4 1px solid; border-right: #B4B4B4 1px solid; font-size: 18px; color: #fff; font-family: Roboto, Arial, serif; line-height: 22px; text-decoration: none; cursor: pointer; border-radius: 4px; position: relative; z-index: 1; } 
.ct_bt_mega_editor a { color: #fff!important; }
.bt_mega_txt_editor:hover { background-color: #fff; color: #000!important; text-decoration: none;}

/*************************** TITULO PAGINA CSS ****************/
.titulo_pagina{ 	
	border-bottom: #3259a6 0px solid;
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	text-align: center;
	color: #fff;  
	position: relative;
    display: inline-block;
	line-height: 38px; 
/* diseņo 8 */
font-family: Tahoma, Geneva, sans-serif;
padding: 354px 0 54px 0;
background-color: transparent;	
font-size: 50px; 
font-weight: bold;
letter-spacing: 2px
	}
.titulo_pagina img{
	width: 60px;
	height: 60px;
	top: 14px;
	position: relative;
	padding: 0 30px 0 0;	
	}
/* .titulo_pagina::after { content: ""; position: absolute; bottom: -2px; left: 0; width: 60%; height: 3px; background-color: #000; } /* linea inferior incompleta */
.titulo_pagina_grande {
	font-size: 7.0em;
	margin: 40px 0 0 0;
	opacity: 0.3;
	-webkit-text-stroke: 1.0px #16377e;
	text-align: center;
	color: transparent;
	width: 100%;
	font-family: sans-serif; 
	font-weight: 700;
	line-height: 1.1;
	position: absolute;
	z-index: 9999; 
	text-transform: uppercase;
	overflow: hidden;
	animation: flotando 5s linear 2s infinite; 
	}
@media (max-width: 768px){ .titulo_pagina_grande { display: none; } }
.titulo_grande_banner {
	font-size: 7.0em;
	margin: 200px 0 0 0;
	opacity: 0.3;
	-webkit-text-stroke: 1.0px #fff;
	text-align: right;
	color: transparent;
	width: 98%;
	font-family: sans-serif; 
	font-weight: 700;
	line-height: 1.1;
	position: absolute;
	z-index: 999; 
	text-transform: uppercase;
	overflow: hidden;
	animation: flotando 5s linear 2s infinite;
	}
@media (max-width: 940px){ .titulo_grande_banner { display: none; } }
/**************************** MAIN ***************************/
#main { 	
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	min-height: 0;
	font-size: 18px; 
	font-family: Roboto, Arial, serif; 
	line-height: 28px;
	display: block;
	position: relative;
	overflow: hidden;
	top: 0;
	z-index: 400; 
	}
#main p {
	margin-top: 4px;
	}
#main #galeria img{
	width: 25%;
	margin: 1%;
	box-sizing: border-box;
	border-radius: 4% 4%;
	box-shadow: black 0 0 5px;
	}
#main ul li ,table ul li {
	background: url('diseno/liul.png');
	background-repeat: no-repeat;
	background-position: 0px 5px; 
	padding-left: 16px; 
	list-style-type: none; 
	width: auto; 
	}
.menu_a{
	font-weight: bold;
	}
.ct_noticias_home{
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	background-color: #fff; 
	border: #fff 1px solid;
	}
/************************* PIE PAGINA *************************/
#menu_pie {  
	box-sizing: border-box;
	background-color: #0033A0;
	padding: 0;
	margin: 0;
	height: auto;  			
	font-family: Open Sans Condensed, sans-serif;
	font-size: 26px;
	text-align:center;
	color: #fff;
	line-height: 38px;
	background-image: url('diseno/3.svg'); 
	background-repeat: no-repeat; 
	background-size: cover;
	}
#capa_bg_pie {
	width: auto;
	height: auto;
	top: 0;
	left: 0;
	/* background: transparent url('diseno/capa.png') repeat bottom left;  */
	}
.logo_pie{
	margin: 0 0 30px 0;
	width: auto;
	height: auto;
	}
.ct_col_menu {				
	text-align: center; 
	margin: 0;
	padding: 40px 0 0 30px;
	}
.ct_col_menu h3, .ct_col_menu h3 a {
	margin: 0 0 10px 20px;
	padding:0;
	font-size: 25px;
	text-align: left;
	font-weight: normal;
	color: #fff;
	font-family: Cuprum, Arial, serif; 
	line-height: 30px;
	text-decoration: none;
	}
.ct_col_menu ul {
	line-height: 24px;	
	margin: 0;
	padding: 0;
	}
.ct_col_menu ul, .ct_col_menu li {
	text-align: left;
	list-style-type:none;
	margin: 0 0 6px 30px;
	padding: 0; 		
	}
.ct_col_menu li a {
	font-size: 20px;
	font-family: Open Sans Condensed, Arial, sans-serif;	
	color: #fff;	
	text-decoration: none; 
	transition: 0.4s;
	}
.ct_col_menu a:hover {
	font-weight: bold;
	transition: 0.4s;
	padding: 0 0 0 10px;
	}
.cl1{
	width: 35%; 
	border-right: #00363E 0 solid;
	display: inline-block;
	vertical-align: top; 
	float: left;
	}
.cl2{
	width: 28%;	 
	border-right: #00363E 0 solid;
	padding-bottom: 70px;
	display: inline-block;
	vertical-align: top; 
	float: left;
	}
.cl3{
	width: 20%;	 
	padding-bottom: 70px;
	display: inline-block;
	vertical-align: top; 
	float: left;
	}
/**** FORM PIE *****/
.cl2 #form {
    box-sizing: border-box;
    width: 70%;
    padding: 0;
    margin: 0 auto;
	float: left;
	}
.cl2 #form h2 {
    font-weight: 100;
    padding: 0;
    margin: 0;
	}
.cl2 #form label {
    padding: 0;
    display: block;
	}
.cl2 #form input, .cl2 #form textarea, .cl2 #form select {
    box-sizing: border-box;
    width: 100%;
    border: 0;
    margin: 0 0 4px 0;
    padding: 10px; 
    font-family: Roboto, Arial, serif; 
    font-size: 16px; 
    line-height: 20px; 
    font-weight: 200;
    color: #fff;
    background-color: rgba(256, 256, 256, 0.05);
    border-radius: 4px;	
	}
.cl2 #form ::placeholder {
    color: #fff;
    opacity: 0.4;
	}
.cl2 #form .codigo_txt, .cl2 #form #codigo_verificacion {
    display: none;
	}
.codigo_txt { 
    font-family: Roboto, Arial, serif; 
    font-size: 16px; 
    line-height: 20px; 
    font-weight: 200;
    color: #fff; 
    padding: 6px 0 0 0; 
    margin: 2px 0 0 0; 
    text-align: center; 
    overflow: hidden; 
    float: left; 
    width: 70%; 
    opacity: 0.6;
	}
.codigo_txt img {
    border-radius: 4px;	
	}
.cl2 #form input[type=submit] {
    box-sizing: border-box;
    width: auto;
    margin: 0;
    padding: 10px 20px;
    background-color: rgba(256, 256, 256, 0.05);
    border: 0;
    color: #fff;
    cursor: pointer;
    border-radius: 4px;
	}
.cl2 #form input[type=submit]:hover {
    background-color: #fff;
    color: #000;
	}
/*******************/	
.cl4{
	width: 18%;
	display: inline-block;
	vertical-align: top; 
	}
#pie_contacto { 
	box-sizing: border-box;
	width: 100%;
	padding: 50px 0 40px 0; 
	margin: 0;
	height: auto;  			
	font-family: Roboto, Open Sans Condensed, sans-serif;
	font-size: 18px;
	line-height: 42px;
	text-align: center;
	color: #fff;
	}
#pie_contacto p{
	margin: 0;
	padding: 0;
	}
#pie_contacto img {
	margin: 0;
	height: 20px;
	width: 20px;
	}
#pie_contacto a{ 
	text-decoration: none;
	color: #fff;
	}
.ct_sociales_pie{
	box-sizing: border-box;
	overflow: hidden;
	z-index: 998;
	width: 100%;
	height: auto;
	text-align: center;
	line-height: 60px;	
	top: 0;
	margin: 0 0 40px 0;
	padding: 0;
	}
.ct_sociales_pie img{
	width: 36px;
	height: 36px;
	margin: 0 8px 0 0;
	}
.ct_mapa_open {
	display: flex;
	justify-content: center;
	align-items: center;
	}
.mapa_pie{
	width: 210px;
	height: 210px;
	margin: 0;
	border: 0 solid #CFE5F1;
	border-radius: 5px;
	}
@media screen and (max-width: 640px) {
	#pie_contacto  {
		padding: 10px; 
		font-size: 18px;
		line-height: 36px;
		}	
	.ct_col_menu {
		width:100%;
		margin: 0 auto;
		padding: 0; 	
		}
	.ct_col_menu ul, .ct_col_menu li {
		margin-left: 0;	 
		text-align: center;	
		}
	.ct_col_menu h3, .ct_col_menu h3 a {
		margin: 0 0 10px 0;
		margin-top: 18px;
		text-align: center;
		font-size: 22px;
		}
	.cl1{
		border-right: 0; 
		margin: 20px 0 0 0;
		}
	.cl2{
		text-align: center;
		border-right: 0; 
		margin: 0 0 10px 0;
		border-top: #2C3E6B 0 solid;
		width: 60%; 
		}
	.cl3{
		text-align: center;
		border-right: 0; 
		margin: 0 auto 70px auto;
		border-top: #2C3E6B 0 solid;
		width: 40%; 
		}
	.cl2 #form {
		float: none;
		}
	}
@media screen and (max-width: 400px){ .logo_pie{ margin: 10px 0 10px 0; width: 60%; height: auto;}}
	
/*************** CONTAINER ********************/

.container_90{ box-sizing: border-box; margin: auto; width: 90%; z-index: 0; }
.container_92{ box-sizing: border-box; margin: auto; width: 92%; z-index: 0; }
.container_94{ box-sizing: border-box; margin: auto; width: 94%; z-index: 0; }
.container_96{ box-sizing: border-box; margin: auto; width: 96%; z-index: 0; }
.container_98{ box-sizing: border-box; margin: auto; width: 98%; z-index: 0; }
.container_100{ box-sizing: border-box; margin: auto; width: 100%; z-index: 0; }
@media screen and (max-width: 800px){.container_90,.container_92,.container_94,.container_96{ width:98%; }}

.container_1300{ box-sizing: border-box; margin: auto; width: 1300px; z-index: 0; }
	@media screen and (max-width: 1300px) { .container_1300 { width: 100%; } }
	
.container_1200{ box-sizing: border-box; margin: auto; width: 1200px; z-index: 0; }
	@media screen and (max-width: 1200px) { .container_1200 { width: 100%; } }

.container_1100{ box-sizing: border-box; margin: auto; width: 1100px; z-index: 0; }
	@media screen and (max-width: 1100px) { .container_1100 { width: 100%; } }

.container_1000{ box-sizing: border-box; margin: auto; width: 1000px; z-index: 0; }
	@media screen and (max-width: 1000px) { .container_1000 { width: 100%; } }

.container_900{ box-sizing: border-box; margin: auto; width: 900px; z-index: 0; }
	@media screen and (max-width: 900px) { .container_900 { width: 100%; } }

.container_800{ box-sizing: border-box; margin: auto; width: 800px; z-index: 0; }
	@media screen and (max-width: 800px) { .container_800 { width: 100%; } }

.container_700{ box-sizing: border-box; margin: auto; width: 700px; z-index: 0; }
	@media screen and (max-width: 700px) { .container_700 { width: 100%; } }

.container_600{ box-sizing: border-box; margin: auto; width: 600px; z-index: 0; }
	@media screen and (max-width: 600px) { .container_600 { width: 100%; } }

/***********************************/
.container {
	box-sizing: border-box;
	margin: auto;
	width: 1200px;
	z-index: 0; 
	}
@media screen and (max-width: 1200px) { .container { width: 1040px; } }
@media screen and (max-width: 1040px) {
	header{
		height: 600px;
		}
	.wp_logo_visible{
		top: 56px;
		right: 14px;
		position: fixed;
		}
	.ajustable_movil{ 
		width: 100%!important; 
		height: auto!important;
		}
	.container{
		width: 100%; 
		}	
	.ct_logo{
		width: 100%;
		height: auto; 
		text-align: center;
		top: 0;
		left: 0;
		margin: 0 auto; 
		background-color: #fff;
		position: relative;  
		}		
	.logo{
		display: block;
		text-align: center;
		width: 200px;
		height: auto;
		margin: 50px auto 0 auto;
		padding: 18px 0 14px 0; 
		background-color: #fff;
		}
	.logo_s{
		display: none;
		}
	.ct_datos_top{
		display: none;
		}
	#ct_fono_top{
		display: none;
		}
	#ct_direccion_top{
		display: none;
		}
	.ct_sociales_top{
		display: none;
		}		
	.ct_menu{
		background-color: #fff;
		position: absolute;
		}
	.ct_menu_fijo{
		background-color: #fff; 
		}
	.menu_movil{
		width: 100%;
		top: 0;
		position: absolute;
		background-color: none;
		z-index: 1000;
		margin: 0;
		padding: 0; 
		}
	#titulo_pagina{
		font-size: 30px;
		margin: 24px 0 0 0;
		}
	#titulo_pagina img{
		width: 45px;
		height: 45px;
		padding: 0 20px 0 0;
		}
	#main {
		width: 100%;
		padding: 14px;
		}
	#main #galeria {
		text-align: center;
		}
	#main #galeria img{
		width: 100%;
		}
	#box_left{
		width: 100%;
		background-image: none;
		}
	#box_right{
		width: 100%;
		float: left;
		}
	}
/*******************************  MASTERNET.CL  **********************************/
#masternet_box{
	box-sizing: border-box;
	text-align: center;
	margin: 0;
	width: 100%;
	height: 26px;
	padding: 4px;
	background-color: #015C2B;
	}
.masternet , a.masternet:link, a.masternet:visited, a.masternet:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #BEBEBE;
	text-decoration: none;
	font-weight: normal;
	}
a.masternet:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
    }
@media screen and (max-width: 1040px) {
	#masternet_box{
		text-align: left;
		}
	}
.salto {
	clear: both;
	}

/*************************** CARRUSEL TOP **************************/
#ct_carrusel_top{
	box-sizing: border-box;	
	width: 100%;
	height: 700px;
	position: absolute; 
	z-index: 0; 
	top: 0;
	margin: 0;
	padding: 0; 
	}
#carrusel_top{	
	box-sizing: border-box;
	width: 100%;
	height: 100%; /* hereda de #ct_carrusel_top */
	position: absolute;
	bottom: 0;	
	right: 0;
	left: 0;
	top: 0;
	padding: 0;
	margin: 0;
	font-family: Open Sans Condensed, sans-serif;
	font-weight: normal;
	font-size: 40px;
	text-align: center;
	color: #fff;
	line-height: 40px;	
	z-index: 0;
	}
/***** TXT *****/
.txt_carrusel{
	margin: 380px auto 0 auto;	
	}
	
@media screen and (max-width: 1040px) {
	#ct_carrusel_top {
		width: 100%;
		height: 420px; 	
		top: 190px;		
		}
	#carrusel_top{
		height: 420px;
		font-size: 30px;
		}
	.txt_carrusel{
		margin-top: 20px;
		padding: 12px; 
		}
	}
@media screen and (max-width: 700px) {
	#ct_carrusel_top { 
		height: 420px;
		}
	#carrusel_top{
		height: 420px;
		font-size: 20px;
		}
	.ct_carrusel_ver_2{
		font-size: 20px;
		}
	}
	
/*************************** WP DESTELLO **************************/
.wp_logo{
    display: block;
    position: relative;
	top: -14px; /* con form_chat -50, sin -20 */
	left: -17px;
    z-index: 3;
	width: 46px;
	height: 46px;
	cursor: pointer;
	}
.destello {
    position: fixed;
    box-sizing: content-box;
    display: inline-block;
    width: 32px;
    height: 44px;
    border-radius: 50%;
    padding: 46px 8px 18px 28px; /* con form_chat padding: 106px, sin 46px */
	bottom: 0;
	right: 20px;
	z-index: 999;
	}
.destello:before, .destello:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 50px;
    height: 50px;
    background-color: #25D366;
    border-radius: 50%;
	}
.destello:before {
    z-index: 0;
    animation: destello 2000ms ease-out infinite;
	}
.destello:after {
    z-index: 1;
    transition: all 200ms ease;
	}
.destello span {
    display: block;
    position: relative;
    z-index: 3;
    width: 0;
    height: 0;
    border-left: 16px solid #ffffff;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
	}
.destello:hover:after {
    background-color: #6BE499;
	}
		
.titulo_solo{
	box-sizing: border-box;
	padding: 30px 0 20px 0;
	margin: 0;
	width: 100%;
	height: auto;
	overflow: hidden;	
	font-family: Montserrat, Cuprum, Open Sans Condensed, sans-serif;
	font-size: 32px; 
	line-height: 32px; 
	color: #000;
	text-align: center; 
	}
.titulo_solo img{
	width: 60px;
	height: 60px;
	top: 10px;
	position: relative;
	padding: 0 30px 0 0;
	}
.ct_txt_solo{
	box-sizing: border-box;
	width: 100%;
	min-height: 30px;
	overflow: hidden; 
	margin: 20px auto 0 auto;
	font-family: Roboto, Arial, serif; 
	font-size: 20px; 
	line-height: 30px;
	text-align: center; 
	font-weight: 200;
	}
.ct_txt_solo p{
	margin: 0;
	padding: 0;
	}
@media screen and (max-width: 680px) {
	.titulo_solo{
		font-size: 26px; 
		line-height: 26px; 
		}
	.titulo_solo img{
		width: 50px;
		height: 50px;
		top: 16px;
		}
	}

/******************** ANIMACIONES ***********************/

/*	LLAMADA EN EL CSS
	animation: destello 2000ms ease-out infinite;
	animation: sombra_destello 3s linear 2s infinite; 
	animation: corazon 5s linear 2s infinite; 
	animation: aparece_desapaece 2s linear 2s infinite; 
	animation: late 5s linear infinite; 
	animation: agranda_desaparece 5s linear infinite;
	animation: flotando 5s linear 2s infinite; 
	animation: medio_giro 5s linear 2s infinite; 
	animation: giro_360 8s infinite linear; 
	animation: giro_360_2 8s infinite linear; 
	animation: tiriton 2.72s ease infinite; 	
	animation: pulso_boton 2.6s ease-out infinite; */
	
@keyframes destello {
	0% { transform: translate(-50%, -50%) translateZ(0) scale(1); opacity: .7;}
	100% { transform: translate(-50%, -50%) translateZ(0) scale(1.5); opacity: 0.1;} }
	
@keyframes sombra_destello{
	0%{box-shadow:0 0 0 0 rgba(0, 0, 0, 0.7), 0 0 0 0 rgba(0, 0, 0, 0.7);}
	70%{box-shadow:0 0 20px 10px rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0.7);}
	100%{box-shadow:0 0 0 0 rgba(0, 0, 0, 0.7), 0 0 0 0 rgba(0, 0, 0, 0.7);}}
	
@keyframes corazon{
	0%{transform:scale(1,1)} 
	50%{transform:scale(1.1,1.1)}
	100%{transform:scale(1,1)}}
	
@keyframes aparece_desapaece{50%{Opacity:0.6;}}

@keyframes late{
	0%{transform: scale(1,1)} 
	50%{transform: scale(1.05,1.05)}
	100%{transform: scale(1,1)}}
	
@keyframes agranda_desaparece {
	0%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(0, 0, 0, 0.7);} 
	50%{transform:scale(1.1);box-shadow:0 0 0 10px rgba(0, 0, 0, 0);} 
	100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(0, 0, 0, 0);}}
	
@keyframes flotando{
	0%{transform:translateY(0px)}
	50%{transform:translateY(20px)}
	100%{transform:translateY(0px)}}

@keyframes medio_giro{
	0%{transform: rotate(0deg)} 
	50%{transform: rotate(6deg)}
	100%{transform: rotate(0deg)}}

@keyframes giro_360 {
	from { -webkit-transform: rotate(0deg);}
	to { -webkit-transform: rotate(-359deg);}}
	
@keyframes giro_360_2 {
	from { -webkit-transform: rotate(0deg); }
	to { -webkit-transform: rotate(359deg); }}
	
@keyframes tiriton{
	0% { transform:translate(0,0) }
	4.41177% { transform:translate(5px,0) }
	8.82353% { transform:translate(0,0) }
	13.23529% { transform:translate(5px,0) }
	17.64706% { transform:translate(0,0) }
	22.05882% { transform:translate(5px,0) }
	26.47059% { transform:translate(0,0) }
	100% { transform:translate(0,0) } }
	
@keyframes pulso_boton {
    0%   { transform: scale(1);   opacity: 0.4; }
    100% { transform: scale(1.55); opacity: 0; }}
	
/****************** DESTACADOR ************************/
.destacado {
	display: inline-block;
	position: relative;
	color: var(--text_color_initial, #000); 
	padding: 4px 8px;
	overflow: hidden; 
	z-index: 1;
	vertical-align: middle;
	transition: color 1s ease-in-out; 
	}
.destacado::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: var(--bg_color, #18499A);
	transform: scaleX(0); 
	transform-origin: left;
	z-index: -1;
	transition: transform 1s ease-in-out;
	}
.destacado.visible {
	color: var(--text_color_final, #fff); 
	}
.destacado.visible::before {
	transform: scaleX(1);
	}
	
/************************* BANDERAS IDIOMAS **********************************/
.ct_idiomas {
    box-sizing: border-box;
    position: absolute;
    overflow: hidden;
    width: 60px;
    height: auto;
    margin: 10px 0 0 10px;
    padding: 0; 
    top: 10px;
    right: 10px;
    z-index: 9999;   
	}
.select_idiomas {
    background-color: rgba(255, 255, 255, 0.3);
    display: inline-block;
    padding: 0;
    height: 30px;
    overflow: hidden;
    transition: all .3s ease;
    margin: 0;
    vertical-align: top;
    float: left;
    border-radius: 5px;
	}
.select_idiomas.active {
    height: 68px;
	}
.select_idiomas a {
    color: #fff;
    text-decoration: none;
    font-family: Roboto;
    font-size: 16px;
	}
.select_idiomas a:hover {
    text-decoration: none;
	}
.select_idiomas li {
    display: block;
    padding: 0 6px 0 10px;
    line-height: 34px;
    border-top: 1px solid #F0F0F0;
	}
.select_idiomas li:hover {
    background-color: rgba(255, 255, 255, 0.8);
	}
.select_idiomas a:first-child li {
    border: none;
	}
.select_idiomas li img {
    margin-right: 0;
	}
@media screen and (max-width: 1040px) {
    .select_idiomas {
        background-color: rgba(0, 0, 0, 0.3);
		}
    .select_idiomas a:first-child li {
        background-color: rgba(255, 255, 255, 0.3);
		}
    .ct_top_botones {
        width: auto;
        top: 50px;
		}
    .select_idiomas li {
        border-top: 1px solid #666;
		}
    .ct_idiomas {
        width: auto;
        height: auto;
        top: 50px;
		}
    .select_idiomas li img {
        margin-right: 0;
		}
	}
/******* BOTON TOP LLAMAR LANDING ********/
.ct_phone_btn { 
	float: right;
	margin: 46px 70px 16px 0;
	}
.phone-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background-color: rgba(3, 161, 74, 0.8);
	color: #fff;
	padding: 8px 18px;
	border-radius: 20px;
	text-decoration: none;
	font-family: Roboto, Arial, serif;
	font-size: 18px;
	font-weight: 300;
	transition: background-color 0.3s;
	}
.phone-btn:hover {
	background-color: rgba(3, 161, 74, 1);
	}
.ct_phone_btn img {
	width: 18px;
	height: 18px;
	vertical-align: middle;
	margin-right: 6px;
	}	
@media screen and (max-width: 1040px) {
    .ct_phone_btn {
        display: none;
		}
	}