#section1{
	background: url(../images/fondo_1.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#section1 .container{
	
	padding-top: 200px;
	padding-bottom: 50px;

}


#section2{
	background: url(../images/fondo_2.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#section2 .container{
	
	padding-top: 100px;

}

#section3{
	background: url(../images/fondo_3.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#section3 .container{
	
	padding-top: 180px;
	padding-bottom: 50px;

}


#section4{
	background: url(../images/fondo_4.jpg) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

	height: 800px;
}

#section4 .container{
	
	padding-top: 100px;
	padding-bottom: 350px;

}

#section5{
	background: url(../images/fondo_5.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#section5 .container{
	
	padding-top: 100px;
	padding-bottom: 200px;

}


#section6{
	background: url(../images/fondo_2.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#section6 .container{
	
	padding-top: 180px;

}

#section7{
	background: #ffec85;
}

#section7 .container{
	
	padding: 50px;

}

#section8{
	background: url(../images/fondo_2_2.jpg) repeat-x top, #fff; 
}

#section8 .container{
	
	padding: 150px;

}

.borrar{
	color:#fff;
	background: #000;
	padding: 5px;
	cursor: pointer;
}

.center{
	margin:0 auto;
	display:block;
	width: auto;
}

.titulo_section1{
	font-size: 2.3em;
    color: white;
    text-shadow: 1px 1px 11px black;
}

.img_section1{
float:left;width:400px; margin-right:10px;
}

.texto_section2{
	text-align: justify; font-size: 17px;
}

.texto_section3{
	color:#f8a875;
	font-style: italic;
}

.img_section3{
	float:right;
}

.titulo_section4{
	color:#625c5c;
}

.texto_section4{
	color:#625c5c;
	font-size: 16px;
	line-height: 1.5em;
	text-align: justify;
}

.titulo_section5{
	color:#fff;
    text-shadow: 1px 1px 11px black;
}


.texto_section6{
	color:#f4a26a;
	font-style: italic;
}

.titulo_section6{
	color:#625c5e;
	padding-left: 20px;
}

.cuadro_negro{
	background: rgba(0, 0, 0, 0.62);
	width: 100%;
	margin-top:20px;
	margin-bottom:20px;
	padding: 15px;
}

.cuadro_flotante1{
	position: absolute;
    left: 200px;
    bottom: 30px;
    z-index: 99;
}

.cuadro_flotante2{
	position: absolute;
    left: 130px;
    bottom: 40px;
    z-index: 99;
}

.paso{
	margin:5px;
	margin-bottom:20px;
	width: 100%;
}
.paso_header{
	background: #8a6364;
	padding: 10px;
}
.paso_header h3,p{
	margin-top:0px;
	color:#fff;
}

.paso_header li:before { 
    content: "";
    border-color: transparent #fff;
    border-style: solid;
    border-width: 0.60em 0 0.60em 0.80em;
    display: block;
    height: 0;
    width: 0;
    left: -1.2em;
    top: 1.4em;
    position: relative;
}
.paso_header li{
	list-style: none;
	width: 100px;
	display: block;
	margin:0 auto;
}

.paso_contenido{
	box-shadow: inset 0px -2px 0px 2px #10b5af;
	background: #ffe7f4;
	padding: 10px;
}

.form_paso{
	background: #8a6364;
	margin-bottom:0px;
}
.form_paso th{
	color:#fff;
	font-weight:300;
}

.form_paso tr{
	border:1px solid #fff;
	margin-bottom: 0px;
}

.form_paso td{
	border:1px solid #fff;
	margin-bottom: 0px;
	color:#fff;
}

.form_paso2{
	background: #fff;
}
.form_paso2 tr,td{
	border:1px solid #10b5af;
	margin-bottom: 0px;
}

.video{
	width: 640px;
	height: 360px;
	margin:0 auto;
	display: block;
	border:3px solid #10b5af;
}
video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}


#contenido {
  min-height: 100%;
  /* equal to footer height */
	margin-bottom: -60px; 
}
#contenido:after {
  content: "";
  display: block;
}
#footer, #contenido:after {
  /* .push must be the same height as footer */
	height: 60px; 
}
#footer{
	background: #000000;
	padding-top:20px;
}
#footer p{
	color:#fff;
	font-size: 15px;
	font-weight: 600;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif
}

.lista {
    list-style: none;
}
.lista li{
	color:#fff;
	font-size: 18px;
}
.lista li:before { 
    content: "";
    border-color: transparent #fff;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.45em;
    display: block;
    height: 0;
    width: 0;
    left: -1em;
    top: 0.9em;
    position: relative;
}

.lista_section6 {
    list-style: none;
}
.lista_section6 li{
	color:#645c5a;
	font-size: 18px;
}
.lista_section6 li:before { 
    content: "";
    border-color: transparent #F93052;
    border-style: solid;
    border-width: 0.60em 0 0.60em 0.80em;
    display: block;
    height: 0;
    width: 0;
    left: -1.2em;
    top: 1.1em;
    position: relative;
}
.btn_form{
	border:none;
	background: none;
}

@media(min-width: 338px) and (max-width: 480px){

	.cuadro_flotante1{
	display: none;
	}

	.texto_section2{
	text-align: justify; font-size: 14px;
	}
	.img_section3{
	float:none;
	margin:0 auto;
}

.texto_section6{
	font-size: 15px;
}


.cuadro_flotante2{
	position: absolute;
    left: 50px;
    bottom: 0px;
    z-index: 99;
}


#section1 .container{
	
	padding-top: 50px;
	padding-bottom: 0px;

}


#section2 .container{
	
	padding-top: 50px;

}

#section3 .container{
	
	padding-top: 50px;
	padding-bottom: 50px;

}


#section4 .container{
	
	padding-top: 50px;
	padding-bottom: 50px;

}

#section5 .container{
	
	padding-top: 50px;
	padding-bottom: 50px;

}


#section6 .container{
	
	padding-top: 50px;

}

#section7 .container{
	
	padding: 50px;

}


#section8 .container{
	
	padding: 50px;

}


}

@media (min-width: 480px) and (max-width: 768px){

	#section1{
	background: url(../images/fondo_1_768.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#section1 .container{
	
	padding-top: 50px;
	padding-bottom: 0px;

}


#section2{
	background: url(../images/fondo_2_768.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#section2 .container{
	
	padding-top: 50px;

}

#section3{
	background: url(../images/fondo_3_768.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#section3 .container{
	
	padding-top: 50px;
	padding-bottom: 50px;

}


#section4{
	background: url(../images/fondo_4_768.jpg) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

	height: 600px;
}

#section4 .container{
	
	padding-top: 50px;
	padding-bottom: 50px;

}

#section5{
	background: url(../images/fondo_5_768.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#section5 .container{
	
	padding-top: 50px;
	padding-bottom: 50px;

}


#section6{
	background: url(../images/fondo_2_768.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#section6 .container{
	
	padding-top: 50px;

}

#section7{
	background: #ffec85;
}

#section7 .container{
	
	padding: 50px;

}

#section8{
	background: url(../images/fondo_2_2.jpg) repeat-x top, #fff; 
}

#section8 .container{
	
	padding: 50px;

}

.titulo_section1{
	text-align: center;
}

.img_section1{
float:none;width:400px; margin:0 auto;
}

.img_section3{
	float:none;
	margin:0 auto;
}


.cuadro_flotante1{
	display: none;
}

.cuadro_flotante2{
	position: absolute;
    left: 50px;
    bottom: 0px;
    z-index: 99;
}

.texto_section2{
	text-align: justify; font-size: 14px;
}

.video{
	width: 100%;
	height: auto;
}

.texto_section6{
	font-size: 20px;
}


}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}