﻿@import url('https://fonts.googleapis.com/css?family=Lato:400,600,700|Raleway:400,500,700,900');

.marginTop5{margin-top:5px;}
.marginTop10{margin-top:10px;}
.marginTop15{margin-top:15px;}
.marginTop20{margin-top:20px;}
.marginTop25{margin-top:25px;}
.marginTop30{margin-top:30px;}

.concursomanos-background
{
	background: url('../images/bk.jpg');
	background-size:cover;
	min-height: 600px !important;
}

.concursomanos-background-2
{
	background: url('../images/bk-thk.jpg');
	background-size:cover;
	min-height: 610px !important;
}

.concursomanos-caja{
	background-image:url('../images/bk-concursomanos-caja.png');
	background-repeat:repeat;
}

.concursomanos-caja-inner{
	padding: 5% 3%;
	width:100%;
	float:left;
	position: relative;
}

.concursomanos-titulo{
	font-family: 'Raleway',sans-serif;
    font-weight: 400;
    font-size: 2.3em;
    color: #03366d;
    line-height: 1.1em;
}

.concursomanos-titulo-2{
	font-family: 'Raleway',sans-serif;
    font-weight: 500;
    font-size: 2.5em;
    color: #03366d;
    line-height: 1.1em;
}

.concursomanos-bajada{
	font-family: 'Raleway',sans-serif;
	font-weight: 700;
	font-size: 1.5em;
	line-height: 1.2em;
	color:#d94857;
}

.concursomanos-bajada-2
{
	font-family: 'Raleway',sans-serif;
	font-weight: 500;
	font-size: 1.3em;
	line-height: 1.1em;
	color:#3c3c3b;
}

.concursomanos-label
{
	font-family: 'Raleway',sans-serif;
	font-weight: 700;
	padding-left:25px !important;
	font-size: 0.85em;
	line-height: 30px;
	color:#000;
}

.aclaracion
{
	font-size:0.6em;
}

.concursomanos-olvide a,.concursomanos-olvide a:hover,.concursomanos-olvide a:visited,.concursomanos-olvide a:link
{
	font-family: 'Raleway',sans-serif;
	font-weight: 500;
	padding-right: 15px !important;
	font-size: 0.78em;
}

.concursomanos-bases a,.concursomanos-bases a:hover,.concursomanos-bases a:visited,.concursomanos-bases a:active
{
	font-family: 'Raleway',sans-serif;
	font-weight: 700;
	color:#d94857;
	font-size: 0.95em;
}
.concursomanos-input input
{
	border:1px solid #024e9f;
	font-family: 'Raleway',sans-serif;
	font-weight: 700;
	font-size: 0.85em;
	padding:8px 5px 5px;
	color:#000;
	width: 98%;
}

.text-danger .aclaracion
{
	display:none;
}

.concursomanos-boton
{
	width: 100%;
	background: #de575d;
	padding: 2%;
	font-family: 'Raleway',sans-serif;
	color:#fff;
	border:none;
	text-align: center;
}

.concursomanos-boton a,.concursomanos-boton a:hover,.concursomanos-boton a:visited,.concursomanos-boton a:active
{
	font-weight: 700;
	font-size: 0.85em;
	width:100%;
	float:left;
	color:#fff;
}
.concursomanos-boton input
{
	font-weight: 700;
	font-size: 0.85em;
	color:#fff;
	background: #de575d;
	border:none;
	width:100%;
	float:left;	
	padding:0;
}

.concursomanos-aclaracion{
	font-family: 'Raleway',sans-serif;
	font-weight: 700;
	font-size: 0.95em;
	line-height: 1.2em;
	color:#000;
}

.mensaje-error{
	font-family: 'Raleway',sans-serif;
	font-weight: 700;
	font-size: 0.7em;
	text-align:center;
	margin-top:10px;
	color:#de575d;
	
}


/*CUESTIONARIO*/
.pregunta-1,
.pregunta-2,
.pregunta-3,
.pregunta-4,
.pregunta-5
{
	width: 33%;
	text-align: center;
	margin:0 !important;
	padding:2% 5%  !important;
}
.pregunta-6
{
	width: 50%;
	text-align: center;
	margin:2% 0 2% 25% !important;
	padding:5px 10px  !important;
}
.radio-inline span,.checkbox-inline span
{
	font-weight: 500 !important;
	font-size:1em;
	line-height:0.8em !important;
    font-family:'Raleway',sans-serif !important;
}

.bstrap30 .form-horizontal .control-label {
    width: 100%;
    float: left;
    text-align: center;
}

.form-group-pregunta-1,
.form-group-pregunta-2,
.form-group-pregunta-3,
.form-group-pregunta-4,
.form-group-pregunta-5,
.form-group-pregunta-6 {
	border: 1px solid #de575d !important;
	width: 100%;
}
.contenedor-pregunta,
.control-label
{
	color: #de575d;
	font-size:1.05em;
	line-height:1.3em;
    font-family:'Raleway',sans-serif;
	font-weight:700;
	margin: 3% 1% 1% 1% !important;
}
.bstrap30 input[type=radio], .bstrap30 input[type=checkbox] {
	margin-top: 5px;
}
.bstrap30 .c-form .form-group {
	margin-top: 20px;
	position: relative;
}
.form-group-pregunta-1:before {
	content: "1";
	top: -20px;
	left: calc(50% - 20px);
	position: absolute;
	width: 40px;
	height: 40px;
	border-radius: 100px 100px;
	background: #de575d ;
	text-align: center;
	color:#fff;
	font: 700 1.1em 'Raleway',sans-serif;
	line-height: 40px;
}
.form-group-pregunta-2:before {
	content: "2";
	top: -20px;
	left: calc(50% - 20px);
	position: absolute;
	width: 40px;
	height: 40px;
	border-radius: 100px 100px;
	background: #de575d ;
	text-align: center;
	color:#fff;
	font: 700 1.1em 'Raleway',sans-serif;
	line-height: 40px;
}
.form-group-pregunta-3:before {
	content: "3";
	top: -20px;
	left: calc(50% - 20px);
	position: absolute;
	width: 40px;
	height: 40px;
	border-radius: 100px 100px;
	background: #de575d ;
	text-align: center;
	color:#fff;
	font: 700 1.1em 'Raleway',sans-serif;
	line-height: 40px;
}
.form-group-pregunta-4:before {
	content: "4";
	top: -20px;
	left: calc(50% - 20px);
	position: absolute;
	width: 40px;
	height: 40px;
	border-radius: 100px 100px;
	background: #de575d ;
	text-align: center;
	color:#fff;
	font: 700 1em 'Raleway',sans-serif;
	line-height: 40px;
}
.form-group-pregunta-5:before {
	content: "5";
	top: -20px;
	left: calc(50% - 20px);
	position: absolute;
	width: 40px;
	height: 40px;
	border-radius: 100px 100px;
	background: #de575d ;
	text-align: center;
	color:#fff;
	font: 700 1em 'Raleway',sans-serif;
	line-height: 40px;
}
.btn-success, .btn-success:hover,
.btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus {
	color: #fff;
	background-color: #f26e69;
	border-color: #f26e69 ;
}

@media (max-width: 799px) {	

 .pregunta-1,
.pregunta-2,
.pregunta-3,
.pregunta-4,
.pregunta-5
{
	width: 100%;
	text-align: center;
	margin:0 !important;
	padding:2% 5%  !important;
}

	.concursomanos-background,.concursomanos-background-2
	{
		background-position: 86% top;
    background-image: url(../images/bk-thk.jpg);
	}

	

}