@charset "UTF-8";
/* CSS Document */
body{
	margin:0;
	padding:0;
	background-color:#383f87;
	font-family: 'Lato', sans-serif;
	-webkit-font-smoothing: antialiased;
	}
h1{
	font-size:23px;
	line-height:25px;
	color:#fff;
	text-align:center;
	font-weight:500;
	margin:5% 0 ;
	}
h2{
	font-size:30px;
	text-transform:uppercase;
	color:#fff;
	text-align:center;
	}
h3{
	font-size:45px;
	text-transform:uppercase;
	color:#fff;
	text-align:center;
}
h4{
	font-size:20px;
	color:#fff;
	margin: 0;
margin-top: 2%;
	}
p{
	font-size:17px;
	color:#fff;
	line-height:28px;
	font-weight:300;
	text-align:left;
	}
p.big{font-size:25px;}
.separador{
	background-repeat:no-repeat;
	width:147px;
	height:24px;
	margin:5% auto;
	}
.separador.aqua{background-image:url(../imgs/SABELO_web_separator_aqua.png);}
.separador.apple{background-image:url(../imgs/SABELO_web_separator_apple.png);}
.separador.yellow{background-image:url(../imgs/SABELO_web_separator_yellow.png);}
.separador.blue{background-image:url(../imgs/SABELO_web_separator_blue.png);}
.container{
	width:1170px;
	margin:0 auto;
	}
.full{
	width:70%;
	margin:2% auto;
	text-align:center
	}
#fin{
	position:absolute; right:0; top:0; max-width:200px;
	}
.medio, .medioLeft{
	width:48%;
	margin:2%;
	margin-left:0%;
	float:left;
	text-align:center;
	}
.medioRight{
	width:48%;
	margin:2%;
	margin-right:0%;
	float:right;
	text-align:center;
	}
.tercio{
	width:26%;
	margin:2%;
	float:left;
	}
.tercioMas{
	width:3%;
	margin:1%;
	margin-top:8%;
	float:left;
	}
.clear{ clear:both;}
img.center{
	width:90%;
	height:auto;
	border: 0;
	line-height: 100%;outline: none;
	text-align:center;
	}
.logo{
	margin-top: 10%;
    max-width: 300px;
}
img.fyf{
	margin-top:20%;
	
}

.cuarto{
	width:21%;
	margin:2%;
	float:left;
	}


ul.listita {
  color: #fff;
  line-height: 30px;
  padding: 0 0 0 15px;
  text-align: left;
}


div.medio2 {
  display: inline-block;
  margin: 0;
  max-width: 180px;
}
.ns div.medio2 {
  margin: 15px 0 0;
}
div.medio2 span {
    color: #ffffff;
    padding: 0px 0 20px 0;
    display: block;
}
.cuarto p{
	font-size:14px;
	line-height:25px;}
.violeta{
	background-color:#3f3562;
	margin:2% 0;
	}
.verde{
	background-color:#1a936d;
	padding:2% 0;
	}
.ns{
	background-color:#5964b6;
	padding:2% 0;
	}
.azul{
	background-color:#2267cf;
	padding:2% 0;
	}
.amarillo{
	background-color:#ffc900;
	padding:2% 0;
	color:#000;
	}
.rojo{
	background-color:#ef4352;
	padding:2% 0;
	}
.rojo h2{
	color:#ffc900;}
.rojo .medioRight h2{ text-align:left;}
.rojo .medioLeft h2{ text-align:right;}
	
.violetaPremios{
	background-color:#3f3562;
	background-image:url(../imgs/SABELO_web_premios1.png);
	background-repeat:repeat-x;
	padding:2% 0;
	}
.amarillo h3{ color:#000;}
.amarillo p{ color:#000; font-size:25px;}
.amarillo .info{
	margin-top:15%;
	width: 40%;
}
.right p{text-align:right;}
h2 .aPartir{ font-size:23px;
text-transform:uppercase;
color:#7dc8f5;}
@media only screen and (max-width: 1000px){
p{font-size:1em; text-align:center; line-height:1.4em}
p.big{font-size:1.3em;}
h1{ font-size:1.2em;}
h2{ font-size:1.4em;}
h3{ font-size:1.7em;}
h4{ font-size:1.2em; text-transform:uppercase;}
.container{
	width:100%;
	margin:0 auto;
}
.violeta{margin:2% 0 10% 0;
	}
.logo{margin-top:5%;}
.full{
	width:90%;
	margin:2% auto;
	text-align:center
	}
.medio, .medioLeft, .medioRight, .tercio, .tercioMas, .cuarto{
	width:96%;
	margin:2%;
	float: none;
	text-align:center;
}
#fin{ width:40% !important;}
img.fyf{margin-top:5%;}
.tercioMas img{width:10%; height:auto; margin-bottom:4%; margin-top:0;}
.full .equal{ width:10%;}
.full img.center{ width:80%;}
.amarillo .info{
	margin-top:15%;
	width: 96%;
}
.right p{text-align:center;}
.cuarto p{
	font-size:0.8em;
	line-height:1.4em;}
.cuarto h4{ font-size:1em; text-transform:uppercase; margin-top:8%;}
.rojo .medioRight h2, .rojo .medioLeft h2, .rojo .medioRight, .rojo .medioLeft{ text-align:center;}
}

.userpass {
    font-size: 20px;
    color: #efefef;
    margin: 30px 0 0;
}