* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body {
  padding: 0;
  margin: 0;
}

body {
	background:#ffffff;
    font-family: 'Roboto', sans-serif;
    font-size:13px;
    font-size:15px;
    font-weight:300;
}

.show-on-mobile, .show-on-mobile-form{
    display:none;
}

.cabecera{
    width:100%;
    background-image: url(img/cabecera.jpg);
    background-size:cover;
    position:relative;
    height:600px;
}

.cabecera div{
    position:absolute;
    bottom:-50px;
    right:0;
    z-index:9999;
    background:#d81c25;
    width:600px;
    padding:120px;
    color:#ffffff;
    font-size:40px;
    text-align:center;
}

.cabecera div p{
    margin: 0 0 10px 0;
}

.cabecera div a:link,
.cabecera div a:active,
.cabecera div a:visited{
    background:#ffffff;
    color:#d81c25;
    font-weight:700;
    text-transform: uppercase;
    font-size:25px;
    padding:15px 25px;
    text-decoration:none;
}

#info{
    background-image: url(img/bg.jpg);
    background-size:cover;
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding:80px 10% 50px 10%;
    justify-content: space-between;
    align-items: center;
    width:100%;
}

.info-img{
    width:40%;
}

.info-text{
    width:55%;
}

.info-text p{
    line-height:23px;
}

#deptos{
    width:80%;
    margin:0 auto;
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    margin-top:60px;
}

.titulo{
    width:100%;
    font-size:40px;
    font-weight:bold;
    text-align:center;
    padding:20px;
    margin-bottom:20px;
}

.plantas{
    width:48%;
    text-align:center;
}

.vote{
    background:#d81c25;
    margin-top:20px ;
    padding:40px 30px;
    text-align:center;
    color:#ffffff;
}

.vote p{
    color:#ffffff;
    font-weight:700;
    font-size:18px;
}

input[type="submit"] {
    color:#d81c25;
    background:#ffffff;
    padding:10px 15px;
    text-transform:uppercase;
    font-weight:300;
    text-decoration: none;
    border:0;
    border-radius: 10px;
}

input[type="submit"]:hover{
    background:#111111;
    color:#ffffff;
}


input[class="email"] {
    width: 20%;
    padding: 10px;
}
input[class="nombre"] {
    width: 20%;
    padding: 10px;
}
input[class="telefono"] {
    width: 20%;
    padding: 10px;
}
input[class="rut"] {
    width: 20%;
    padding: 10px;
}

/** LIGHTBOX MARKUP **/

.lightbox {
	/** Default lightbox to hidden */
	display: none;

	/** Position and style */
	position: fixed;
	z-index: 9999;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(255, 255, 255, 0.8) !important;
}

.lightbox video {
	/** Pad the lightbox image */
	max-width: 80%;
	margin-top: 1%;
}

.lightbox:target {
	/** Remove default browser outline */
	outline: none;

	/** Unhide lightbox **/
	display: block;
}



/********************************** MEDIA QUERY Mobile **********************************/
@media all and (max-width: 768px) { 
    
    .cabecera{
    background-image: url(img/cabecera_mobile.jpg);
    height:360px;
    }

.cabecera div{
    position:absolute;
    bottom:-10px;
    right:0;
    width:250px;
    padding:20px;
    font-size:20px;
}

.cabecera div p{
    margin: 0 0 10px 0;
}

.cabecera div a:link,
.cabecera div a:active,
.cabecera div a:visited{
    font-size:15px;
    padding:5px 10px;
}
    
    #info{
        padding:30px 20px;
        justify-content: space-between;
    }
    
    .info-img{
        width:90%;
    }
    
    .info-text{
        width:90%;
    }
    
    .info-text p{
        line-height:23px;
    }
    
    #deptos{
        width:90%;
    margin:0 auto;
    flex-direction: column;
    justify-content:center;
    margin-top:60px;
}

.titulo{
    width:100%;
    font-size:40px;
    font-weight:bold;
    text-align:center;
    padding:20px;
    margin-bottom:20px;
}

.plantas{
    width:100%;
    text-align:center;
    border-bottom:1px solid #dedede;
    padding-bottom:20px;
}

.vote{
    background:#d81c25;
    margin:40px auto 0 auto;
    padding:15px 30px;
    text-align:center;
}

.vote p{
    color:#ffffff;
    font-weight:700;
    font-size:18px;
}

.vote a:link,
.vote a:active,
.vote a:visited{
    color:#d81c25;
    background:#ffffff;
    padding:10px 15px;
    text-transform:uppercase;
    font-weight:300;
    text-decoration: none;
}

.vote a:hover{
    background:#111111;
    color:#ffffff;
}

input[class="email"] {
    width: 80%;
    padding: 10px;
}
input[class="nombre"] {
    width: 80%;
    padding: 10px;
}
input[class="telefono"] {
    width: 80%;
    padding: 10px;
}
input[class="rut"] {
    width: 80%;
    padding: 10px;
}
    
}