@charset "utf-8";
#bloque3{
	background-image: url( ../imagenes/fondos/bloque3.png);
	background-size: 100%;
	background-repeat: no-repeat;
}
#bloque3 h1{
    font-family: 'Lato', sans-serif;
    font-weight: 900;
    text-align: center;
	letter-spacing: 0.1px;
	word-spacing: 0.5px;
	line-height: 1.2 !important;
    color: #FFFFFF;
    padding-top: 5% !important;
}
@media only screen and (max-width:991px) and (min-width:768px){#bloque3 h1{padding-top: 7% !important;}}
@media only screen and (max-width:767px) and (min-width:700px){#bloque3 h1{padding-top: 7% !important;}}
@media only screen and (max-width:699px) and (min-width:500px){#bloque3 h1{padding-top: 7% !important;}}
@media only screen and (max-width:499px) and (min-width:400px){#bloque3 h1{padding-top: 8% !important;}}
@media only screen and (max-width:399px) and (min-width:350px){#bloque3 h1{padding-top: 6% !important;}#bloque3 button.boton {margin-left: 22% !important}}
@media only screen and (max-width:349px){#bloque3 h1{padding-top: 3% !important;}#bloque3 button.boton {margin-left: 22% !important}}





#bloque3 form .pmd-textfield-floating-label{
	text-align: center !important; 
}
#bloque3 form .pmd-textfield-floating-label.pmd-textfield-floating-label-completed label{
	color: white !important;
}
#bloque3 form .pmd-textfield-floating-label label {
	font-family: 'Lato', sans-serif;
    font-weight: 400 !important;
	line-height: 20px;
	color: #FFFFFF;
}
#bloque3 form .pmd-textfield .form-control{
	font-family: 'Lato', sans-serif;
    font-weight: 400 !important;
	color: #fff;
	border-bottom: 1px solid #F1F1F1;
	padding-bottom: 5px !important;	
}
#bloque3 form .pmd-textfield .pmd-textfield-focused{
 	background-color: #00A3EA;
}
#bloque3 button.boton{
    border: none;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    letter-spacing: 0.6px;
	text-align: center;
    color: #FFFFFF;
    background: #eab827; 
    outline: none !important;
    border-radius: 37px;
    width: 33%;
    margin-top: 2%!important;
    margin-left: 33.3%;
}
#bloque3 button.boton:hover{
    background: #9C0003;
    transition: .4s;
    cursor: hand;
}

#cebolla{
	width: 20%;
    margin-top: -5% !important;
    margin-left: 75% !important;
}
@media only screen and (max-width:2600px) and (min-width:2500px){#bloque3 button.boton{height:74px;font-size:31px;}}
@media only screen and (max-width:2499px) and (min-width:2400px){#bloque3 button.boton{height:68px;font-size:31px;}}
@media only screen and (max-width:2399px) and (min-width:2300px){#bloque3 button.boton{height:65px;font-size:29px;}}
@media only screen and (max-width:2299px) and (min-width:2200px){#bloque3 button.boton{height:62px;font-size:28px;}}
@media only screen and (max-width:2199px) and (min-width:2100px){#bloque3 button.boton{height:60px;font-size:28px;}}
@media only screen and (max-width:2099px) and (min-width:2000px){#bloque3 button.boton{height:58px;font-size:26px;}}
@media only screen and (max-width:1999px) and (min-width:1900px){#bloque3 button.boton{height:55px;font-size:25px;}}
@media only screen and (max-width:1899px) and (min-width:1800px){#bloque3 button.boton{height:53px;font-size:23px;}}
@media only screen and (max-width:1799px) and (min-width:1700px){#bloque3 button.boton{height:51px;font-size:22px;}}
@media only screen and (max-width:1699px) and (min-width:1600px){#bloque3 button.boton{height:48px;font-size:20px;}}
@media only screen and (max-width:1599px) and (min-width:1500px){#bloque3 button.boton{height:46px;font-size:19px;}}
@media only screen and (max-width:1499px) and (min-width:1400px){#bloque3 button.boton{height:43px;font-size:17px;}}
@media only screen and (max-width:1399px) and (min-width:1300px){#bloque3 button.boton{height:41px;font-size:16px;}}
@media only screen and (max-width:1299px) and (min-width:1200px){#bloque3 button.boton{height:38px;font-size:15px;}}
@media only screen and (max-width:1199px) and (min-width:1100px){#bloque3 button.boton{height:36px;font-size:13px;}}
@media only screen and (max-width:1099px) and (min-width:992px){#bloque3 button.boton{height:33px;font-size:12px;}}
@media only screen and (max-width:991px) and (min-width:900px){#bloque3 button.boton{height:53px;font-size:26px;margin-top: 5%!important;width: 50%!important;margin-left: 25%!important}}
@media only screen and (max-width:899px) and (min-width:800px){#bloque3 button.boton{height:45px;font-size:23px;margin-top: 5%!important;width: 50%!important;margin-left: 25%!important;}}
@media only screen and (max-width:799px) and (min-width:768px){#bloque3 button.boton{height:45px;font-size:22px;margin-top: 5%!important;width: 50%!important;margin-left: 25%!important;}}



@media only screen and (max-width:767px) and (min-width:700px){#bloque3 button.boton{height:62px;font-size:37px;margin-top: 9%!important;width: 100%!important; margin-left: 0%!important;}}
@media only screen and (max-width:699px) and (min-width:600px){#bloque3 button.boton{height:54px;font-size:34.7px;margin-top: 8%!important;width: 100%!important; margin-left: 0%!important;}}




@media only screen and (max-width:599px) and (min-width:500px){#bloque3 button.boton{margin-top: 10%!important; height:45px;font-size:26px;width:100%!important; margin-left: 0%!important;}}
@media only screen and (max-width:499px) and (min-width:400px){#bloque3 button.boton{margin-top: 10%!important;height:44px;font-size:22px;width:100%!important; margin-left: 0%!important;}}

@media only screen and (max-width:399px) {#bloque3 button.boton{margin-top:5%!important;height:34px;font-size:17px;width: 100%!important; margin-left: 0%!important;}}






@media only screen and (max-width:2600px) and (min-width:2500px){#bloque3 h1{font-size:60px;}}
@media only screen and (max-width:2499px) and (min-width:2400px){#bloque3 h1{font-size:57px;}}
@media only screen and (max-width:2399px) and (min-width:2300px){#bloque3 h1{font-size:55px;}}
@media only screen and (max-width:2299px) and (min-width:2200px){#bloque3 h1{font-size:52px;}}
@media only screen and (max-width:2199px) and (min-width:2100px){#bloque3 h1{font-size:50px;}}
@media only screen and (max-width:2099px) and (min-width:2000px){#bloque3 h1{font-size:48px;}}
@media only screen and (max-width:1999px) and (min-width:1900px){#bloque3 h1{font-size:45px;}}
@media only screen and (max-width:1899px) and (min-width:1800px){#bloque3 h1{font-size:43px;}}
@media only screen and (max-width:1799px) and (min-width:1700px){#bloque3 h1{font-size:41px;}}
@media only screen and (max-width:1699px) and (min-width:1600px){#bloque3 h1{font-size:38px;}}
@media only screen and (max-width:1599px) and (min-width:1500px){#bloque3 h1{font-size:36px;}}
@media only screen and (max-width:1499px) and (min-width:1400px){#bloque3 h1{font-size:33px;}}
@media only screen and (max-width:1399px) and (min-width:1300px){#bloque3 h1{font-size:31px;}}
@media only screen and (max-width:1299px) and (min-width:1200px){#bloque3 h1{font-size:28px;}}
@media only screen and (max-width:1199px) and (min-width:1100px){#bloque3 h1{font-size:26px;}}
@media only screen and (max-width:1099px) and (min-width:992px){#bloque3 h1{font-size:23px;}}
@media only screen and (max-width:991px) and (min-width:900px){#bloque3 h1{font-size:32px;}}
@media only screen and (max-width:899px) and (min-width:800px){#bloque3 h1{font-size:29px;}}
@media only screen and (max-width:799px) and (min-width:768px){#bloque3 h1{font-size:28px;}}
@media only screen and (max-width:767px) and (min-width:700px){#bloque3 h1{font-size:31px;}}
@media only screen and (max-width:699px) and (min-width:600px){#bloque3 h1{font-size:30px;margin-left: 10%!important;width: 80%!important;}}
@media only screen and (max-width:599px) and (min-width:500px){#bloque3 h1{font-size:29px;margin-left: 10%!important;width: 80%!important;}}
@media only screen and (max-width:499px) and (min-width:400px){#bloque3 h1{font-size:23px;margin-left: 10%!important;width: 80%!important;}}
@media only screen and (max-width:399px) and (min-width:350px){#bloque3 h1{font-size:20px;margin-left: 10%!important;width: 80%!important;}}


@media only screen and (max-width:349px){#bloque3 h1{font-size:19.5px;margin-left: 5%!important;width: 90%!important;}}

@media only screen and (max-width:2600px) and (min-width:2500px){.pmd-textfield-floating-label label, #formulario2 button, #bloque3 form .pmd-textfield .form-control{font-size:30px !important;}
.pmd-textfield-floating-label.pmd-textfield-floating-label-completed label{font-size:28px;}
.form-group.pmd-textfield{margin-bottom:60px !important;}
}
@media only screen and (max-width:2499px) and (min-width:2400px){.pmd-textfield-floating-label label, #formulario2 button, #bloque3 form .pmd-textfield .form-control{font-size:28px !important;}
.pmd-textfield-floating-label.pmd-textfield-floating-label-completed label{font-size:26px;}
.form-group.pmd-textfield{margin-bottom:60px !important;}
}
@media only screen and (max-width:2399px) and (min-width:2300px){.pmd-textfield-floating-label label, #formulario2 button, #bloque3 form .pmd-textfield .form-control{font-size:26px !important;}
.pmd-textfield-floating-label.pmd-textfield-floating-label-completed label{font-size:24px;}
.form-group.pmd-textfield{margin-bottom:60px !important;}
}
@media only screen and (max-width:2299px) and (min-width:2200px){.pmd-textfield-floating-label label, #formulario2 button, #bloque3 form .pmd-textfield .form-control{font-size:26px !important;}
.pmd-textfield-floating-label.pmd-textfield-floating-label-completed label{font-size:24px;}
.form-group.pmd-textfield{margin-bottom:40px !important;}
}
@media only screen and (max-width:2199px) and (min-width:2100px){.pmd-textfield-floating-label label, #formulario2 button, #bloque3 form .pmd-textfield .form-control{font-size:26px !important;}
.pmd-textfield-floating-label.pmd-textfield-floating-label-completed label{font-size:24px;}
.form-group.pmd-textfield{margin-bottom:35px !important;}
}
@media only screen and (max-width:2099px) and (min-width:2000px){.pmd-textfield-floating-label label, #formulario2 button, #bloque3 form .pmd-textfield .form-control{font-size:26px !important;}
.pmd-textfield-floating-label.pmd-textfield-floating-label-completed label{font-size:24px;}
.form-group.pmd-textfield{margin-bottom:40px !important;}
}
@media only screen and (max-width:1999px) and (min-width:1900px){.pmd-textfield-floating-label label, #formulario2 button, #bloque3 form .pmd-textfield .form-control{font-size:24px !important;}
.pmd-textfield-floating-label.pmd-textfield-floating-label-completed label{font-size:22px;}
.form-group.pmd-textfield{margin-bottom:30px !important;}
}
@media only screen and (max-width:1899px) and (min-width:1800px){.pmd-textfield-floating-label label, #formulario2 button, #bloque3 form .pmd-textfield .form-control{font-size:22px !important;}
.pmd-textfield-floating-label.pmd-textfield-floating-label-completed label{font-size:20px;}
.form-group.pmd-textfield{margin-bottom:30px !important;}
}
@media only screen and (max-width:1799px) and (min-width:1700px){.pmd-textfield-floating-label label, #formulario2 button, #bloque3 form .pmd-textfield .form-control{font-size:22px !important;}
.pmd-textfield-floating-label.pmd-textfield-floating-label-completed label{font-size:20px;}
.form-group.pmd-textfield{margin-bottom:30px !important;}
}
@media only screen and (max-width:1699px) and (min-width:1600px){.pmd-textfield-floating-label label, #formulario2 button, #bloque3 form .pmd-textfield .form-control{font-size:20px !important;}
.pmd-textfield-floating-label.pmd-textfield-floating-label-completed label{font-size:18px;}
.form-group.pmd-textfield{margin-bottom:20px !important;}
}
@media only screen and (max-width:1599px) and (min-width:1500px){.pmd-textfield-floating-label label,#formulario2 button, #bloque3 form .pmd-textfield .form-control{font-size:18px !important;}
.pmd-textfield-floating-label.pmd-textfield-floating-label-completed label{font-size:16px;}
.form-group.pmd-textfield{margin-bottom:20px !important;}
}
@media only screen and (max-width:1499px) and (min-width:1400px){.pmd-textfield-floating-label label,#formulario2 button, #bloque3 form .pmd-textfield .form-control{font-size:16px !important;}
.pmd-textfield-floating-label.pmd-textfield-floating-label-completed label{font-size:14px;}
.form-group.pmd-textfield{margin-bottom:20px !important;}
}
@media only screen and (max-width:1399px) and (min-width:1300px){.pmd-textfield-floating-label label, #formulario2 button, #bloque3 form .pmd-textfield .form-control{font-size:16px !important;}
.pmd-textfield-floating-label.pmd-textfield-floating-label-completed label{font-size:14px;}
.form-group.pmd-textfield{margin-bottom:12px !important;}
}
@media only screen and (max-width:1299px) and (min-width:1200px){.pmd-textfield-floating-label label, #formulario2 button, #bloque3 form .pmd-textfield .form-control{font-size:16px !important;}
.pmd-textfield-floating-label.pmd-textfield-floating-label-completed label{font-size:14px;}
.form-group.pmd-textfield{margin-bottom:10px !important;}
}
@media only screen and (max-width:1199px) and (min-width:1100px){.pmd-textfield-floating-label label, #formulario2 button, #bloque3 form .pmd-textfield .form-control{font-size:14px !important;}
.pmd-textfield-floating-label.pmd-textfield-floating-label-completed label{font-size:12px;}
.form-group.pmd-textfield{margin-bottom:10px !important;}
}
@media only screen and (max-width:1099px) and (min-width:992px){.pmd-textfield-floating-label label, #formulario2 button, #bloque3 form .pmd-textfield .form-control{font-size:14px !important;}
.pmd-textfield-floating-label.pmd-textfield-floating-label-completed label{font-size:12px;}
.form-group.pmd-textfield{margin-bottom:0 !important;}
}
@media only screen and (max-width:991px) and (min-width:900px){.pmd-textfield-floating-label label, #formulario2 button, #bloque3 form .pmd-textfield .form-control{font-size:26px !important;}
.pmd-textfield-floating-label.pmd-textfield-floating-label-completed label{font-size:16px;}
.form-group.pmd-textfield{margin-bottom:0 !important;}
}
@media only screen and (max-width:899px) and (min-width:800px){.pmd-textfield-floating-label label, #formulario2 button, #bloque3 form .pmd-textfield .form-control{font-size:22px !important;}
.pmd-textfield-floating-label.pmd-textfield-floating-label-completed label{font-size:14px;}
.form-group.pmd-textfield{margin-bottom:0 !important;}
}
@media only screen and (max-width:799px) and (min-width:768px){.pmd-textfield-floating-label label, #formulario2 button, #bloque3 form .pmd-textfield .form-control{font-size:21px !important;}
.pmd-textfield-floating-label.pmd-textfield-floating-label-completed label{font-size:12px;}
.form-group.pmd-textfield{margin-bottom:0 !important;}
}
@media only screen and (max-width:767px) and (min-width:700px){.pmd-textfield-floating-label label, #formulario2 button, #bloque3 form .pmd-textfield .form-control{font-size:24px !important;}
.pmd-textfield-floating-label.pmd-textfield-floating-label-completed label{font-size:14px;}
.form-group.pmd-textfield{margin-bottom:0 !important;}
}
@media only screen and (max-width:699px) and (min-width:600px){.pmd-textfield-floating-label label, formulario2 button, #bloque3 form .pmd-textfield .form-control{font-size:23px !important;}
.pmd-textfield-floating-label.pmd-textfield-floating-label-completed label{font-size:14px;}
.form-group.pmd-textfield{margin-bottom:10px !important;}
}
@media only screen and (max-width:599px) and (min-width:500px){.pmd-textfield-floating-label label, #formulario2 button, #bloque3 form .pmd-textfield .form-control{font-size:23px !important;}
.pmd-textfield-floating-label.pmd-textfield-floating-label-completed label{font-size:12px;}
.form-group.pmd-textfield{margin-bottom:0 !important;}
}
@media only screen and (max-width:499px) and (min-width:400px){.pmd-textfield-floating-label label, #formulario2 button, #bloque3 form .pmd-textfield .form-control{font-size:20px !important;}
.pmd-textfield-floating-label.pmd-textfield-floating-label-completed label{font-size:10px;}
.form-group.pmd-textfield{margin-bottom:0 !important;}
}
@media only screen and (max-width:399px)and (min-width:350px){.pmd-textfield-floating-label label, #formulario2 button, #bloque3 form .pmd-textfield .form-control{font-size:18px !important;}
.pmd-textfield-floating-label.pmd-textfield-floating-label-completed label{font-size:10px;}
.form-group.pmd-textfield{margin-bottom:0 !important;}
}



@media only screen and (max-width:349px){.pmd-textfield-floating-label label, #formulario2 button, #bloque3 form .pmd-textfield .form-control{font-size:17px !important;}
.pmd-textfield-floating-label.pmd-textfield-floating-label-completed label{font-size:10px;}
.form-group.pmd-textfield{margin-bottom:0 !important;}
}