@charset "utf-8";
/* CSS Document */
:root{
	--flexible:flex;
	--naran:#C54602;
	}
	
body{margin:0px; padding:0px; font-family:Tahoma, Geneva, sans-serif; font-size:18px; }
header h1{font-weight:100;}
section article{text-align:justify;}
section li{line-height:40px;}
section li a{color:#333}
footer{background:#323232; color:#777; text-align:center; padding:1%;}
a{cursor:pointer}
button{cursor:pointer;}
/*contenedor*/
#conten{width:79vw; min-height:100vh; margin:auto;  word-wrap: break-word;}
/*fin contenedor*/
#logo img{width:100%}
.flexo{display:var(--flexible);}
*[class*="col"]{margin-left:8px;}
.col3{width:30%;}
/*menu*/
nav{background:var(--naran);}
nav a{color:#FFF}
.menu1{list-style:none; color:#FFF; margin:auto; width:90%}
.menu1 li{border-right:#AB3D02 1px solid; display:inline-block; padding:10px 10px;}
.menu1 li:hover{background:#323232;}
.menu1 a:focus{background:#323232;padding:10px 10px;}
.menu1 li:last-child{border-right:hidden;}
.menu1 ul{display:none;}
.menu1 li:hover .menu2{display:block; position:absolute;}
.menu2 li{display:block;}
.menu2 li{background:#3F3F3F;}
.menu2{margin:10px -50px}
.menuactivo{background:#323232;}
/*fin menu*/

/*redes*/
.redes{list-style:none; display:var(--flexible);}
/*fin redes*/

/*noticias*/
#noticias img{box-shadow: 3px 4px 5px rgb(207, 207, 207); width: 100%}
#noticias .noticia{width: 88%}
#noticias .fechas{padding-right: 20px; padding-bottom: 20px; font-size: 16px;text-align: center; align-self: flex-end} 
#noticias .fechas strong{font-size: 80px; display: block}
#noticias .linkn{text-align: right; width: auto; padding: 10px; } .linkn a{color: #777}
/*fin noticias*/
/*carusel*/
#carusel{width:100%}
.pause,.carusel-control,.carusel-item h3{position:absolute;}
.pause{ border:#FFF 1px solid; border-radius:6px; background:var(--naran); color:#FFF; opacity:0; }
.carusel-control{margin-top:15%; background-color:transparent; border:hidden}
.carusel-item:nth-child(1){display:block;}
.carusel-item{display:none;}
.carusel-item img{width:100%}
.carusel-item h3{ margin-top:-50px;  color:#FFF; background:rgba(51,51,51,0.8); padding:12px}
.sigui{margin-left:76.5%}
/*fin carusel*/
/*escondido*/
.hide{display:none;}
/*escondido*/
/*formulario*/
input,textarea,label{margin-bottom:10px; display:block;}
input[name="empresa"]{display:none;}
input[type="submit"]{ cursor:pointer;}
/*fin formulario*/
/*radio*/
#radio{position:absolute; margin-top:-100px}
#radio button,input{display:inline-block}
#radio button{border-radius:100%; border:#E2E2E2 2px solid; width:50px; height:50px; background-color:transparent; margin:0px 5px;}
.play{background-image:url(../img/play.png); background-repeat:no-repeat; background-position:10px 6px}
.rapido{background-image:url(../img/rapido.png); background-repeat:no-repeat; background-position:10px 6px}
.lento{background-image:url(../img/lento.png); background-repeat:no-repeat; background-position:4px 6px}
.mute{background-image:url(../img/mute.png); background-repeat:no-repeat; background-position:4px 6px}
.reinicio{background-image:url(../img/reiniciar.png); background-repeat:no-repeat; background-position:6px 7px}
/*fin radio*/
.izq{text-align:left}
.desple{padding:5px;}
.menudes{ border:hidden; width:22px; height:22px; background-size:100%; background:none; background-image:url(../img/menu.svg)}

	/*clases*/
	.cerrarbtn{ border: #AB3D02 2px solid; background-color: #FFF; padding: 6px; border-radius: 15px; color: #AB3D02; font-size: 18px; font-weight: 500; position: absolute; top:1%; margin-left:89%  }
	.cumbre img{width:100%; height: 32%;}
.cumbre{display: grid; grid-template-columns: auto auto auto auto; grid-gap: 10px;}
	.setentatreinta div:nth-child(1){width: 30%; margin-right: 15px}
	.setentatreinta div:nth-child(2){width: 70%}
	.setentatreinta video{ width: 100%;}
	/*po pup*/
	.cajanegra{ position: fixed; background-color: rgba(51,51,51,0.5); width: 100%; height: 100vh; z-index: 10;}
	.cajablanca{ position: fixed; background-color: #FFF; z-index: 11; width: 70vw; max-height: 70vh; margin: 5% 15%; padding: 2%; overflow: scroll; overflow-x: hidden}
	.cajablanca img{width: 100%}
	@media only screen and (max-width: 1366px) {
	.cumbre img{width:100%; height: 31%; background-color: #C54602}
	}
@media only screen and (max-width: 1040px) {
	/*contenedor*/
#conten{width:85vw;}
/*fin contenedor*/
	/*menu*/
.menu1{width:100%;}
.menu1 li{border-right:#AB3D02 1px solid; display:inline-block; padding:10px 8px;}
}
	/*fin menu*/
@media only screen and (max-width: 1024px) {
	/*contenedor*/
#conten{width:85vw;height:auto; margin:auto;}
/*fin contenedor*/
	/*menu*/
.menu1{width:100%; padding:0px}
.menu1 li{border-right:#AB3D02 1px solid; display:inline-block; padding:10px 5px;}
.menu1 li:hover .menu2{display:block; position:absolute;}
.menu2 li{display:block;}
.menu2 li{background:#3F3F3F;}
.menu2{margin:10px -50px}
/*fin menu*/
}
@media only screen and (max-width: 916px) {
	
/*menu*/
nav{text-align:center}
.menu1{width:100%; display:none;}
.menu1 li{display:block;}
.menu1 ul{display:none;}
.menu1 li:hover .menu2{display:none; position:inherit;}
.menu2{position:inherit; margin:10px -50px}
/*fin menu*/
/*escondido*/
.hide{display:block;}
/*escondido*/

	}
@media only screen and (max-width: 700px)	{
	:root{--flexible:block;}
}
@media only screen and (max-width: 500px){
header{text-align:center}
*[class*="col"]{width:100%}
}