*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

*:focus{
	outline: none;
}


.phone,.desktop,.full,.tablet{
display: none !important;
}

html,body,#principalContainer,#container,#principal,#slider,#sub{
height:100%;
overflow: hidden;
}

#container{
background: rgb(72,83,96);
}

#encabezado{
	height: 150px;
	position: absolute;
    width: 100vw;
	z-index: 1007;
	-webkit-transition: left 1.5s;
    -moz-transition: left 1.5s;
    -ms-transition: left 1.5s;
    transition: left 1.5s;
	top: 0%;
	left: 0%;
}
@font-face{
	font-family: 'lato-regular';
	src: url("../fonts/Lato-Regular.ttf");
}

@font-face{
	font-family: 'lato-light';
	src: url("../fonts/Lato-Light.ttf");
}
@font-face{
	font-family: 'lato-extralight';
	src: url("../fonts/Lato-ExtraLight.ttf");
}

@font-face{
	font-family: 'lato-black';
	src: url("../fonts/Lato-Black.ttf");
}

.btnMain{
	text-decoration: none;
	font: 18pt 'lato-black';
	color: #c6ff00;
	text-transform: uppercase;
}

.btnMain span,.btnMain img{
	margin: 0 0.25em;
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
}

#submain{
	position: fixed;
	z-index: 1040;
	right: 0px;
	height: 150px;
	top: calc(100% - 150px);
	overflow: hidden;
	width: 375px;
}
#submain ul{
	list-style-type: none;
	text-align: center;
}
#submain span{
border: 3px solid #c6ff02!important;
width: 21px;
height: 21px;
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
user-select:none;
border-radius: 50%;
cursor: pointer;
}
#submain span:hover,.subActive{
background: #c6ff02!important;
border: 3px solid #c6ff02!important;
}

#submain span,#submain a{
	display: inline-block;
	vertical-align: middle;
}
#submain ul li{
	width: 355px;
}
#submain ul li a{
	text-decoration: none;
	font: 12pt 'lato-black';
	color: #c6ff02;
	text-align:center;
	margin: 15px 5px;
	width: 315px;
	text-transform: uppercase;
}

#encabezado a {
text-decoration: none!important;
}


#encabezado .main{
float: right;
}
#encabezado .log{
float: left; 
-moz-transition: all 1.15s;
-webkit-transition: all 1.15s;
-ms-transition: all 1.15s;
transition: all 1.15s;
}

#principal{
clear:both;
}


#slider #slides{
height: 100%;
}

#slider #slides > div{
	height: 100%;
}

#container{
    position: relative;
    -webkit-transition: all 1.5s;
    -moz-transition: all 1.5s;
    -ms-transition: all 1.5s;
    transition: all 1.5s;
	left: 0%;
	width:calc(100vw + 215px);
}


#nav{
	-moz-perspective: 710px;
    -webkit-perspective:710px;
     perspective:710px;
    -ms-perspective:710px;
	height:100vh;
}
#sub,#nav{
float:left;
}
#sub{
width:100vw;
}
#leyenda{
	color: white;
	position: absolute;
	font: 12pt 'lato-light';
	left: 0px;
	width: 319px;
	text-align: justify;
	bottom: 0px;
	z-index: 1099;
	padding: 15px;
}
#menu{
	background: #3b434d;
	padding: 0.5em;
	width: 215px;
    height:100%;
	position:relative;
	top: 0px;
	-moz-transition: all 1.15s;
	-webkit-transition: all 1.15s;
	-ms-transition: all 1.15s;
	transition: all 1.15s;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -moz-transform: rotateY(45deg);
    -ms-transform: rotateY(45deg);
    -webkit-transform: rotateY(45deg);
    transform: rotateY(45deg);
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

#menu ul{
	list-style-type: none;
	list-style-position: inside;
	text-align: left;
}

img{
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

#menu ul li a{
	text-transform: uppercase;
	text-decoration: none;
	color: #768597;
	display: block;
	margin: 0.5em 0.25em;
	font: 14pt 'lato-light';
	text-align: left;
}

#derechos{
	font: 11pt 'lato-light';
	color: white;
	text-transform: capitalize;
	text-align: left;
	word-spacing: 2.5px;
	position: absolute;
	bottom: 0px;
}


#derechos p{
	margin: 15px 0.25em;
}

#derechos p:last-child{
	font: 9pt 'lato-light';
}

#derechos b{
color: rgb(217,173,4);
}
.activo{
		color: #c6ff00!important;
}

.social{
	text-align: center;
	padding: 0.25em;
	margin: 0.15em;
}
.social a{
	text-decoration: none;
	vertical-align: top;
	display: inline-block;
}

#slider .slide1,.slide1{
background: #3d4eb8!important;
}

#slider .slide2,.slide2{
background: #00e777!important;
}

#slider .slide3,.slide3{
background: #2879ff!important;
}

.slide4{
	background: rgb(0,230,255)!important;
}



.circle{
	padding: 25px;
}

.circle > span{
border-radius: 30px;
margin: 0.125em 0.75em;
border: 3px solid #c6ff02!important;
width: 24px;
height: 24px;
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
user-select:none;
}
.slideActive{
background: #c6ff02!important;
border: 3px solid #c6ff02!important;
}
.preloader {
width: 64px;
height: 64px;
background: url("../img/load2.gif");
background-size: 100% 100%;
}

#slider > div > div{
	padding: 2.5em 0em;
}


.info p,.modal > div p{
	text-align: justify;
	color: white;
}
.info h1,.modal > div h1{
	text-align: left;
	border-bottom: 1px solid #c6ff00;
	color: #c6ff00;
}

.info a{
	display: block;
	color: #c6ff00;
	text-decoration: none;
	-moz-transition: all 1.15s;
	-webkit-transition: all 1.15s;
	-ms-transition: all 1.15s;
	transition: all 1.15s;
}
.info a:hover{
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
	text-decoration: underline;
}

.info2 h1{
	text-align: left;
	border-bottom: 1px solid #c6ff02;
	color: #c6ff02;
}

.info b{
	color: #c6ff00;
}
.info div{
	margin: auto;
}
.info ul,.modal > div ul{
	color: white;
	list-style-position: inside;
	text-align: left;
}


.modal > div ul li a{
	color: white;
	text-decoration: none;
}

.modal > div ul li a:hover{
	text-decoration: underline;
}

.info3 img{
	margin: 15px auto 55px auto;
}

.info3 h1,.info4 h1{
	font-family: 'lato-black';
	text-align: left;
	border-bottom: 1px solid #c6ff00;
	color: #c6ff00;
}

.info3 p,.info4 p{
	font-family: 'lato-light';
	color: white;
	text-align: justify;
}

.info3 b,.info4 b{
	color: #c6ff00;
}



.info3 aside{
	background: #28388D;
	padding: 125px 0px;
    text-align: center;
}

.info3 aside > div{
	display: inline-block;
	vertical-align: top;
	font-family: 'lato-light';
	color: white;
	text-align: justify;
	margin: 0em 2em;
}

.info4 aside{
	background: #01c853;
	overflow: auto;
}

.info4 img{
	margin: 25px auto 55px auto;
	display: block;
}


.info4 ul{
	color: white;
	font-family: 'lato-light';
	list-style-position: inside;
}

.info4 ul li p{
	display: inline;
	text-align: justify;
}
.info4 ul li{
	color: #c6ff00;
}

.info4 ul li b{
	font-weight: normal;
	font-family: 'lato-light';
}
.info5 section{
	text-align: justify;
	font-family: 'lato-light';
	height: 100vh;
}
.info5 section > h1:first-child{
	border: none;
}
.info5 section:nth-child(1){
	background: #2879ff;
}

.info5 section:nth-child(2){
	background: #2a62ff;
}

.info5 section:nth-child(3){
	background: #2879ff;
}


.info5 img{
	display: block;
	margin: auto;
}

.info5 ul{
	list-style-position:inside; 
	font-family: 'lato-light';
	color: white;
	list-style-type: square;
}

.info5 ul li ul{
	margin-left: 15px;
}

.info5 h1{
	font-family: 'lato-black';
	text-align: left;
	border-bottom: 1px solid #c6ff00;
	color: #c6ff00;
}


.detallado{
	display: none;
}
.modal{
	position: absolute;
	top: -100%;
	left: 0%;
	width: 100%;
	height: 100%;
	z-index: 1039;
	opacity: 0;
	background: rgba(0,0,0,0.55);
	-moz-transition: all 1.5s;
	-webkit-transition: all 1.5s;
	-ms-transition: all 1.5s;
	transition: all 1.5s;
}

.modal div{
	position: relative;
	width: 55%;
	height: 39%;
	top: 30.5%;
	left: 22.5%; 
	background: rgba(255,255,255,0.05);
}

.introV{
	position: absolute;
	width: 100vw;
	height: 100vh;
	top: 0%;
	left: 0%;	
	z-index: 1099;
    display: none;
	background: rgb(0,228,255);
}
.introV img{
	display:block;
	position: relative;
	top:calc((100% - 555px) / 2);
	left:calc((100% - 785px) / 2);
} 


.mas{
	text-decoration: none;
	display: block;
	text-align: center;
	color: #c6ff02;
    text-transform:uppercase;
}

.info3 p,.info3 aside div,.info3 b,.info4 p,.info4 b,.info5 ul,.contacto p{
	font-family: 'lato-light'!important;
	color: white;
}

@media screen and (min-width:1920px){
.full{
display: block!important;
}
.tablet,.phone,.desktop{
display: none!important;
}

.btnMain img[class="full"]{
	display: inline-block !important;
	vertical-align: middle;
}

.navSlider > div{
width:77px;
height:77px;
margin: 0em 2.5em;
}
.navSlider > div:first-child{
background: url("../img/full_prev.png") no-repeat top left;
}
.navSlider > div:last-child{
background: url("../img/full_next.png") no-repeat top left;
}

.mas{
	font: 12pt 'lato-light';
	width: 145px;
	padding: 15px 5px;
	margin: 15px;
	float: right;
	background: url("../img/more.png") no-repeat center right;
}

.content-slider .info{
	position: absolute;
	top: 0px;
	width: 1250px;
	left: calc((100% - 1140px) / 2);
	z-index: 1039;
	padding: 5em 0em;
}
.slide1 .info{
	text-align: right;
}
.slide2 .info{
	text-align: left;
}

.slide3 .info{
	text-align: right;
}


.info,.modal > div{
	padding: 15px;
}

.info a{
	font: 24pt 'lato-black';
}

.info p,.info4 p,.modal > div p{
	font: 18pt 'lato-light';
}

.info b,.info4 b,.modal > div b{
		font: 18pt 'lato-light';
}

.info h1,.info4 h1,.modal > div h1{
	font: 24pt 'lato-black';
}



.info ul,.info4 ul,.modal > div ul{
	font: 18pt 'lato-light';
}

#encabezado{
	padding: 15px;
}

.info3{
	text-align: center;
}
.info3 > .full,.info3 > section{
	display: inline-block!important;
	vertical-align: middle;
}
.info3 > section{
	width: 550px;
	padding: 15px;
}
.info3 h1{
	font-size: 24pt;
}

.info3 p{
	font-size: 18pt;
}
.info3 aside > div{
	font-size: 18pt;
	margin: 15px auto;
	width: 1700px;
}

.info3 aside{
	padding: 35px 0px !important;
}

.info4{
	text-align: center;
}
.info4 div.full,.info4 section{
	display: inline-block!important;
	vertical-align: middle;
}
.info4 section{
	width: calc(100vw - 1275px);
}

.info4 aside > div{
	width: 85%;
	margin: 55px auto;
}

.info4 ul{
	text-align:left;
}

.info5 section{
	padding: 35px 15px;
}

.info5 section > div{
	position: relative;
	top: calc((100% - 796px) / 2);
}

.info5 section ul{
	text-align:justify;
}

.info5 section h1{
	font-size:18pt;

}

.info5 section{
	font-size: 14pt;
}


.info5 section:nth-child(1) div.full{
	margin: auto;
	width: 1137px;
}

.info5 section:nth-child(1) div.full img{
	margin-left:55px;
}

.info5 section:nth-child(1) > div > div:last-child{
	width: 475px!important;
	position: absolute;
	top: 85px;
	left: 15px;
}


.info5 section:nth-child(1) > div > div:last-child{
	width: 305px;
}

.info5 section:nth-child(2) div.full{
	width: 1137px;
	margin: auto;
}

.info5 section:nth-child(2) div.full img{
	margin-left:-155px;
}

.info5 section:nth-child(2) > div div:first-child{
	width: 475px;
	position:absolute;
	top: 85px;
	right: 75px;
}


.info5 section:nth-child(3) div.full{
	width: 1137px;
	margin: auto;
}

.info5 section:nth-child(3) div.full img{
	margin-left: 75px;
}

.info5 section:nth-child(3) > div div:first-child{
	position: absolute;
	top: 75px;
	width: 435px;
	left: 25px;
}


.contacto{
	font: 18pt 'lato-light';
	color: white;
}
.contacto label{
	text-transform: uppercase;
	display: block;
}
.contacto form{
	width: 575px;
}
.contacto form > div{
	margin: 0.75em 0.25em;
	padding: 10px;
}
.contacto input[type="text"],.contacto textarea{
	width: 475px;
	padding: 5px;
	background: rgb(196,254,255);
	border: none;
	color: black;
}
.contacto input[type="submit"]{
	border: none;
	width: 475px;
	padding: 5px;
	background: #0091ea;
	font: 18pt 'lato-light';
	text-transform: uppercase;
}

.contacto{
	height: auto;
	text-align: center;
}

.contacto textarea{
	height: 150px;
}
.ubica{
	width: 475px;
	margin:15px auto;
}

.cont{
	display: inline-block;
	vertical-align: middle;
	}
.cont:first-child{
	margin-top: 119px;
}
.cont  > div{
	font: 18pt 'lato-light';
}

.cont  > div h1{
	font: 24pt 'lato-black';
	text-align: left;
	width: 475px;
	margin: 0px auto 15px auto;
	text-transform: uppercase;
	padding: 5px;
	border-bottom: 1px solid #c6ff02;
	color: #c6ff02;
}

.circle{
	padding: 5px!important;
}

}





@media screen and (min-width:1280px) and (max-width:1919px){
	
.desktop{
display: block!important;
}

.tablet,.phone,.full{
display: none!important;
}

.circle{
	padding: 0.5em !important;
}
.circle > span{
	width: 21px !important;
    height: 21px !important;
}

.navSlider > div{
width:60px;
height:60px;
margin: 0em 2.5em;
}
.navSlider > div:first-child{
background: url("../img/reg_prev.png") no-repeat top left;
}
.navSlider > div:last-child{
background: url("../img/reg_next.png") no-repeat top left;
}

.btnMain img[class="desktop"]{
	display: inline-block !important;
	vertical-align: middle;
}

.mas{
	font: 12pt 'lato-light';
	width: 145px;
	padding: 15px 5px;
	margin: 15px;
	float: right;
	background: url("../img/more.png") no-repeat center right;
}


#encabezado{
	padding: 15px;
	height: 135px;
}

.info p,.info4 p,.modal > div p{
	font: 14pt 'lato-light';
}

.info h1,.info4 h1,.modal > div h1{
	font: 18pt 'lato-black';
}
.info b,.info4 b,.modal > div b{
		font: 14pt 'lato-light';
}
.info a{
	font: 18pt 'lato-black';
}
.info,.modal > div{
	padding: 15px;
}


.content-slider .info{
	position: absolute;
	top: 0px;
	width: 925px;
	left: calc((100% - 820px) / 2);
	z-index: 1039;
	padding: 5em 0em;
}
.slide1 .info{
	text-align: right;
}
.slide2 .info{
	text-align: left;
}

.slide3 .info{
	text-align: right;
}

.info ul,.modal > div ul{
	font: 14pt 'lato-light';
}

.info3{
	text-align: center;
}

.info3 aside{
	padding: 35px 0px!important;
}
.info3 > .desktop,.info3 > section{
	display: inline-block!important;
	vertical-align: middle;
}

.info3{
	text-align: center;
}

.info3 > section{
	width: 315px;
	padding: 15px;
}

.info3 aside > div{
	width: 515px;
}

.info3 h1{
	font-size: 18pt;
}

.info3 p{
	font-size: 14pt;
}
.info3 aside > div{
	font-size: 14pt;
}
.info4{
	text-align: center;
}
.info4 div.desktop,.info4 section{
	display: inline-block!important;
	vertical-align: middle;
}
.info4 section{
	width: calc(100vw - 950px);
	margin: 75px 0px;
}

.info4 aside > div{
	width: 85%;
	margin: 55px auto;
}

.info4 ul{
	text-align:left;
}

.info5 section{
	padding: 35px 15px;
}

.info5 section > div{
	position: relative;
	top: calc((100% - 555px) / 2);
}

.info5 section ul{
	text-align:justify;
}

.info5 section h1{
	font-size:18pt;

}

.info5 section{
	font-size: 14pt;
}


.info5 section:nth-child(1) div.desktop{
	margin: auto;
	width: 785px;
}

.info5 section:nth-child(1) div.desktop img{
	margin-left:175px;
}

.info5 section:nth-child(1) > div > div:last-child{
	width: 495px!important;
	position: absolute;
	top: 75px;
	left: 15px;
}




.info5 section:nth-child(2) div.desktop{
	width: 785px;
	margin: auto;
}

.info5 section:nth-child(2) div.desktop img{
	margin-left:-250px;
}

.info5 section:nth-child(2) > div div:first-child{
	width: 475px;
	position:absolute;
	top: 55px;
	right: 95px;
}


.info5 section:nth-child(3) div.desktop{
	width: 785px;
	margin: auto;
}

.info5 section:nth-child(3) div.desktop img{
	margin-left: 235px;
}

.info5 section:nth-child(3) > div div:first-child{
	position: absolute;
	top: 75px;
	width: 515px;
	left: 0px;
}


.contacto{
	font: 12pt 'lato-light';
	color: white;
	height: auto!important;
}
.contacto label{
	text-transform: uppercase;
	display: block;
}
.contacto form{
	width: 475px;
}
.contacto form > div{
	margin: 0.75em 0.25em;
	padding: 10px;
}
.contacto input[type="text"],.contacto textarea{
	width: 375px;
	padding: 3px;
	background: rgb(196,254,255);
	border: none;
	color: black;
}
.contacto input[type="submit"]{
	border: none;
	width: 375px;
	padding: 3px;
	background: #0091ea;
	font: 12pt 'lato-light';
	text-transform: uppercase;
}


.contacto{
	text-align: center;
}
.contacto textarea{
	height: 150px;
}
.ubica{
	width: 375px;
	margin: 15px auto;
}
.cont{
	display: inline-block;
	vertical-align: middle;
	}
.cont:first-child{
	margin-top: 119px;
}
.cont  > div{
	font: 12pt 'lato-light';
}

.cont  > div h1{
	font: 18pt 'lato-black';
	text-align: left;
	width: 375px;
	margin: 0px auto 15px auto;
	text-transform: uppercase;
	padding: 5px;
	border-bottom: 1px solid #c6ff02;
	color: #c6ff02;
}

}




@media screen and (min-width:768px) and (max-width:1279px){
.tablet{
display: block!important;
}
.phone,.desktop,.full{
display: none!important;
}

.btnMain img[class="tablet"]{
	display: inline-block !important;
	vertical-align: middle;
}
#leyenda{
	display: none;
}
#submain{
	display: none;
}
.navSlider > div{
width:60px !important;
height:60px!important;
margin: 0em 1.25em!important;
}

.navSlider > div:first-child{
background: url("../img/reg_prev.png") no-repeat center center !important;
}
.navSlider > div:last-child{
background: url("../img/reg_next.png") no-repeat center center !important;
}

#encabezado{
	padding: 10px;
}

.circle > span{
	width: 19px !important;
	height: 19px !important;
}

.circle{
	padding: 0.25em !important;
}

.info p,.info4 p{
	font: 12pt 'lato-light';
}
.info b,.info4 b{
		font: 12pt 'lato-light';
}

.info h1,.info4 h1{
	font: 14pt 'lato-black';
}

.info div{
	width: 550px;
}

.info ul{
	font: 12pt 'lato-light';
}
#encabezado{
	height: 75px!important;
}

.info3 div.tablet{
	text-align: center;
}

.info3 section{
	margin: 115px auto 35px auto;
	padding: 0px calc((100% - 70% - 8em) / 2);
}

.info3 div.tablet,.info3 section{
       margin: 15px 0px!important;
}

.info3 aside{
	padding: 35px 0px!important;
}

.info3 h1{
	font-size: 14pt;
}

.info3 p{
	font-size: 11pt;
}

.info4 section,.info4 aside > div{
	width: 85%;
	margin: 55px auto;
}
.info5 section{
	padding: 35px 10px;
}


.info5 section{
	height: auto!important;
}





.info5 section > div > h1:first-child{
	font-size: 18pt;
}
.info5 section h1{
	font-size:14pt;
	text-align: justify;

}

.info5 section{
	font-size: 12pt;
	padding: 0px!important;
}


.info5 section > div{
		width: 695px;
		margin: auto;
		padding: 35px 0px;
}
.info5 section:first-child > div{
	margin: 105px auto 35px auto;
	width: 695px;
	padding: 0px;
}


.contacto{
	font: 12pt 'lato-light';
	color: white;
}
.contacto label{
	text-transform: uppercase;
	display: block;
}
.contacto form{
	width: 695px;
	margin: auto;
}
.contacto form > div{
	margin: 0.75em auto;
	padding: 10px;
	width: 495px;
}
.contacto input[type="text"],.contacto textarea{
	width: 475px;
	padding: 3px;
	background: rgb(196,254,255);
	border: none;
	color: black;
}

.contacto input[type="submit"]{
	border: none;
	width: 475px;
	padding: 3px;
	background: #0091ea;
	font: 12pt 'lato-light';
	text-transform: uppercase;
}

.cont:first-child{
	margin-top: 105px;
}
.cont  > div{
	font: 12pt 'lato-light';
	width: 575px;
	margin: 25px auto;
	background: red;
}


.cont  > div h1{
	font: 14pt 'lato-black';
	text-align: left;
	text-transform: uppercase;
	padding: 5px;
	border-bottom: 1px solid #c6ff02;
	color: #c6ff02;
}


}



@media screen and (min-width:320px) and (max-width:767px){
.phone{
display: block!important;
}
.tablet,.desktop,.full{
display: none !important;
}

#leyenda{
	display: none;
}
#submain{
	display: none;
}
.navSlider{
	display: none !important;
}

.btnMain img[class="phone"]{
	display: inline-block !important;
	vertical-align: middle;
}

.circle > span{
	width: 16px !important;
	height: 16px !important;
	padding: 5px !important;
}
.circle{
	padding: 5px!important;
}

#encabezado{
	padding: 10px;
}

.info p,info4 p{
	font: 10pt 'lato-light';
}
.info b,info4 b{
		font: 10pt 'lato-light';
}


.info h1,.info4 h1{
	font: 12pt 'lato-black';
}

.info div{
	width: 263px;
}

.info ul,.info4 ul{
	font: 10pt 'lato-light';
}
#encabezado{
	height: 95px !important;
}

.info3 div.phone{
	margin-top: 105px;
	text-align: center;
}
.info3 div.phone *{
	padding: 0px!important;
	margin: 0px!important;
}
.info3 h1{
	font-size: 14pt;
}
.info3 section{
	padding: 10px;
}
.info3 p{
	font-size: 11pt;
}
.info3 aside{
	padding: 35px 0px !important;
}
.info3 aside > div{
	font-size: 11pt;
	display: block !important;
	width: calc(100% - 20px);
	margin: 0px auto 35px auto;
}

.info4{
	padding-top: 79px!important;
}
.info4 div.phone *{
	margin: 0px!important;
	padding:0px!important;
}

.info4 div.phone img{
	display: block!important;
	margin: auto!important;
}
.info4 aside > div,.info4 section > div{
	margin: auto;
	width: 275px!important;
}

.info4 ul{
	padding:1.5em 0em 1.5em 5em;
}
.info5 section{
	padding: 35px 10px;
}


.info5 section{
	height: auto!important;
}





.info5 section > div > h1:first-child{
	font-size: 18pt;
}
.info5 section h1{
	font-size:14pt;
	text-align: justify;

}

.info5 section{
	font-size: 12pt;
	padding: 0px!important;
}


.info5 section > div{
		width: 290px;
		margin: auto;
		padding: 35px 0px;
}
.info5 section:first-child > div{
	margin: 105px auto 35px auto;
	width: 290px;
	padding: 0px;
}

.contacto{
	font: 12pt 'lato-light';
	color: white;
}
.contacto label{
	text-transform: uppercase;
	display: block;
}
.contacto form{
	width: 310px;
	margin: auto;
}
.contacto form > div{
	margin: 0.75em auto;
	padding: 10px;
	width: 310px;
}
.contacto input[type="text"],.contacto textarea{
	width: 275px;
	padding: 3px;
	background: rgb(196,254,255);
	border: none;
	color: black;
}
.contacto input[type="submit"]{
	border: none;
	width: 275px;
	padding: 3px;
	background: #0091ea;
	font: 12pt 'lato-light';
	text-transform: uppercase;
}

.cont:first-child{
	margin-top: 105px;
}
.cont  > div{
	font: 12pt 'lato-light';
	width: 275px;
	margin: 25px auto;
}


.cont  > div h1{
	font: 14pt 'lato-black';
	text-align: left;
	text-transform: uppercase;
	padding: 5px;
	border-bottom: 1px solid #c6ff02;
	color: #c6ff02;
}



} 
@media screen and (min-height:240px) and (max-height: 480px) and (orientation:portrait){
	#slider #slides > div > div{
		padding-top: 55px!important;
	}
	
	#slider #slides > div > div section,#slider #slides > div > div section *{
		margin: 3px auto 0px auto!important;
	}

	
}

@media screen and (min-height:240px) and (max-height: 480px) and (orientation:landscape){
	.phone .info,.phone img{
		display: inline-block !important;
		vertical-align: top!important;
	}
	.phone img{
		margin-top: 65px!important;
	}
	.info{
		margin-top: 35px!important;
	}
	.phone .info{
		margin-left: 15px !important;
	}
	.phone .info *{
		width: 185px !important;
	}
	div.phone{
		text-align: center!important;
	}

.circle{
	padding: 3px !important;
}

#derechos{
	display: none;
}
}