@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');
@font-face {
    font-family: nexaL;
    src: url(nexaL.otf);
}
@font-face {
    font-family: nexaB;
    src: url(nexaB.otf);
}
*{
    box-sizing: border-box;
}
body{
margin:0px;

}
[class*="col-"] {
    float: left;
		border:1px solid;
    border-color:transparent;
}
[class*="col-"] {
        width: 100%;
    }
/* Para escritorio: */
@media only screen and (min-width: 1100px) {
    
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}
}
/* fin Para escritorio: */
.superior{
width:100%;
height:60px;
background-color:#ffffff;
}
.titulo{
	line-height:60px;
	font-family:'Open Sans', sans-serif;
	font-weight:bold;
	letter-spacing:normal;
	font-size:11px;
	text-align:center;
}
.menu{
	width:100%;
	height:60px;
	line-height:60px;
	font-family:'Open Sans', sans-serif;
	font-weight:bold;
	letter-spacing:normal;
	font-size:1em;
	text-decoration:none;
	text-align:center;
}
.botonMenu{
	font-family:'Open Sans', sans-serif;
	font-weight:bold;
	letter-spacing:normal;
	font-size:0.8em;
	text-decoration:none;
	color:#000000;
	position: relative;
	padding: 2px 10px;
}
.botonMenuH{
	text-decoration:none;
	color:#000000;
	position: relative;
	padding: 2px 10px;
	font-size:0.8em;
}
.botonMenuH:before{
	content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #1386ef;
}
.botonMenuSpan{
font-family:'Open Sans', sans-serif;
	font-weight:bold;
	letter-spacing:normal;
	font-size:0.8em;
	text-decoration:none;
	color:#000000;
	position: relative;
	padding: 2px 0px;
	cursor:pointer;
}
.botonMenuSpan:before{
	content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #1386ef;
  animation: width 0.2s;
  transition: all 0.2s;
}
.divImgPrincipal{
	width:100%;
	position:relative;
}
.imgPrincipal{
	position:relative;
	width:100%;
	max-width: 100%;
  height:auto;
	z-index:1;
}
.tapaImgPrincipal1{
	position:absolute;
	top:0px;
	width:0px;
	text-align:center;
	width:100%;
	height:100%;
	z-index:2;	

}
.textoTapa{
	margin:-0px auto;
	width:33%;
	height:40%;
	font-family:'Open Sans', sans-serif;
	font-size:1.2em;
	letter-spacing:normal;
background-image:url('img/transparenteBlanco.png');

}
.vanguardia{
	font-family:'Open Sans', sans-serif;
	font-weight:bold;
	font-size:1.5em;
letter-spacing:normal;
}
.textoPie{
	text-align:center;
	height:20px;
	margin:0px auto;
	font-family:'Open Sans', sans-serif;
	letter-spacing:normal;
	font-size:0.7em;
	line-height:20px;
	
}

.promarquet{
	font-family:'Open Sans', sans-serif;
	font-weight:bold;
	letter-spacing:normal;
}
.socialPie{
	width:300px;
	height:20px;
	margin:0px auto;
}
.logoFace{
margin:0px auto;
width:20px;
height:20px;
background-color:#000000;
background-image:url('img/face.jpg');
background-size:cover;
}
.titNosotros{
font-family:'Open Sans', sans-serif;
font-weight:bold;
font-size:1em;
letter-spacing:normal;
}
.textNosotros{
font-family:'Open Sans', sans-serif;
font-size:0.8em;
}
.textForm{
font-family:'Open Sans', sans-serif;
font-size:0.9em;
}
#col-10{
text-align:justify;
padding:10px;"
}
.inputForm{
border:none;
width:300px;
height:35px;
font-family:'Open Sans', sans-serif;
font-size:1.1em;
font-style:italic;
}
.inputForm:focus{
outline:0px;
}
.inputFormArea{
border:none;
width:400px;
font-family:'Open Sans', sans-serif;
font-size:1.1em;
font-style:italic;

}
.inputFormArea:focus{
outline:0px;
}
.logo{
position:relative;
/*margin-left:-65px;*/
/*left:50%;*/
margin:auto;
width:189px;
height:57px;
background-image:url('img/logo-2025.png');
}
.portaLogo{
margin-right:15px;
width:100%;
text-align:center;
}
@media only screen and (min-width: 1100px) {
.titulo{
float:left;
}
.logo{
float:left;
}
.portaLogo{
width:189px;
float:left;
margin-left:60px;
}
.botonMenu{
	font-family:'Open Sans', sans-serif;
	font-weight:bold;
	letter-spacing:normal;
	font-size:0.8em;
	text-decoration:none;
	color:#000000;
	position: relative;
	padding: 2px 10px;
}
.botonMenuH{
	font-size:0.8em;
	text-decoration:none;
	color:#000000;
	position: relative;
	padding: 2px 10px;
}

.botonMenu:before{
	content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #000000;
  animation: width 0.2s;
  transition: all 0.2s;
}
.botonMenu:hover:before {
  width: 100%;
}
.botonMenuH:before{
	content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #1386ef;
}
.botonMenuSpan:before{
	content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #1386ef;
  animation: width 0.2s;
  transition: all 0.2s;
}
.botonMenuHSpan:before{
	content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #1386ef;
}
.botonMenuSpan:hover:before {
  width: 100%;
}

	.vanguardia{
		letter-spacing:normal;
		font-family:'Open Sans', sans-serif;
		font-size:1.5em;
		font-weight:bold;
		margin: -4% 0 0 0;
	}
	.textoTapa{
		font-size:1.2em;
		font-family:'Open Sans', sans-serif;
		font-weight:bold;
		letter-spacing:normal;
	}
}
.textNosotros{
font-family:'Open Sans', sans-serif;
font-size:0.8em;
}
.botonEnviar{
	width:95px;
	height:35px;
	line-height:35px;
	text-align:center;
	background-color:#000000;
	font-family:'Open Sans', sans-serif;
	font-size:0.8em;
	letter-spacing:normal;
	color:#ffffff;
	float:right;
	margin-top:20px;
	margin-right: 5%;
	cursor:pointer;
}

.container {
    text-align: center;
}
.container:after {
    content: '';
    display: inline-block;
   
}
@media only screen and (min-width: 1100px) {

.botonEnviar:hover{
	color:#afafaf;
}







}
.mix,
.gap {
    display: inline-block;
    vertical-align: top;
}
.gap{
	width:30px;}
.mix {
	position: relative;
	margin-left:15px;
	margin-right:15px;
	margin-bottom:15px;
	border:none;
}
@media only screen and (max-width: 500px) {

.menu{
	width:100%;
	height:60px;
	line-height:60px;
	font-family:'Open Sans', sans-serif;
	font-weight:bold;
	letter-spacing:normal;
	font-size:0.95em;
	text-decoration:none;
	text-align:center;
}
.botonMenu{
	font-family:'Open Sans', sans-serif;
	font-weight:bold;
	letter-spacing:normal;
	font-size:0.6em;
	text-decoration:none;
	color:#000000;
	position: relative;
	padding: 2px 5px;
}
.botonMenuH{
	text-decoration:none;
	color:#000000;
	position: relative;
	padding: 2px 0px;
	font-size:0.6em;
}
.botonMenuH:before{
	content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #1386ef;
}
.botonMenuSpan{
font-family:'Open Sans', sans-serif;
	font-weight:bold;
	letter-spacing:normal;
	font-size:0.6em;
	text-decoration:none;
	color:#000000;
	position: relative;
	padding: 2px 0px;
	cursor:pointer;
}
.botonMenuSpan:before{
	content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #1386ef;
  animation: width 0.2s;
  transition: all 0.2s;
}

.textoTapa{
	margin: -4% auto 0px auto;
	width:33%;
	height:60%;
	font-family:'Open Sans', sans-serif;
	font-size:0.6em;
	letter-spacing:normal;
background-image:url('img/transparenteBlanco.png');

}
.vanguardia{
	margin: -5% auto 0px auto;
	font-family:'Open Sans', sans-serif;
	font-weight:bold;
	font-size:1em;
letter-spacing:normal;
}

.inputForm{
border:none;
width:100%;
height:35px;
font-family:'Open Sans', sans-serif;
font-size:0.8em;
font-style:italic;
}
.inputForm:focus{
outline:0px;
}
.inputFormArea{
border:none;
width:100%;
font-family:'Open Sans', sans-serif;
font-size:0.6em;
font-style:italic;

}
.inputFormArea:focus{
outline:0px;
}

.botonEnviar{
	width:95%;
	height:35px;
	line-height:35px;
	text-align:center;
	background-color:#000000;
	font-family:'Open Sans', sans-serif;
	font-size:0.8em;
	letter-spacing:normal;
	color:#ffffff;
	float:left;
	margin-top:40px;
	margin-right: 5%;
	cursor:pointer;
}

.mix {
position: relative;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:15px;
	border:none;
}


}
.controls {
    padding: 1rem;
    background: #333;
    font-size: 0.1px;
}

.control {
    position: relative;
    display: inline-block;
    width: 2.7rem;
    height: 2.7rem;
    background: #444;
    cursor: pointer;
    font-size: 0.1px;
    color: white;
    transition: background 150ms;
}
div#imagen {
position:absolute;
top:0px;
left:0px;
	z-index:500000;
  width:100%;
	height:100%;
	color:#ffffff;
font-family:'Open Sans', sans-serif;
letter-spacing:normal;
}
div#imagen:hover{
cursor:pointer;
}
div#info {
  position:absolute;
	width:100%;
	height:100%;
  background-image:url('img/transparenteAzul.png');
  opacity:0;
  transition: opacity 0.5s;
	text-align: center;
cursor:pointer;
}
div#info:hover{
cursor:pointer;
}
div#imagen:hover div#info {
  opacity:1;
cursor:pointer;
}

p#headline {
  font-size: 1.5rem;
	text-align: center;
	margin-top: 100px;
  transition: margin-top 0.4s;
	cursor:pointer;
}

div#imagen:hover p#headline {
  margin-top: 85px;
}

p#descripcion {
  font-size: 1rem;
  text-align: center;
  margin-top: -15px;
  transition: margin-top 0.3s;
	cursor:pointer;
}
.mensaje{
font-family:'Open Sans', sans-serif;
	font-size:0.8em;
}