@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: "Luna";
  src: url("Luna.ttf");
}

body{ font-size:18px;	 font-family: 'Montserrat', sans-serif; padding: 0px;	margin: 0px; color:#232323; font-weight:500	}
#contenedor0{	width:100%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor1{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor2{	width:95%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor3{	width:70%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }


#conte{width:100%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; background:#020852;  font-size:17px; color:#FFF; }

#header{min-height:95px;  border:0px solid#C30;  width: 100%; background:#fff;}
#reds{border: 0px solid #f60; width:90px; float:right; text-align:right; margin-top:20px;}	
#logo{margin-top:50px; margin-bottom:30px; width:280px;  float:left; border: 0px solid #f60;   }	
#logo img{width:100%}

p, #binetas{line-height:1.2; font-size:20px; font-weight:500}

#linea{ width:auto; height:3px; background: #EB7A25}
#titu1{	width:fit-content; color:#232323; font-size: 40px; font-family: 'Montserrat', sans-serif; font-weight:600; line-height:1.5; 	margin: 0px auto 0px;	overflow:hidden; }
#titu2{	width:fit-content; color:#EB7A25; font-size: 30px; font-family: 'Montserrat', sans-serif; font-weight:600; line-height:1.5; 	margin: 0px auto 0px;	overflow:hidden; }
#titu3{	width:fit-content; color:#fff; font-size: 30px; font-family: 'Montserrat', sans-serif; font-weight:600; line-height:1.5; 	margin: 0px auto 0px;	overflow:hidden; }
#titu4{	width:fit-content; color:#fff; font-size: 40px; font-family: 'Montserrat', sans-serif; font-weight:600; line-height:1.5; 	margin: 0px auto 0px;	overflow:hidden; }

#cua-mapa1{width:35%; float:left; }
#cua-mapa2{width:65%; float:right; margin-top:10% }
#mapa-bandera{width:40px}
#mapa-titu{ color:#232323; font-size: 28px; font-family: 'Montserrat', sans-serif; font-weight:700	}

#about1{width:50%; float:left; border:0px solid #09F}
#about2{width:45%; float:right; border:0px solid #09F;}

#cua1{width:40%; float:left; background:#3E3E3F; padding:5%}
#cua2{width:40%; float:right; background:#EB7A25; padding:5%}

.bg1{background:url(../img/IMG%206-06.png); background-size:100%; background-attachment:fixed}

#cd-mapa{width:23%; padding:1%; float:left}
#cd-mapa img{width:100%;}

#bg-titu{background: #3E3E3F; padding:15px 0px }

#cua-agente{padding:2.5%; background:#3E3E3F; }
#agent{width:23%; float:left; padding:1%; font-size:20px; line-height:1.2; margin-bottom:15px;}
#agent img{width:90%; margin-bottom:15px;}

#agent-1{width:50%; float:left; border:0px solid #09F}
#agent-2{width:30%; float:right; margin-top:8%}

#news{width:44%; background:#EB7A25;; float:left; padding:0% 2% 2% 2%; margin:1%; font-size:20px;  margin-bottom:15px;}
#news img{width:100%; }

#podcast{width:48%; float:left; margin:1%;  margin-bottom:15px;}


#conta1{width:60%; float:left; border:0px solid #09F}
#conta2{width:40%; float:right; border:0px solid #09F; text-align:right}
#cont1{height:40px; background:#FFF; width:80%; border:0px; margin-bottom:20px; color:#666; font-size:15px; border:2PX solid #CCC;  border-radius:2px}
#cont2{height:100px; background:fff; font-family: 'Montserrat', sans-serif; width:80%; border:0px; margin-bottom:20px; color:#666; font-size:15px; border:2PX solid #ccc;  border-radius:2px}
#cont3{height:40px; background:NONE; width:90%; border:0px; margin-bottom:20px; color:#666; font-size:15px; border:2PX solid #ccc;  border-radius:2px}

#bot{background:#F97167; color:#fff; font-size:20px; padding:5px 10px; border:0px; }
#bot2{background:#900; color:#fff; font-size:20px; border:0px; }

a{ color: #232323;	text-decoration: none;	}
a:hover{ color:#FF4A54;    text-decoration: none;	}

a.boton1{ color: #fff; background: #EB7A25; font-size:24px; padding:15px 15px; text-decoration: none; margin-top:15px; margin-bottom:30px}
a.boton1:hover{ color: #FFF; background:#232323;   text-decoration: none;	}

a.boton2{ color: #fff; background: #3E3E3F; font-size:24px; padding:15px 15px; text-decoration: none; margin-top:15px; margin-bottom:30px}
a.boton2:hover{ color: #fff; background:#232323;   text-decoration: none;	}

a.boton3{ color: #fff; background: #EB7A25; font-size:20px; padding:10px 10px; text-decoration: none; margin-top:0px; margin-bottom:40px;   margin:11px; }
a.boton3:hover{ color: #FFF; background:#232323;   text-decoration: none;	}

#f1{float:left; width:50%; color:#FFF; margin-top:20PX }
#f2{float:right; width:50%; color:#FFF; text-align:right; margin-top:50PX }
#log{width:25px}
#log2{width:45px}

#rds{width:80px;}
#separador1{height:100px;}
#separador2{height:60px;}
#separador3{height:30px;}

.embed-container { position: relative; padding-bottom:25.5%; height: 0; overflow: hidden; max-width: 100%; height: auto; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* CSS Carrusel */
.carru{margin-top:0px}
#carrusel		  {	border:0px solid #000; height:80px;	}
#bg_carrusel 	  { width:100%; height:80px;}
#carrusell 		  { width:100%; height:80px; border:0px solid #000000; margin:10px auto; }
.list_carousel 	  {margin:0px 0 0px 0px;	width: 100%px; text-align:center;}
.list_carousel ul {margin: 0; padding: 0; list-style: none;	display: block;}
.list_carousel li {width: 200px; height: 80px;	padding: 0;	margin: 0px; display: block; float: left; border:0px solid #000;}


@media screen and (min-width: 1024px) and (max-width: 1199px) {
#contenedor1{	border: 2px solid #F00;	}

#separador1{height:70px;}
#separador2{height:30px;}

}

@media screen and (min-width: 800px) and (max-width: 1024px) {
#contenedor1{	border: 2px solid #0C3;	}
#contenedor3{	width:80%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor4{	width:80%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }

#separador1{height:50px;}
#separador2{height:30px;}


}

@media screen and (min-width: 600px) and (max-width: 799px) {
#contenedor1{	border: 2px solid #FC0;	}
#contenedor3{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor4{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }

#separador1{height:50px;}
#separador2{height:30px;}


}


@media screen and (min-width: 480px) and (max-width: 599px) {
#contenedor1{border: 2px solid #000;	}
#contenedor3{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor4{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }

#separador1{height:30px;}
#separador2{height:30px;}


}


@media screen and (min-width: 320px) and (max-width: 479px) {
#contenedor1{	border: 0px solid #0C0;	}
#contenedor3{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor4{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }

#separador1{height:30px;}
#separador2{height:30px;}


}