/*
Theme Name: Las Lucas se Educan
Description: 
Author: Pamela Nieto
Author URI: http://uilab.cl/
Theme URI: http://uilab.cl/
Version: 1.0
Tags: 
License: 
License 
*/


*{
	box-sizing: border-box;
}
body{
	font-family: 'Roboto Slab', serif;
}
a{
	color: #000;
}
.btn{
	border-radius: 0px;
}
.btn-blue{
	background-color: #4EBDD4;
	color: #fff;
}
.btn-yellow{
	background-color: #F9C132;
	color: #000;
}
#home{
	background-image: url(../../uploads/2016/11/nueva_imagen_web.png);
	background-size: cover;
	background-position: center;
	position: relative;
	padding-top: 0px !important;
}
#home h2{
	font-size: 36px;
	color: #fff;
	text-align: left;
	max-width: 450px;
}
#mensaje-medio{
	width: 100%;
	height: 300px;
	padding-top: 80px;
	background-image: url(images/fondo2.jpg);
	background-size: cover;
	background-position: center;
}
.pull-mesage{
	position: absolute;
	bottom: 160px;
	width: 100%;
}
.blue{
	background-color: #4EBDD4;
}
.grey{
	background-color: #F2F2F2;
}
.yellow{
	background-color: #F9C132;
}
.green{
	background-color: #8BC34A;
}
.txt-white{
	color: #fff;
}
.full-width{
	width: 100%;
	height: auto;
}
section.vh{
	padding-top: 70px;
}
section h2{
	text-align: center;
}
.menu{
	height: 50px;
	width: 100%;
	background-color: #F9C132;
	position: absolute;
	bottom: 0px;
	z-index: 999;
}
.menu.stick{
	position: fixed;
	bottom: initial;
	top: 0px;
}
.nav li {
	display: inline-block;
	margin: 0px 2%;
}
.nav li a{
	color: #000;
	font-size: 16px;
	margin-top: 3px;
}
.nav>li>a:focus, .nav>li>a:hover{
	background-color: transparent;

}
.nav>li.active>a{
	text-decoration: underline;	
}
footer{
	background-color: #F9C132;
	min-height: 220px;
	padding-top: 60px;
}
.header{
	width: 100%;
	height: 95px;
	padding-top: 15px;
	background-color: #F9C132;
}
.mt20{
	margin-top: 15px;
}

.box5{
	width: 20%;
	float: left;
	text-align: center;
}
.box5 p{
	padding: 0px 20px;
}
.los-premios{
	text-align: center;
	margin-top: 70px;
}
.los-premios p{
	margin:0px;
}
.big-num{
	font-size: 25px;
	font-weight: 700;
}
.bajada{
	background-color: #000;
	color: #F9C132;
}
.element-final{
	width:20%;
	float:left;
	height:240px;
	text-align: center;
}
.barra-finalista{
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	background:#F9C132;
	width:100%;
	height:480px;
	padding-top:40px;
}
.barra-finalista.show{
	display:block;
}
.barra-finalista p{
	font-family: 'Lato', sans-serif;
}
	
.box-finalista a{
	height:240px;
	width:100%;
	display:block;
	cursor:pointer;
}
.box-finalista a img{
	max-width:150px;
	margin:0 auto;
}
.box-finalista a p{
	font-weight:bold;
	margin:0px 30px;
}
.hidden{
	display:none;
}
.relative-row{
	position:relative;
}
.relative-row:before{
	content:'';
	width:100%;
	height:2px;
	display:block;
	background:#000;
	position:absolute;
	top:220px;
}

@media (max-width: 720px){
	.relative-row:before{display:none;}
	.logo{
	  max-width:110px;
	  margin-top:15px;
	}
	.nav {
	  display:block;
	  max-height:0px;
	  padding-top:0px;
	  padding-bottom:0px;
	  overflow:hidden;
	  transition:0.5s;
          position: absolute;
          top: 50px;
          left: 0px;
          width: 250px;
	}
	.nav.active {
	  display:block;
	  max-height:300px;
	  background-color: #F9C132;
          box-shadow: 2px 4px 8px #2b2b2b;
          padding-bottom: 15px;
	}
	.nav li{
	  display:block;
	}
	.menu{
	  border-bottom:1px solid #000;
	}
	.menu>.pull-left{
	  max-width:200px;
	}
	.menu span{
	   display:block;
	   width: 40px;
	   margin-top:13px;
	   margin-left:10px;
	}
	.menu span.pull-right{
	  margin-top:0px;
	}
	.menu span>span{
	   display:block;
	   width:100%;
	   height:5px;
	   background:#000;
	   margin:5px 0px;
	}
	.box5{
	   width:100%;
	}
	.box5 img{
	   max-width:180px;
	}
	#participa, #jurado{
	   padding-bottom:50px;
	}
	#participa img, #premios img{
	   max-width:180px;
	   margin: 0 auto;
	}
	.los-premios{
	   margin-bottom:50px;
	}
	footer{
	   text-align:center;
	}
}