@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;600;700;900&display=swap');

body{
margin:0;
padding:0;
background-color:#ffffff;
}

#global{
width:100%;
height:100%;
margin:0px;
border:0px;
padding:0px;
text-align:left;
	
}

#web{
width:100%;
text-align:left;
overflow:hidden;
font-family: 'Cairo', sans-serif;
color:#040404;
font-size:14px;
font-weight:400px;
background-color:#fdf6f3;
background-position:top center;
background-repeat:no-repeat;
background-image:url('../images/fondo_ondas.jpg');	
}

#cabecera{
width:100%;
height:120px;
text-align:left;
}

#menu{
width:100%;
text-align:left;
overflow:hidden;
}

#menu_negro{
background-color:#1c120e;
width:100%;
text-align:left;
overflow:hidden;
font-family: 'Cairo', sans-serif;
font-size:16px;
color:#ffffff;
min-height:100px;
display:none;
}

.capa_menu{
width:49%;
float:left;
margin-left:1%;
overflow:hidden;
}

#cabeceraA{
width:65%;
float:left;
text-align:left;
height:120px;
}

#cabeceraB{
width:30%;
float:left;
text-align:center;
height:120px;
margin-left:5%;
line-height:20px;
}

#cabeceraC{
width:33%;
float:right;
text-align:right;
height:150px;
background-position:top right;
background-repeat:no-repeat;
background-image:url('../images/circulo.jpg');	
}

#buscador{
width:313px;
height:50px;
background-position:top right;
background-repeat:no-repeat;
background-image:url('../images/buscador.png');	
text-align:left;
}

.total_inicial{
width:100%;
overflow:hidden;
background-position:bottom left;
background-repeat:repeat-x;
background-image:url('../images/fondo_cabecera.jpg');	
}

.total_izq{
width:100%;
overflow:hidden;
text-align:left;
}

.total_der{
width:100%;
margin-top:20px;
overflow:hidden;
text-align:left;
}

.total_izq2{
width:49%;
float:left;
overflow:hidden;
text-align:left;
}

.total_der2{
width:49%;
float:right;
overflow:hidden;
text-align:left;
}

.web_int{
float:left;
width:96%;
margin-left:2%;
text-align:left;
overflow:hidden;
}

.cuadro_buho{
width:99%;
background-color:#ffffff;
border: solid 1px #625855;
font-family: 'Cairo', sans-serif;
font-size:16px;
color:#996666;
background-position:top right;
background-repeat:no-repeat;
background-image:url('../images/buho.jpg');	
text-align:left;
height:230px;
}

.cuadro{
width:99%;
margin-top:10px;
float:left;
background-color:#ffffff;
border: solid 1px #625855;
font-family: 'Cairo', sans-serif;
font-size:16px;
color:#996666;
background-position:top right;
background-repeat:no-repeat;
background-image:url('../images/circulo_blanco.jpg');	
text-align:left;
height:230px;
}

.cuadro_int{
width:90%;
margin:5%;
overflow:hidden;
text-align:left;
line-height:19px;
}

.cuadro_video{
width:98%;
background-color:#ffffff;
border: solid 1px #625855;
font-family: 'Cairo', sans-serif;
font-size:16px;
color:#996666;
background-position:top right;
background-repeat:no-repeat;
background-image:url('../images/circulo_blanco.jpg');	
text-align:left;
overflow:hidden;
}

.cuadro_video_linea{
width:100%;
background-color:#ffffff;
border: solid 1px #625855;
font-family: 'Cairo', sans-serif;
font-size:16px;
color:#996666;
background-position:top right;
background-repeat:no-repeat;
background-image:url('../images/circulo_blanco.jpg');	
text-align:left;
overflow:hidden;
float:left;
}

.cuadro_noticia{
width:99%;
font-family: 'Cairo', sans-serif;
font-size:16px;
color:#996666;
text-align:left;
overflow:hidden;
margin-top:20px;
}

.cuadro_noticia_cuerpo{
width:99%;
overflow:hidden;
text-align:left;
overflow:hidden;
background-color:#ffffff;
}

.cuadro_noticia_int{
width:96%;
margin-left:2%;
margin-right:2%;
overflow:hidden;
text-align:left;
line-height:19px;
}

.cuadro_noticia_intA{
width:100%;
float:left;
overflow:hidden;
text-align:center;
}

.cuadro_noticia_intB{
width:100%;
float:left;
overflow:hidden;
text-align:left;
}

.inicio_cuadro_noticia{
width:99%;
background-color:#ffffff;
border-top: solid 1px #625855;
border-left: solid 1px #625855;
border-right: solid 1px #625855;
height:10px;
}

.fin_cuadro_noticia{
width:99%;
background-color:#ffffff;
border-bottom: solid 1px #625855;
border-left: solid 1px #625855;
border-right: solid 1px #625855;
height:10px;
}



#franja_eslogan{
width:100%;
height:283px;
background-color:#ffffff;
background-position:top right;
background-repeat:no-repeat;
background-image:url('../images/barco_gris.jpg');
color:#8f574b;
font-family: 'Cairo', sans-serif;
font-size:23px;	
font-weight:600;
text-align:left;	
}

#franja_eslogan_int{
width:50%;
margin-left:5%;
overflow:hidden;
line-height:25px;
}
















.web_intMAX{
float:left;
width:60%;
margin-left:20%;
text-align:left;
overflow:hidden;
}

.enunciado_izquierda{
width:70%;
float:left;
overflow:hidden;
font-family: 'Overpass', sans-serif;
color:#6c6259;
font-size:14px;
font-weight:300;
text-align:left;
}

.enunciado_izquierdaP{
width:40%;
float:left;
margin-left:10%;
overflow:hidden;
font-family: 'Overpass', sans-serif;
color:#6c6259;
font-size:14px;
font-weight:300;
text-align:left;
}

.enunciado_derecha{
width:28%;
float:right;
overflow:hidden;
text-align:right;
}

.enunciado_derechaG{
width:48%;
float:right;
overflow:hidden;
text-align:right;
}

.naranja_int{
float:left;
width:60%;
margin-left:20%;
text-align:center;
overflow:hidden;
}

.naranja_int2{
float:left;
width:100%;
margin-left:0%;
text-align:center;
overflow:hidden;
}

.naranja_cuadro{
float:left;
width:32%;
margin-left:1%;
min-height:100px;
text-align:center;
overflow:hidden;
}





.separador{
width:100%;
height:20px;
}

.redes{
width:100%;
height:38px;
}

.redes2{
width:100%;
height:39px;
}

.total{
width:100%;
overflow:hidden;
}

.total_cent{
width:100%;
overflow:hidden;
text-align:center;
}


.total50{
width:68%;
float:left;
margin-left:16%;
text-align:center;
height:165px;
}

.total50NEW{
width:70%;
float:left;
margin-left:15%;
text-align:center;
height:90px;
margin-top:15px;
}

.total50R{
width:68%;
float:left;
margin-left:16%;
text-align:left;
height:165px;
font-family: 'Roboto', sans-serif;
color:#ffffff;
font-size:13px;
}

.total50R a{
color:#ffffff;
font-family: 'Roboto', sans-serif;
font-size:27px;
cursor:pointer;
text-decoration:none;
font-weight:bold;
}

.total50R a:hover{
color:#488b29;
}

.total70{
width:70%;
float:left;
margin-left:15%;
overflow:hidden;
}

.cuadro_izq{
width:48%;
float:left;
overflow:hidden;
background-color:#a6a6a6;
text-align:left;
}

.cuadro_der{
width:48%;
float:right;
overflow:hidden;
background-color:#a6a6a6;
text-align:left;
}

.premio_izq{
width:48%;
float:left;
overflow:hidden;
text-align:left;
}

.premio_der{
width:48%;
float:right;
overflow:hidden;
text-align:justify;
}

.cuadro_A{
width:32%;
float:left;
overflow:hidden;
background-color:#a6a6a6;
text-align:left;
margin-left:1%;
}

.cuadro_AAA{
width:26%;
float:left;
overflow:hidden;
background-color:#a6a6a6;
text-align:left;
margin-left:4%;
}

.cuadro_B{
width:17%;
float:left;
overflow:hidden;
text-align:left;
}

.total45{
width:45%;
overflow:hidden;
text-align:left;
}

.total90{
width:90%;
float:left;
margin-left:5%;
text-align:center;
overflow:hidden;
}

.total90izq{
width:90%;
float:left;
margin-left:5%;
text-align:left;
overflow:hidden;
}

.total96{
width:96%;
float:left;
margin-left:2%;
text-align:left;
overflow:hidden;
}

.linea_banners{
width:100%;
overflow:hidden;
text-align:center;
}


.separador_verde{
height:9px;
width:100%;
}

#pie{
overflow:hidden;
width:100%;
background-color:#f8c8b7;
color:#040404;
font-family: 'Cairo', sans-serif;
font-size:15px;	
font-weight:400;
text-align:left;
}

#pie_int{
float:left;
width:90%;
margin-left:5%;
text-align:left;
}

.pie_izq{
float:left;
width:15%;
overflow:hidden;
}

.pie_der{
float:left;
width:83%;
margin-left:2%;
overflow:hidden;
}

#separador_pie{
width:100%;
height:14px;
}

.cuarta{
width:25%;
height:165px;
float:left;
}

.cuarta2{
width:25%;
height:165px;
float:left;
text-align:left;
}

.centrado{
width:100%;
font-family: 'Overpass', sans-serif;
color:#6c6259;
font-size:14px;
overflow:hidden;
text-align:center;
}

.texto_izquierda{
width:65%;
float:left;
overflow:hidden;
font-family: 'Overpass', sans-serif;
color:#6c6259;
font-size:14px;
text-align:left;
}

.texto_derecha{
width:30%;
float:right;
text-align:right;
overflow:hidden;
}

.texto_izquierdaport{
width:45%;
float:left;
overflow:hidden;
font-family: 'Overpass', sans-serif;
color:#6c6259;
font-size:14px;
text-align:left;
}

.texto_derechaport{
width:50%;
float:right;
text-align:right;
overflow:hidden;
}

#contenido{
width:100%;
overflow:hidden;
background-position:top right;
background-repeat:no-repeat;
background-image:url('../images/logo_grande.png');
}

#contenido2{
width:100%;
overflow:hidden;
}

.interlineado{
line-height:20px;
}

.noticia_izquierda a{
font-family: 'Overpass', sans-serif;
color:#969696;
font-size:13px;
text-decoration:none;
font-weight:500;
cursor:pointer;
}

.noticia_izquierda a:hover{
text-decoration:underline;
}

.enlace_estandar{
font-family: 'Roboto', sans-serif;
/*color:#da251e;*/
color:#969696;
font-size:14px;
text-decoration:none;
font-weight:500;
cursor:pointer;
}

.enlace_estandar:hover{
text-decoration:underline;	
}

.enlace_estandarG{
font-family: 'Roboto', sans-serif;
color:#969696;
font-size:16px;
text-decoration:none;
font-weight:500;
cursor:pointer;
}

.enlace_estandarG:hover{
text-decoration:none;
}

.documento{
font-family: 'Roboto', sans-serif;
/*color:#da251e;*/
color:#969696;
font-size:14px;
text-decoration:none;
font-weight:500;
cursor:pointer;
}

.documento:hover{
text-decoration:underline;	
}

#servicios{
width:7%;
height:264px;
background-color:#488b29;
float:left;
text-align:right;
}

.cuadro_gris{
width:30%;
float:left;
margin-left:1%;
height:304px;
background-color:#646464;
/*background-color:#a6a6a6;*/
float:left;
color:#ffffff;
font-family: 'Roboto', sans-serif;
font-size:14px;
text-align:left;	
}

.cuadro_grisNEW{
width:24%;
float:left;
margin-left:1%;
height:264px;
float:left;
font-family: 'Overpass', sans-serif;
color:#6c6259;
font-size:15px;
font-weight:400;
text-align:left;	
border-bottom:solid 5px #6aaeab;
}

.cuadro_gris_int{
float:left;
width:90%;
margin-left:5%;
text-align:justify;
}

.cuadro_gris_texto{
width:100%;
text-align:justify;
height:90px;
}

.cuadro_gris_texto_cent{
width:100%;
text-align:center;
height:90px;
}

.cuadro_gris_final{
width:100%;
text-align:left;
height:49px;
}

#cuadro_naranja{
width:100%;
height:300px;
overflow:hidden;
background-color:#d7d6d3;	
color:#ffffff;
font-family: 'Overpass', sans-serif;
font-size:15px;	
background-position:top right;
background-repeat:no-repeat;
background-image:url('../images/llibrets_fallas_libros_falleros.jpg');
}

.noticia{
width:20%;
margin-left:4%;
overflow:hidden;
font-family: 'Overpass', sans-serif;
color:#6c6259;
font-size:14px;
font-weight:300;
text-align:left;
float:left;
}

.noticia_video{
width:33%;
margin-left:1%;
overflow:hidden;
color:#a6a7a7;
font-family: 'Roboto', sans-serif;
font-size:14px;
font-weight:300;
text-align:left;
float:left;
}

#news{
width:100%;
min-height:200px;
/*background-color:#488b29;*/
background-color:#c9c9c9;
color:#ffffff;
font-family: 'Roboto', sans-serif;
font-size:15px;
font-weight:300;
overflow:hidden;
}

#newsA{
width:40%;
height:70px;
float:left;
text-align:left;
}

#newsB{
width:38%;
height:70px;
float:left;
text-align:left;
margin-left:2%;
}

#newsC{
width:18%;
height:70px;
float:right;
text-align:right;
line-height:15px;
}

.sus1{
width:40%;
overflow:hidden;
float:left;
text-align:left;
}

.sus2{
width:38%;
overflow:hidden;
float:left;
text-align:left;
margin-left:2%;
}

.sus3{
width:18%;
overflow:hidden;
float:right;
text-align:left;
line-height:15px;
}

#video{
background-color:#bcbcbc;
width:100%;
height:535px;
color:#ffffff;
font-family: 'Roboto', sans-serif;
font-size:14px;
text-align:left;
}

.capa70{
width:60%;
float:left;
overflow:hidden;
text-align:left;
}

.capa30{
width:32%;
float:right;
overflow:hidden;
text-align:left;
}

.noticia_izquierda{
float:left;
width:60%;
text-align:justify;
overflow:hidden;
}

.texto_izquierda{
float:left;
width:60%;
text-align:justify;
overflow:hidden;
}

.texto_derecha{
float:right;
width:34%;
text-align:left;
overflow:hidden;
}

.texto_izquierda_rev{
float:left;
width:25%;
text-align:left;
overflow:hidden;
}

.texto_derecha_rev{
float:right;
width:69%;
text-align:justify;
overflow:hidden;
}

.noticia_izquierdaG{
float:left;
width:100%;
font-family: 'Overpass', sans-serif;
color:#6c6259;
font-size:14px;
text-align:left;
overflow:hidden;
}

.noticia_izquierdaG a{
font-family: 'Overpass', sans-serif;
color:#969696;
font-size:14px;
text-decoration:none;
font-weight:600;
}

.noticia_izquierdaG a:hover{
text-decoration:underline;
}

.servicio{
float:left;
width:49%;
margin-left:1%;
font-family: 'Overpass', sans-serif;
color:#6c6259;
font-size:15px;
text-align:left;
overflow:hidden;
min-height:289px;
}

.servicio_izq{
float:left;
width:40%;
text-align:left;
overflow:hidden;
}

.servicio_der{
float:right;
width:59%;
text-align:left;
overflow:hidden;
background-color:#edecec;	
}

.servicio_der_int{
float:left;
width:96%;
margin-left:2%;
text-align:left;
overflow:hidden;
}


.noticia_derecha{
float:right;
width:34%;
text-align:left;
overflow:hidden;
}

.noticia_lateral{
width:96%;
background-color:#e6e6e6;
text-align:left;
overflow:hidden;
margin-top:4px;
border:solid 2px #d9d9d9;
}

.noticia_lateral_izq{
width:30%;
float:left;
margin-left:2%;
text-align:left;
overflow:hidden;
}

.noticia_lateral_der{
width:64%;
float:right;
margin-right:2%;
text-align:left;
overflow:hidden;
}

#paginacion{
color:#464646;
font-family: 'Roboto', sans-serif;
font-size:12px;
font-weight:300;
}

.alcuarenta{
width:40%;
overflow:hidden;
}

.cuadroal20{
width:19%;
float:left;
overflow:hidden;
margin-left:1%;
min-height:150px;
overflow:hidden;	
}

.cuadroal25{
width:24%;
overflow:hidden;
min-height:150px;
overflow:hidden;	
display:inline-block;
}

.cuadroal25MED{
width:12%;
overflow:hidden;
min-height:150px;
overflow:hidden;	
display:inline-block;
}

.logo_colaborador{
width:18%;
float:left;
max-width:250px;
overflow:hidden;
margin-left:1%;
border:solid 1px #6dab46;
}

.pregunta{
width:97%;
height:42px;
border:solid 1px #e1e1e1;
line-height:9px;
}

.respuesta{
width:97%;
overflow:hidden;
border-left:solid 1px #e1e1e1;
border-bottom:solid 1px #e1e1e1;
border-right:solid 1px #e1e1e1;
background-color:#f3f3f3;
}

.respuesta_int{
width:96%;
float:left;
margin-left:2%;
overflow:hidden;
}

.franja_azul{
width:100%;
overflow:hidden;
background-color:#3bb3c1;
}

/****************************************************/
/***** Estilos Carrusel *****************************/

#carrusel-container {
width:749px;
max-width:749px;
max-height:176px;
overflow: hidden;
float:left;
}

#carrusel-container ul {
list-style:none;
position: relative;
margin: 0px;
padding: 0px;
}

#carrusel-container li {
width:100%;
max-width:749px;
max-height:176px;
position: relative;
}