@charset "utf-8";
.bannersuperior {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100vw;
	height: 33.333vw;
	overflow: hidden;
	visibility: hidden;
	margin: 0px;
}


/*jssor slider bullet skin 036 css*/

.jssorb036 {
	position: absolute;
}

.jssorb036 .i {
	position: absolute;
	cursor: pointer;
}

.jssorb036 .i .b {
	fill: #fff;
	fill-opacity: 0.7;
	stroke: #000;
	stroke-width: 1000;
	stroke-width: 62.5vw;
	stroke-miterlimit: 10;
	stroke-opacity: 0.5;
}

.jssorb036 .i:hover .b {
	fill: #000;
	fill-opacity: 1;
	stroke: #fff;
	stroke-opacity: 1;
}

.jssorb036 .iav .b {
	fill: #000;
	fill-opacity: 1;
	stroke: #fff;
	stroke-width: 1600;
	stroke-width: 100vw;
	stroke-opacity: 0.6;
}

.jssorb036 .i.idn {
	opacity: .3;
}


/*jssor slider arrow skin 051 css*/

.jssora051 {
	display: block;
	position: absolute;
	cursor: pointer;
}

.jssora051 .a {
	fill: none;
	stroke: #fff;
	stroke-width: 360;
	stroke-width: 22.5vw;
	stroke-miterlimit: 10;
}

.jssora051:hover {
	opacity: .8;
}

.jssora051.jssora051dn {
	opacity: .5;
}

.jssora051.jssora051ds {
	opacity: .3;
	pointer-events: none;
}


/*cuadro rojo */

.cuadrorojo {
	/*	left: 318px;*/
	left: 10%;
	top: 220px;
	top: 13.75vw;
	position: absolute;
	display: block;
	height: 100px;
	height: 6.25vw;
	border-left-width: 10px;
	border-left-width: 0.625vw;
	border-left-style: solid;
	border-left-color: rgba(255,0,0,1);
	width: 85%;
	box-sizing:border-box;
}


/*.textosuperior*/

.textosuperior {
	left: 17%;
	top: 262px;
	top: 13.75vw;
	position: absolute;
	color: #ffffff;
	font-family: Roboto, sans-serif;
	font-size: calc(100px - 4vw);
	font-size: 6vw;
	font-weight: 700;
	text-align: left;
	text-shadow: black 0.1em 0.1em 0.2em
}

.textosbanner {
	left: 17%;
	top: 220px;
	top: 13.75vw;
	position: absolute;
	color: #ffffff;
	font-family: Roboto, sans-serif;
}
.textosbanner p {
	font-size: calc(100px - 4vw);
	font-size: 2.25vw;
	text-shadow: black 0.1em 0.1em 0.2em;
	margin: 0px;
	padding: 0px;
	font-weight: 300;
}
.textosbanner p:first-child {
	font-weight: 700;
}
.textosbanner p a{
	font-size: calc(33px - 1.33vw);
	font-size: 0.73vw;
	box-sizing: border-box;
	text-decoration: none;
	padding-top: calc(30px - 1.2vw);
	padding-top: 0.675vw;
	padding-right: 8%;
	padding-bottom: calc(30px - 1.2vw);
	padding-bottom: 0.675;
	padding-left: 8%;
	color: #FFF;
	background-color: #F00;
	text-shadow: none;
	border: 1px solid #F00;
	font-weight: bold;
}

.textosbanner p a:hover {
	color: #F00;
	transition-duration: 0.3s;
	background-color: rgba(255,255,255,0.7);
}




/*.bannerlider*/

.bannerslider {
	cursor: default;
	position: relative;
	top: 0px;
	left: 0px;
	width: 1600px;
	height: 560px;
	width: 100vw;
	height: 35vw;
	overflow: hidden;
}


}

/*.bannerloading*/
.bannerloading {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-image: url('img/ios-x.svg');
	background-color: rgba(255, 255, 255, 0.7);
	background-size: 30px 30px;
	background-size: 1.87vw 1.87vw;
}

/* Bullet Navigator --*/
.bnavigator {
	position: absolute;
	bottom: 12px;
	right: 12px;
	bottom: 0.75vw;
	right: 0.75vw;
}
.bprototype {
	width: 13px;
	height: 13px;
	width: 0.81vw;
	height: 0.81vw;
}
.bbullet {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* -- Arrow Navigator -- */
.barrowleft {
	width: 55px;
	height: 55px;
	top: 0px;
	left: 25px;
	width: 3.43vw;
	height: 3.43vw;
	top: 0px;
	left: 1.56vw;
}
.barrowright {
	width: 55px;
	height: 55px;
	top: 0px;
	right: 25px;
	width: 3.43vw;
	height: 3.43vw;
	top: 0px;
	right: 1.56vw;
}
.bflecha {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#bannermovil {
	display: none;
}
#bannerprincipal {
	display: block;
}


@media screen and (max-width:800px){
#bannermovil {
	display: block;
	margin: 0px;
	padding: 0px;
}

#bannermovil img{
	display: block;
	width: 100%;
}

#bannerprincipal {
	display: none;
}
}