/* DISEŅO DE SITIOS WEB EN CONCEPCION MASTERNET.CL, DISEŅO DE PAGINAS WEB EN CONCEPCION MASTERNET.CL 

2024 4 adaptado para todo diseņo, desde DRONECAP
DISEŅO
	1 menu 100% con banner, CATALOGO
	2 menu derecha, BIO-SERVICIOS
		2.2 idem con logo_s fijo
		2.3 banner xl
		2.4 benner l menu inicial tr y menu fijo mas alto, osteotrauma
	3 menu 100% top, ANDRESGATICA
	4 similar a 3 pero tr, AWA EXPEDITIONS
	5 video mp4 de fondo
	6 banner con menu lateral, OPTIMIZASG
	7 menu int tr, DRONECAP OLD
	
*/
/************************************** 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; 
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	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;
	-webkit-border-radius: 4px; 
	-moz-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;	
	}
/**********************************  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: 0 22px 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: 22px; height: 22px; 	 /* 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;
		}
	}
/************************** CARRITO **************************/
.carrito_numero{
	margin: 0 0 0 34px;
	color: #E6E6E6;
	font-size: 20px;
	}
.carrito_movil{
    display: none;
	}
@media screen and (max-width: 1040px) {
	.carrito_movil{
		display: flex;
		justify-content: center;
		position: fixed;
		padding: 4px 6px;
		bottom: 4px;
		left: 4px;
		z-index: 9999;
		width: 42px;
		height: 22px;
		cursor: pointer;
		font-size: 16px;
		font-family: Verdana, Arial, Helvetica, sans-serif;	
		color: #000;
		background: rgba(240, 240, 240, 0.5);
		border-radius: 4px;	
		}
	.carrito_movil img{
		width: 20px;
		height: 20px;
		padding: 0 4px 0 0;
		}
	}
/*************************************************************/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 14px;
	margin: 0;
	padding: 0; 
	background-color: #fff;
    }
.ct_top_barra { 	/* DISEŅO 2.5 */
	position: absolute;
	width: 100%;
	height: 40px;						
	top: 0; 
	margin: 0;
	padding: 0;
	text-align: left;
	background-color: #163E8D; /* #6500BA; #00B600  */
	}
#ct_top {
	/* height: 710px;	/* DISEŅO 1, 3, 4, 5, 6, 7 */
	/* height: 590px;		/* DISEŅO 2 */
	/* height: 690px;		/* DISEŅO 2.3 xl */
	 height: 630px;		/* DISEŅO 2.4 */
	height: 720px; top: 40px; /* DISEŅO 2.5 */
	margin: 0;
	padding: 0;
	color: #fff;
	text-align: center;
	font-family: Open Sans Condensed, helvetica, arial, sans-serif;  
	background-repeat: repeat; 
	background-size: auto;
	/* background: linear-gradient(to bottom, rgba(55,77,134,1), rgba(55,77,134,0.8)), url('diseno/bg_servicios.jpg'); */
	background-color: #163E8D;
	}	
.ct_logo{
	box-sizing: border-box;	
	overflow: hidden;
	float: left;
	padding: 28px 18px 18px 18px; 
	transition: 0.5s;
	width: auto;
	height: auto;
	position: absolute; 
	z-index: 999; 
	/* margin: 0 0 0 140px; /* DISEŅO 1 */
	/* top: 0; left: 50px; /* DISEŅO 2 */ 
	top: 80px; left: 70px; /* background-color: rgba(255,255,255,0.6); /* DISEŅO 2.5 */
	/* top: 120px; left: 40px; background-color:rgba(243,243,243,0.8); border-radius:6px; /* DISEŅO 3 */
	/* top: 120px; left: 60px;  /* DISEŅO 4 */
	/* top: 120px; left: 60px; border-radius:6px; width: auto; /* DISEŅO 5 */
	/* margin: 0 0 0 60px;  /* DISEŅO 6, 7 */
	}
.ct_logo:hover{
	/* margin: 0 0 0 148px; 	/* DISEŅO 1 */
	 left: 64px; 				/* DISEŅO 2, 3, 4, 5 */
	/* margin: 0 0 0 68px;  /* DISEŅO 6, 7 */
	}
.ct_datos_top {  				
	height: auto;
	width: 600px;
	overflow: hidden;
	z-index: 400;
	float: right;
	position: absolute;
	margin: 0;
	padding: 0;
	/* top: 10px; right: 80px;		/* DISEŅO 1 */
	/* top: 90px; right: 20px;		/* DISEŅO 2, 3, 5 */
	top: 150px; right: 20px;		/* DISEŅO 2.4 */
	/* top: 70px; right: 20px;		/* DISEŅO 4 */
	/* top: 16px; right: 40px;		/* DISEŅO 6, 7 */
	}
.ct_dato_top { 									      
	width: auto;				
	height: auto;
	overflow: hidden;
	float: right;
	justify-content: center;
	display: inline-block;
	vertical-align: top;  
	z-index: 300;
	padding: 0 10px 0 0;
	text-align: right;
	color: #fff; 
	/* margin: 14px 20px 6px 0; */
	margin: 10px 30px 6px 0; /* DISEŅO 2.5 */ 
	/* font-family: Cuprum, Open Sans Condensed, arial; font-size: 18px; /* DISEŅO 1,2,3,4,5,6,7 */
	font-family: Montserrat; text-transform: uppercase; font-size: 14px; /* DISEŅO 2.4, 2.5 */
	/* clear: both; /* 1 dato por linea */
	}
.ct_dato_top a{
	color: #fff;
	text-decoration: none;
	}
.ct_dato_top img {
	margin: 0 14px 0 0;
	/* height: 24px; width: 24px; */
	height: 16px; width: 16px; /* DISEŅO 2.5 */
	}	
.ct_menu_top{				/*********** menu inicial ********/
	box-sizing: border-box;
	margin: 0;
	text-align: center;
	padding: 0;
	/* height:56px; top:150px; position:absolute; width:100%; background:#000; /* DISEŅO 1 */
	/* height: 56px; position: relative; z-index: 999;  width: 1090px; background-color: rgba(0, 52, 83, 0.9); float: right; margin: 10px 0; padding: 5px 0 0 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; /* DISEŅO 2 */ 
	height: 60px; position: relative; z-index: 999; width: 1000px; float: right; margin: 10px 0; padding: 14px 0 0 0; background-color: rgba(255, 255, 255, 0.7); /* DISEŅO 2.4, 2.5 */
	top: 70px;  /* DISEŅO 2.5 */
	/* position: relative; z-index: 999;  width: 100%;	/* DISEŅO 3, 4 */	
	/* position: relative; top: 3px; width: 860px; float: right; /* DISEŅO 5 */
	/* height: 56px; position: relative; z-index: 999;  width: 1090px; float: right; top: 100px; padding: 5px 0 0 0; text-align: right; /* DISEŅO 6 */
	/* height: 56px; position: relative; z-index: 999;  width: 1090px; float: right; top: 148px; padding: 5px 0 0 0; text-align: right; background-color: rgba(0, 52, 83, 0.9); /* DISEŅO 7 */
	}
@media screen and (max-width: 1240px) { .ct_menu_top{ width: 880px; }}
	
.ct_menu_top_fijo {			/*********** menu fijo al bajar ********/
	box-sizing: border-box;
	position: fixed;
	top: 0;
	float: none;
	margin: 0;
	z-index: 700;
	padding: 0;
	width: 100%;
	/* DISEŅO 1 */
		/* height: 58px; background-color: rgba(0, 0, 0, 0.8); 
	/* DISEŅO 2 */
		/* height: 48px; text-align: right; padding: 2px 26px 0 0; background-color: rgba(0, 52, 83, 0.9); box-shadow: 0 1px 3px #484848; -moz-box-shadow: 0 1px 3px #484848; -webkit-box-shadow: 0 1px 3px #484848; -o-box-shadow: 0 1px 3px #484848; */
	/* DISEŅO 2.4 */
		 height: 76px; text-align: right; padding: 18px 180px 0 0; background-color: rgba(255, 255, 255, 0.9); box-shadow: 0 1px 3px #484848; -moz-box-shadow: 0 1px 3px #484848; -webkit-box-shadow: 0 1px 3px #484848; -o-box-shadow: 0 1px 3px #484848; 
	/* DISEŅO 3 */
		/* height: 58px; background-color: rgba(36, 36, 36, 0.9); box-shadow: 0 1px 3px #484848; -moz-box-shadow: 0 1px 3px #484848; -webkit-box-shadow: 0 1px 3px #484848; -o-box-shadow: 0 1px 3px #484848; 		
	/* DISEŅO 4 */
		/* height: 58px; background-color: rgba(36, 36, 36, 0.9); box-shadow: 0 1px 3px #484848; -moz-box-shadow: 0 1px 3px #484848; -webkit-box-shadow: 0 1px 3px #484848; -o-box-shadow: 0 1px 3px #484848; */
	/* DISEŅO 5 */
		/* height: 58px; background-color: rgba(255, 255, 255, 0.9); box-shadow: 0 1px 3px #484848; -moz-box-shadow: 0 1px 3px #484848; -webkit-box-shadow: 0 1px 3px #484848; -o-box-shadow: 0 1px 3px #484848; padding-right: 100px; */
	/* DISEŅO 6, 7 */
		/* height: 58px; background-color: rgba(0, 0, 0, 0.8); padding: 6px 0 0 0;  */
	}
/* .ct_menu_top_fijo #cssmenu {text-align: right;} /* DISEŅO 5 menu fijo a la derecha */
@media screen and (max-width: 1040px) {
	.ct_menu_top_fijo{
		position: absolute;
		}
	}
.logo_s{
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	position: fixed;
	z-index: 999;
	left: 60px;
	transition: 0.4s;
	border-radius: 4px;	
	/* top: 10px; 		/* DISEŅO 1, 3, 4, 5, 7 */
	/* top: 6px; 		/* DISEŅO 2 */
	/* top: 30px; background-color: #164562; padding: 0 0 10px 0; border-radius: 6px; /* DISEŅO 2.2 */
	 top: 20px; padding: 0 0 10px 0; /* DISEŅO 2.4 */
	}
@media screen and (max-width: 1040px) {.logo_s{ display: none;}}
	
/************* VIDEO HOME DISEŅO 5 ********************/
.ct_video_home{
	box-sizing: border-box; position: absolute; overflow: hidden; width: 100%; height: 100%; margin: 0; padding: 0; top: 0; }
.ct_video_h{
	box-sizing: border-box; position: absolute; overflow: hidden; width: 100%; height: auto; z-index: 200; margin: 0; padding: 0; }
.ct_video_h video{
	width: 100%; margin: 0; padding: 0; }
.capa_video{ 
	box-sizing: border-box; overflow: hidden; position: absolute; z-index: 210; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; background-image: url('diseno/video_trama/72.png'); /* 2, 3, 5, 7, 8 */ }
.txt_video{ 
	box-sizing: border-box; overflow: hidden; top: 400px; left: 100px; position: absolute; z-index: 210; width: 70%; height: auto; text-align: left; color: #fff; font-size: 28px; line-height: 38px; font-family: Roboto; font-weight: 200;}
@media screen and (max-width: 1040px) { .capa_video{ display: none; }
.ct_video_home{ top: 256px; }
.txt_video{ left: 0; top: 300px; width: 90%; text-align:center; font-size: 20px; line-height: 26px; } }

/**************************** 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: #163E8D;
	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: #F0F0F0 0 solid;
	width: 100%;
	height: auto;
	margin: 0 0 0 0;
	padding: 54px 0 54px 0;
	text-align: center;
	font-family: Montserrat, Dosis, Cuprum, Open Sans Condensed, sans-serif;
	font-size: 38px; line-height: 38px;
	color: #163D8D;  
	position: relative;
    display: inline-block;
	background-color: #f2f2f2;	
	font-size: 22px; line-height: 32px;
	}
.titulo_pagina img{
	width: 60px;
	height: 60px;
	top: 14px;
	position: relative;
	padding: 0 30px 0 0;
	filter: contrast(0.8) sepia(0.7) saturate(5) hue-rotate(170deg) brightness(1.2);	
	}
/* .titulo_pagina::after { content: ""; position: absolute; bottom: -2px; left: 0; width: 60%; height: 3px; background-color: #000; } /* linea inferior incompleta */

/**************************** MAIN ***************************/
#main { 	
	box-sizing: border-box;
	padding: 0;
	margin: 0 0 0 0;
	min-height: auto;
	font-size: 20px; 
	font-family: Roboto, Arial, serif; 
	line-height: 30px;
	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/tick.svg');
	background-repeat: no-repeat;
	background-position: 0 5px; 
	padding-left: 32px; 
	list-style-type: none; 
	width: auto; 
	line-height: 32px;
	}
.normal{ }
#cssmenu .menu_a{ }
#menu_pie .menu_a{
	font-weight: bold;
	}
.ct_noticias_home{
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	background-color: #FFF;
	}
/************************* PIE PAGINA *************************/
#menu_pie {  
	box-sizing: border-box;
	background-color: #163E8D;
	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: repeat; 
	}
#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 *****/
.cl3 #form {
    box-sizing: border-box;
    width: 90%;
    padding: 0;
    margin: 0 auto;
	float: left;
	}
.cl3 #form h2 {
    font-weight: 100;
    padding: 0;
    margin: 0;
	}
.cl3 #form label {
    padding: 0;
    display: block;
	}
.cl3 #form input, .cl3 #form textarea, .cl3 #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;	
	}
.cl3 #form ::placeholder {
    color: #fff;
    opacity: 0.4;
	}
.cl3 #form .codigo_txt, .cl3 #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;	
	}
.cl3 #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;
	}
.cl3 #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: 21px;
	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;
	}
@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 {
		margin-top: 18px;
		text-align: center;
		}
	.cl1{
		border-right: 0; 
		margin: 20px 0 10px 0;
		}
	.cl2{
		border-right: 0; 
		margin: 20px 0 10px 0;
		border-top: #2C3E6B 0 solid;
		}
	.cl3{
		border-right: 0; 
		margin: 20px auto 10px auto;
		border-top: #2C3E6B 0 solid;
		}
	.cl3 #form {
		float: none;
		}
	}
@media screen and (max-width: 400px){ .logo_pie{ margin: 10px 0 10px 0; width: 90%; height: auto;}}

/*************** CONTAINER ********************/

.container_100{ box-sizing: border-box; margin: auto; width: 100%; z-index: 0; }

.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) {
	.ajustable_movil{ 
		width: 100%!important; 
		height: auto!important;
		}
	body {
		background-image: none; 
		}
	.container{
		width: 100%; 
		}
	#ct_top {
		/* height: 420px;	/* DISEŅO 1,2,3,4,6,7 */
		/* height: 480px;	/* DISEŅO 5 */
		/* height: 460px; 	/* DISEŅO 2.3 xl */
		height: 450px;	/* DISEŅO 2.4 */
		background-color: #3058A7;
		}
	.ct_datos_top, .ct_top_barra {
		display: none;
		}
	#ct_fono_top{
		display: none;
		}
	#ct_direccion_top{
		display: none;
		}
	.ct_sociales_top, .ct_dato_top_slogan {
		display: none;
		}
	.ct_logo{  
		position: relative;
		top: 6px;
		text-align: center;
		padding: 0;
		width: 100%;
		margin: 0;
		height: 210px;	    
		background-size: auto 264px;
		background-color: transparent;
		left: 0;
		 z-index: 100;	/* DISEŅO 1, 2, 3, 4, 6, 7 */
		/* z-index: 800; 		/* DISEŅO 5 */
		}
	.ct_logo img{  
		margin: 62px 0 0 0;
		width: 220px; 
		height: auto; 
		}
	.ct_logo:hover{
		margin: 0;
		left: 0;
		}
	#titulo_pagina{
		font-size: 18px;
		margin: 0 0 0 0;
		}
	#titulo_pagina img{
		width: 45px;
		height: 45px;
		padding: 0 20px 0 0;
		}
	.ct_menu_top{
		box-sizing: border-box;
		position: absolute;
		width: 100%; 
		margin: 0;
		padding: 0;
		height: auto;
		top: 0;
		background-image: none;
		z-index: 900;
		height: 46px;
		}
	#main {
		width: 100%;
		padding: 0;
		margin: 0;
		}
	#main #galeria {
		text-align: center;
		}
	#main #galeria img{
		width: 100%;
		}
	#box_left{
		width: 100%;
		background-image: none;
		}
	#box_right{
		width: 100%;
		float: left;
		}
	.ct_sociales_pie{
		margin: 0;
		}
	}
@media screen and (max-width: 400px){ .img_movil{ width: 76%!important; height: auto;}}

/*******************************  MASTERNET.CL  **********************************/
#masternet_box{
	box-sizing: border-box;
	text-align: center;
	margin: 0;
	width: 100%;
	height: 26px;
	padding: 4px;
	background-color: #102b60;
	}
.masternet , a.masternet:link, a.masternet:visited, a.masternet:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CDCDCD;
	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;
    }
.salto {
	clear: both;
	}
@media screen and (max-width: 1040px) {
	#masternet_box{
		text-align: left;
		padding: 4px 0 0 10px;
		}
	}
/*************************** CARRUSEL TOP **************************/
#ct_carrusel_top {
	box-sizing: border-box;
	width: 100%; 
	position: absolute;
	z-index: 0; 
	/* top: 0; */
	top: 40px; /* DISEŅO 2.5 */
	background-color: #F0F0F0;
	padding: 0;
	/* margin: 204px auto 0 auto; height: 515px;	/* DISEŅO 1, 6, 7 */
	/* margin: 0; height: 600px; 					/* DISEŅO 2 */
	/* margin: 0; height: 700px; 					/* DISEŅO 2.3 xl */
	margin: 0; height: 720px; 						/* DISEŅO 2.4 */
	/* margin: 0; height: 730px;					/* DISEŅO 3, 4 */
	}
#carrusel_top{
	box-sizing: border-box;
	width: 100%;
	/* height: 515px;	/* DISEŅO 1, 6, 7*/
	/* height: 600px;	/* DISEŅO 2 */
	/* height: 600px;	/* DISEŅO 2.3 xl */
	 height: 720px;		/* DISEŅO 2.4 */
	/* height: 730px;	/* DISEŅO 3, 4 */
	position: absolute;
	bottom: 0;	
	right: 0;
	left: 0;
	top: 0;
	padding: 0;
	margin: 0;
	z-index: 0; 
	}
#carrusel_top img {
	animation: scale 14s linear infinite;
	}
/***** TXT *****/
.txt_carrusel{
	/* margin: 170px auto 0 auto;	/* DISEŅO 1, 6, 7 */
	margin: 340px auto 0 auto;		/* DISEŅO 2, 3, 4 */
	}
@media screen and (max-width: 1170px) {
	#ct_carrusel_top {
		width: 100%;
		/* height: 228px;	/* DISEŅO 1, 6, 7 */
		 height: 480px;	/* DISEŅO 2, 3, 4 */
		/* height: 540px;	/* DISEŅO 2.3 xl */
		}		
	}
@media screen and (max-width: 1040px) {
	#ct_carrusel_top {
		width: 100%;
		 height: 228px;	/* DISEŅO 1,2,3,4,6,7 */
		/* height: 268px;		/* DISEŅO 2.3 xl */
		margin: 188px auto 0 auto;   
		}
	#carrusel_top{
		 height: 228px;	/* DISEŅO 1,2,3,4,6,7 */
		/* height: 268px;		/* DISEŅO 2.3 xl */
		}
	}
@media screen and (max-width: 700px) {
	#ct_carrusel_top { 
		 height: 228px;	/* DISEŅO 1,2,3,4,6,7 */
		/* height: 268px;		/* DISEŅO 2.3 xl */
		}
	#carrusel_top{
		 height: 228px;	/* DISEŅO 1,2,3,4,6,7 */
		/* height: 268px;		/* DISEŅO 2.3 xl */
		}
	}
@media screen and (max-width: 500px) {
	#ct_carrusel_top {
		 height: 228px;	/* DISEŅO 1,2,3,4,6,7 */
		/* height: 268px;		/* DISEŅO 2.3 xl */
		}
	#carrusel_top{
		 height: 228px;	/* DISEŅO 1,2,3,4,6,7 */
		/* height: 268px;		/* DISEŅO 2.3 xl */
		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 ***********************/

/*	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; 	*/
	
@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) } }