/* Generated by Glyphter (http://www.glyphter.com) on  Fri Feb 28 2020*/
@font-face {
    font-family: 'Comsesa';
    src: url('../fonts/Comsesa-Font.eot');
    src: url('../fonts/Comsesa-Font.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Comsesa-Font.woff') format('woff'),
         url('../fonts/Comsesa-Font.ttf') format('truetype'),
         url('../fonts/Comsesa-Font.svg#Comsesa-Font') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class*='icon-']:before{
	display: inline-block;
   font-family: 'Comsesa';
   font-style: normal;
   font-weight: normal;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}
.icon-A:before{content:'\0041';}
.icon-B:before{content:'\0042';}
.icon-C:before{content:'\0043';}
.icon-D:before{content:'\0044';}
.icon-E:before{content:'\0045';}
.icon-F:before{content:'\0046';}
.icon-G:before{content:'\0047';}
.icon-H:before{content:'\0048';}
.icon-I:before{content:'\0049';}
.icon-J:before{content:'\004a';}
.icon-K:before{content:'\004b';}
.icon-L:before{content:'\004c';}
.icon-M:before{content:'\004d';}

/*FUENTE COMSESA*/
.comsesa-fuente{
	font-family: Comsesa;
}



/*FUENTES RUBIK*/

@font-face {
    font-family: rubik-regular;
    src: url("../fonts/Rubik-Regular.ttf") format("opentype");
}


@font-face {
    font-family: rubik-medium;
    src: url("../fonts/Rubik-Medium.ttf") format("opentype");
}



body{
	margin:0px;
	font-family:rubik-regular;
	color:#3e3e3e;
}

a{
	color:inherit;
	text-decoration: none;
}

input,  textarea{
	background-color: transparent;	
	border:none;
	line-height: 20px;
	width:100%;
	border-bottom: 1px solid #777777;
}



/*FONDOS*/

.comsesa-fondo-gris{
	background-color: #777777;
}


.comsesa-fondo-verde-claro{
	background-color:#eeeff0;
}



/*ANCHOS DE CONTENIDO*/

.comsesa-ancho-mediano{
	max-width: 900px;
	width:100%;
	margin:0 auto;
}


.comsesa-ancho-pequenio{
	max-width: 800px;
	width:100%;
	margin:0 auto;
}

.comsesa-ancho-mini{
	max-width: 400px;
	width:100%;
	margin:0 auto;
}


/*TEXTOS*/
.comsesa-titulo-seccion{
	color:#008d46;
	text-align: center;
	font-family: rubik-medium;
	font-size: 25px;
}

.comsesa-contenido-seccion{
	line-height: 20px;
	font-size: 12px;
	text-align: justify;
}

.comsesa-intro-instagram{
	font-size: 20px;
}

.comsesa-texto-verde{
	color:#008d46;
}

.comsesa-texto-verde-resaltado{
	color:#008d46;
	font-family: rubik-medium
}


/**ESTILOS GENERALES**/


.comsesa-contenedor-titulo{
	font-size:35px;
	line-height: 80px;
}

.comsesa-contenedor-titulo:before{
	font-family: Comsesa;
	content:'W';
	color:#16b6cf;
	font-size:35px;
	display: inline;
	line-height: 80px;
	position:relative;
	top:5px;
	left:5px;
}

.comsesa-contenedor-texto{
	text-align: justify;
	font-size:25px;
	line-height: 30px;
}

.comsesa-fondo-verde-oscuro{
		background-color: #008d46

}

.comsesa-fondo-verde{
	background-color:#323e3e;
	color:#f5f5f5;
}

.comsesa-fondo-gris{
	background-color:#f5f5f5;
}


.comsesa-logo-header{
	height:80px;
}

.comsesa-contenedor-menu{
	float:right;
}

.comsesa-opcion-menu-superior{
	display: inline-block;
	line-height: 80px;
	padding-left:10px;
	padding-right:10px;  
	font-size:17px;
	font-family: rubik-medium;
	color:#008d46;
}


.clabs-contenedor-mensajeria{
	width:35px;
	position: relative;
	top:10px;
	padding-left: 5px;
	padding-right: 5px;
}

.comsesa-opcion-menu-superior:hover{
	color:#777777;
;
}


.comsesa-logo-footer{
	height:80px;
}

.comsesa-celda-logo-footer{
	width:20%;
}

.comsesa-celda-enlaces-footer{
	width:60%;
	text-align: center;
	line-height: 30px;
	font-size:12px;
	padding-top:10px;
}

.comsesa-celda-redes-footer{
	width:20%;
	font-family: Comsesa;
	line-height: 80px;
	text-align: right;
}
.comsesa-icono-footer{
	padding-left:5px;
	padding-right: 5px;
}

.comsesa-celda-enlace-aviso, .comsesa-celda-enlace-terminos{
	width:50%;
	text-decoration:underline;
}

.comsesa-boton-menu-movil{
	display: none;
}

.comsesa-boton-menu-movil .comsesa-opcion-menu-superior{
	font-family: comsesa;
}



/***FOOTER***/
.comsesa-opcion-menu-footer{
	width: 25%;
	line-height: 50px;
}

.comsesa-submenu-footer{
	width: 25%;
	font-size: 10px;
	color:#a6a6a6;
	text-align: center;

}

.comsesa-submenu-footer div{
	padding-bottom: 3px;
	padding-top: 3px;
}

.comsesa-contenedor-facebook-footer{
	line-height: 25px;
	padding-top:2px;
	padding-bottom:2px;
}

.comsesa-contenedor-facebook-footer .comsesa-fuente{
	font-size:25px;
}

.comsesa-contenedor-facebook-footer{
	color:#a6a6a6;
	font-size:10px;
}

.comsesa-contenedor-subopciones-footer{
	border-bottom: 1px solid #a6a6a6;
}
	

.comsesa-menu-movil{
	position: fixed;
    width: 100vw;
    background-color: #008d46;
    display: none;
    height: 100vh;
    top: 0px;
    left: 0px;
    z-index: 10;
    overflow: scroll;
}

.comsesa-opcion-menu-movil{
	color:white;
	   line-height: 30px;
}

.comsesa-opcion-menu-movil .aire {
    padding: 10px;
}

.comsesa-opcion-menu-movil:hover{
	background-color: white;
	color:#008d46;
	border-top:1px solid #3e3e3e;
}

.comsesa-margenes-horizontales{
	padding-top:30px;
	padding-bottom:80px;
}

.comsesa-contenedor-facebook-messenger{
	width:40px;
	position: fixed;
	left: 50vw;
	bottom:10px;
	z-index: 10;
}

@media only screen and (max-width: 800px) {
	.comsesa-opcion-menu-superior{
		font-size:15px;
	}
}

@media only screen and (max-width: 800px) {
	.comsesa-menu-wide{
		display: none;
	}
	.comsesa-boton-menu-movil{
		display: block;
	}
}



@media only screen and (max-width: 600px) {
	.comsesa-celda-logo-footer{
		width:40% !important;
	}

	.comsesa-celda-enlaces-footer{
		width:60% !important;	
	}

	.comsesa-celda-redes-footer{
		width:100%;
		text-align: center;
	}

}


@media only screen and (max-width: 450px) {
	.comsesa-opcion-menu-footer{
		width: 50%;
	}
}

@media only screen and (max-width: 400px) {
	.comsesa-celda-logo-footer{
		width:100% !important;
		text-align: center;
	}

	.comsesa-celda-enlaces-footer{
		width:100% !important;	
	}

}