body {background-color: #00b140; color: #FFF;}
body a {color: #FFF;}
header {padding: 30px; text-align: center;}
header .logo img {height: 30px;}

.cuadro-blanco {margin-bottom: 20px; padding: 45px 50px; background-color: #FFF; color: #111; font-size: 1.2em; border-radius: 5px;}
.cuadro-blanco h1, .cuadro-blanco h2 {margin: 0 0 20px 0; text-align: center; font-family: "museo_slab_100", Arial, sans-serif;}
.cuadro-blanco a {color: #01ac3f;}
.cuadro-blanco p {margin-bottom: 30px; color: #666;text-align: center;}

.btn.btn-lg {padding: 15px 20px; font-size: 20px; font-family: "open_sansbold", Arial, sans-serif;}
.enlace {margin-top: 30px;}
.form-control {padding: 15px 20px; height: 60px; font-size: 18px;}
.checkbox {margin-top: 20px; margin-bottom: 20px;}
.checkbox.personalizado label {padding-left: 25px;}
.checkbox.personalizado .casilla {width: 20px; height: 20px; margin-top: -10px;}
.checkbox.personalizado .casilla:before {margin: -10px 0 0 -7px; font-size: 14px;}

.pie {margin: 30px 0; text-align: center;}

/*lopd*/
.texto-clausula {margin:15px 0px;text-align:left;font-size:11px;}

/*MOVIL*/
@media (max-width: 500px)
{
	
	.cuadro-blanco {padding:35px;}
	.pie {font-size:16px;}
}


/*TABLET*/
@media (min-width: 768px)
{
	.container {max-width: 600px;}
	.cuadro-blanco {padding:50px;}
	.pie {font-size: 20px;}
}


@media (min-width: 992px)
{
	
}


@media (min-width: 1200px)
{
	.cuadro-blanco {padding:50px;}
}

@media only screen
{
	.no-pantalla {display: none;}
}