@charset "utf-8";
/* CSS Document */
/* change the background color */
/* FONTS */
@font-face
{
   font-family: 'BebasNeue-Regular';
   src:url(../fonts/BebasNeue-Regular.otf);
}
@font-face
{
   font-family: 'PMStext';
   src: url(../fonts/RobotoCondensed-Regular.ttf)
}
@font-face
{
   font-family: 'PMStextBold';
   src: url(../fonts/RobotoCondensed-Bold.ttf)
}
@font-face
{
   font-family: 'Lasiver';
   src: url("../fonts/Lasiver Bold.ttf")
}
@font-face
{
   font-family: 'FuturaMD';
   src: url("../fonts/futura-md-bt-medium.ttf")
}
@font-face
{
   font-family: 'Montserrat-Black';
   src: url("../fonts/Montserrat-Black.ttf")
}
@font-face
{
   font-family: 'Montserrat-Regular';
   src: url("../fonts/Montserrat-Regular.ttf")
}
@font-face
{
   font-family: 'Oswald-Light';
   src: url("../fonts/Oswald-Light.ttf")
}
@font-face
{
   font-family: 'Oswald-Medium';
   src: url("../fonts/Oswald-Medium.ttf")
}
@font-face
{
   font-family: 'Oswald-Regular';
   src: url("../fonts/Oswald-Regular.ttf")
}
@font-face
{
   font-family: 'Oswald-SemiBold';
   src: url("../fonts/Oswald-SemiBold.ttf")
}
@font-face
{
   font-family: 'Halenoir-Black';
   src:url(../fonts/Halenoir-Black.otf);
}
@font-face
{
   font-family: 'Halenoir-Bold';
   src:url(../fonts/Halenoir-Bold.otf);
}
@font-face
{
   font-family: 'HalenoirCompact-Bold';
   src:url(../fonts/HHalenoirCompact-Bold.otf);
}




/*DECLARACION DE FUENTES*/
.Halenoir-Black {
	font-family: 'Halenoir-Black';
	font-size:calc(1.5em + 1.5vw);
    color:#002577;
	alignment-baseline:central;
	line-height:1.1em;
	/*letter-spacing: -4px;*/
	}	

.Montserrat-Black {
	font-family: 'Montserrat-Black';
	font-size:calc(.5em + .5vw);
	alignment-baseline:central;
	line-height:1.1em;
	/*letter-spacing: -4px;*/
	}	
.Montserrat-Regular {
	font-family: 'Montserrat-Regular';
	font-size:calc(.75em + .75vw);
	alignment-baseline:central;
	line-height:1.1em;
	/*letter-spacing: -4px;*/
	}	
.Oswald-Regular {
	font-family: 'Oswald-Regular';
	font-size:calc(2em + 2vw);
	alignment-baseline:central;
	line-height:1.1em;
	/*letter-spacing: -4px;*/
	}	











/*DECLARACION DE FUENTES*/
.PMSTexto {
	font-family: 'PMStext';
	font-size:calc(.7em + .7vw);
	alignment-baseline:central;
	line-height:1.1em;
	/*letter-spacing: -4px;*/
	}	
.PMSTexto5 {
	font-family: 'PMStext';
	font-size:calc(.5em + .5vw);
	alignment-baseline:central;
	line-height:1.1em;
	/*letter-spacing: -4px;*/
	}
.PMSTextoBST5-1_5 {
	font-family: 'PMStext';
	font-size:calc(1.5rem + 1.5vw);
	alignment-baseline:central;
	line-height:1.1em;
	/*letter-spacing: -4px;*/
	}	
.PMSTextoBST5-1 {
	font-family: 'PMStext';
	font-size:calc(1rem + 1vw);
	alignment-baseline:central;
	line-height:1.1em;
	/*letter-spacing: -4px;*/
	}	
.PMSTextoBST5-0_75 {
	font-family: 'PMStext';
	font-size:calc(.75rem + .75vw);
	alignment-baseline:central;
	line-height:1.1em;
	/*letter-spacing: -4px;*/
	}	
.PMSTextoBST5-0_5 {
	font-family: 'PMStext';
	font-size:calc(.5rem + .5vw);
	alignment-baseline:central;
	line-height:1.1em;
	/*letter-spacing: -4px;*/
	}	
.PMSTextoBig {
	font-family: 'PMStextBold';
	font-size:calc(1em + 1vw);
	alignment-baseline:central;
	line-height:1.1em;
	/*letter-spacing: -4px;*/
	}
.PMSTextoBigGray {
	font-family: 'PMStextBold';
	font-size:calc(1em + 1vw);
	alignment-baseline:central;
	line-height:1.1em;
    color: lightgrey;
	/*letter-spacing: -4px;*/
	}	
.PMSTextoBold {
	font-family: 'PMStextBold';
	font-size:calc(.7em + .7vw);
	alignment-baseline:central;
	line-height:1.1em;
	/*letter-spacing: -4px;*/
	}	
.PMSTextoNota {
	font-family: 'PMStext';
	font-size:calc(.7em + .7vw);
	alignment-baseline:central;
	line-height:1.1em;
	/*letter-spacing: -4px;*/
	}	
.PMSTextoNotaModal {
	font-family: 'PMStext';
	font-size:calc(.5em + .5vw);
	alignment-baseline:central;
	line-height:1.1em;
	/*letter-spacing: -4px;*/
	}	
.PMSTextoSmall {
	font-family: 'PMStext';
	font-size:calc(.3em + .3vw);
	alignment-baseline:central;
	line-height:1.1em;
	/*letter-spacing: -4px;*/
	}	
.PMScore{
    font-family: 'PMStextBold';
	font-size:calc(1em + 1vw);   
}
.BebasText{
	font-family: 'BebasNeue-Regular';
	alignment-baseline:central;
	line-height:1;
	}
.BebasTitleBST5-1_5{
	font-family: 'BebasNeue-Regular';
	font-size:calc(1.5rem + 1.5vw);
	alignment-baseline:central;
	line-height:1;
	}	
.BebasTitleBST5-1{
	font-family: 'BebasNeue-Regular';
	font-size:calc(1rem + 1vw);
	alignment-baseline:central;
	line-height:1;
	}	
.BebasTitle{
	font-family: 'BebasNeue-Regular';
	font-size:calc(1em + 1vw);
	alignment-baseline:central;
	line-height:1;
	}	
.BebasTitleMedium{
	font-family: 'BebasNeue-Regular';
	font-size:calc(1.5em + 1.5vw);
	alignment-baseline:central;
	line-height:1;
	}	
.BebasTitleLarge{
	font-family: 'BebasNeue-Regular';
	font-size:calc(2em + 2vw);
	alignment-baseline:central;
	line-height:1;
	}	
.BebasScore{
	font-family: 'PMStext';
	font-size:calc(.6em + .5vw);
	line-height:1;
	display: flex;
   	align-items: center;
   	justify-content: center;
	}	
.BebasTitleScore{
	font-family: 'BebasNeue-Regular';
	font-size:calc(2em + 2vw);
	alignment-baseline:central;
	line-height:1;
	}		
.Lasiver{
	font-family: 'Lasiver';
	font-size:calc(2.5em + 2.5vw);
    color:whitesmoke;
	alignment-baseline:central;
	line-height:1;
	}		
.Futura{
	font-family: 'FuturaMD';
	font-size:calc(.7em + .7vw);
    color:darkblue;
	alignment-baseline:central;
	line-height:1;
	}		
.vAlign {
  display: table-cell;
  width: calc(10vw - 1px);
  height: calc(10vh - 1px);
  vertical-align: middle;
  /*background: #ccc;*/
}	

.CentABS {
  display: flex;
  align-items: center;
  justify-content: center;
}	
.TextBar { /*texto navbar*/
	font-family: 'PMStext';
	font-size:calc(.6em + .6vw);
	}	
.TextRelevante{ /*texto relevante*/
	font-family: 'BebasNeue-Regular';
	font-size:calc(1em + 1vw);
	alignment-baseline:central;
	line-height:1;
	color: #ffffff;
	text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.8);
	}	
.TextSubRelevante{ /*texto subrelevante*/
	font-family: 'PMStext';
	font-size:calc(.5em + .5vw);
	alignment-baseline:central;
	line-height:1;
	color: #ffffff;
	}	
.TextFooterTitle { /*texto navbar*/
	font-family: 'PMStext';
	font-size:calc(.8em + .8vw);
	color: #222a50;
	}	
.TextFooterText { /*texto navbar*/
	font-family: 'PMStext';
	font-size:calc(.6em + .6vw);
	color: #222a50;
	}	
/*#relevante_text{/*posicion texto relevante utiliza shield*/
/*   position: absolute;
   /*left: 10%;*/
/*   right: 0;
   top: 55%;
   margin: 0 auto;
   z-index: 9999998;
   padding: 1em;
   }*/

.texto-borde {
  -webkit-text-stroke: 2px white;
  color: green;  /*color: transparent;*/
}

.asap-condensed-extralight {
  font-family: "Asap Condensed", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.asap-condensed-light {
  font-family: "Asap Condensed", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.asap-condensed-regular {
  font-family: "Asap Condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.asap-condensed-medium {
  font-family: "Asap Condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.asap-condensed-semibold {
  font-family: "Asap Condensed", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.asap-condensed-bold {
  font-family: "Asap Condensed", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.asap-condensed-extrabold {
  font-family: "Asap Condensed", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.asap-condensed-black {
  font-family: "Asap Condensed", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.asap-condensed-extralight-italic {
  font-family: "Asap Condensed", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.asap-condensed-light-italic {
  font-family: "Asap Condensed", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.asap-condensed-regular-italic {
  font-family: "Asap Condensed", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.asap-condensed-medium-italic {
  font-family: "Asap Condensed", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.asap-condensed-semibold-italic {
  font-family: "Asap Condensed", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.asap-condensed-bold-italic {
  font-family: "Asap Condensed", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.asap-condensed-extrabold-italic {
  font-family: "Asap Condensed", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.asap-condensed-black-italic {
  font-family: "Asap Condensed", sans-serif;
  font-weight: 900;
  font-style: italic;
}


/*NAVBAR HEADER*/
#cabeza-menu {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999999;
    min-width: 285px;
    }
.marca{
	width:300px; 
	height:75px;
}
/*FOOTER*/
.no-seleccionable {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; 
    }
#shield{
  position: absolute;
   left: 0;
   right: 0;
   top: 0%;
   margin: 0 auto;
   z-index: 9999999;
   }
#zoom_marca{
	max-width:50%;
    }
/*ESTILOS GENERALES*/
.centrado_vertical{
	text-align: center;
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

/*HOVER IMAGENES EFECTO OPACO*/
#gallery a:nth-child(3n+2) { /*clase div padre*/
	margin: 0 25px 25px 25px;
}
#gallery a img {
	display: block;
	-webkit-transition: all 0.5s;
}
/*Hover effects*/
#gallery a img:hover {
	-webkit-filter: none; /*Returns to default state*/
}
/*Default state for brightness has to be specified specifically*/
#gallery a img.brightness:hover {
	-webkit-filter: brightness(0);
}
.opacity {-webkit-filter: opacity(90%);}

/*MEDIA SCREEN*/

/*pantallas tamaño extra pequeño*/
@media screen and (max-width: 374px) and (min-width: 320px) {
.marca{
	width:210px; 
	height:52px;
    }
#zoom_marca{
	max-width:75%;
    }

@media screen and (max-width: 575px) and (min-width: 375px) {
.marca{
	width:265px; 
	height:63px;
}
#zoom_marca{
	max-width:100%;
    }

}

/*pantallas tamaño pequeño  min 481*/
@media screen and (max-width: 767px) and (min-width: 576px) {
#zoom_marca{
	max-width:75%;
    }

}

/*pantallas tamaño mediano*/
@media screen and (max-width: 991px) and (min-width: 768px) {
.TextBar {
	font-family: 'PMStext';
	font-size:calc(.5em + .5vw);
	}	

}

/*pantallas tamaño grande*/
@media screen and (max-width: 1199px) and (min-width: 992px) {

}

/*pantallas tamaño extragrande*/
@media screen and (max-width: 1680px) and (min-width: 1200px) {

}

.asap-condensed-extralight {
  font-family: "Asap Condensed", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.asap-condensed-light {
  font-family: "Asap Condensed", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.asap-condensed-regular {
  font-family: "Asap Condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.asap-condensed-medium {
  font-family: "Asap Condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.asap-condensed-semibold {
  font-family: "Asap Condensed", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.asap-condensed-bold {
  font-family: "Asap Condensed", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.asap-condensed-extrabold {
  font-family: "Asap Condensed", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.asap-condensed-black {
  font-family: "Asap Condensed", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.asap-condensed-extralight-italic {
  font-family: "Asap Condensed", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.asap-condensed-light-italic {
  font-family: "Asap Condensed", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.asap-condensed-regular-italic {
  font-family: "Asap Condensed", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.asap-condensed-medium-italic {
  font-family: "Asap Condensed", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.asap-condensed-semibold-italic {
  font-family: "Asap Condensed", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.asap-condensed-bold-italic {
  font-family: "Asap Condensed", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.asap-condensed-extrabold-italic {
  font-family: "Asap Condensed", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.asap-condensed-black-italic {
  font-family: "Asap Condensed", sans-serif;
  font-weight: 900;
  font-style: italic;
}