@charset "utf-8";
/* CSS Document */
#formulario{width:90%;margin-left:5%;padding-top:5%}
#formularioPopup{width:60%;margin-left:auto;margin-right:auto;padding-top:-5%}
input{width:98%;height:25px;font:300 36px;margin:5px 0 10px 0}
select{width:98%;height:25px;font:300 36px;margin:5px 0 10px 0}
textarea{width:98%;height:100px;font:300 36px;margin:5px 0 10px 0}
#url{display:none}
input[type=file]{background-color:#FFF;color:#333;height:30px;width:98%;font-weight:400;letter-spacing:2px;margin-top:5px;margin-left:1%}
/*input[type=checkbox],input[type=radio]{border:0px;width:100%; height:2em;float:left;margin-right:3%;cursor:pointer}*/
input[type=submit]{background-color:#f60; border:2px solid #FFF;color:#fff;height:60px;width:150px;font-weight:400;letter-spacing:2px;margin-top:5px;margin-left:1%;cursor:pointer}input[type=submit]:hover{background-color:#F30}
input[type=password]{clear:none;width:25%;heigth:62px}
#form-confirmacion{width:98%;height:80px;margin-bottom:20px}
.form-confirma{clear:both;width:98%;height:40px}
.explain{width:100%}.explain p{padding-top:1.5%;margin-left:1%;text-align:left}
#browser-file{width:98%; border:1px solid #ccc;background-color:#FFF; margin-bottom:10px}
#captchaN,#captchaNpop{margin-top:10px}#captchaN span{color:#666;font-weight:700}#captchaNpop span{color:#f60;font-weight:700}
#verificacion{width:98%;height:80px; margin-top:10px; margin-bottom:10px}
#verificacion img{height:40px;width:70px; margin-top:20px; margin-bottom:20px}
#entrada-captcha{clear:none;width:40%;height:40px; margin-top:20px; margin-bottom:20px; float:right}
#control-num p{padding-top:20px}hr{margin-top:10px}
/*General lrCaptcha
#openOn{float:left;width:290px;height:auto; margin-top:20px;border:1px solid #f60; border-radius:10px;background-color:#999999;background-image:linear-gradient(#999999,#cccccc)}
#bloque-sender{position:relative;float:left;width:290px;margin-top:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px; background-color:#CCC}
#lrcontrol{positon:relative;float:left;width:290px;height:60px;margin-left:5%;display:none}#captcha-img{width:160px}#captcha-img div{float:left}.codigo-img{width:24px;height:42px;margin-right:5px;margin:0,0,0,0;padding:0,0,0,0}.codigo-img div{float:left;margin:0,0,0,0;padding:0,0,0,0;width:5px;height:5px}.codigo-img img{width:5px;height:5px;margin:0,0,0,0;padding:0,0,0,0}
#entrada{height:42px;width:105px;margin-left:2px}
*/
#linea-radio{float:left;width:100%}.radio-block{float:left;width:45%}.radio-block div{clear:none;float:left;margin-left:5%; width:40%}
/*
#robot,#check{float:left; width:70px}#robot img,#check img{width:60px;margin-left:5px;margin-top:5px;margin-bottom:5px;cursor:pointer}#robot-explain{clear:none;float:left;width:220px}#robot-explain p{color:#FFF;margin-left:20px}#robot-head{font-size:1.2em; font-weight:600;clear:both}#robot-log{float:right;margin-top:-20px;margin-right:10px; margin-bottom:10px}
#sender{position:relative;float:left;clear:both;width:98%;height:auto}
#abre{margin-top:40px; margin-left:20px}#abremin{margin-top:27px; margin-left:20px}input[type=checkbox] {transform: scale(2.5)}
/*Radio-checkbox*/
legend{font-size:14px; font-weight:700; margin-bottom:5px}
.pack-radio{display:block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
/* Hide the browser's default checkbox */
.pack-radio input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}
/* Create a custom checkbox */
.checkmark{position:absolute;top:0;left:0;height:25px;width:25px;background-color:#fff}
/* On mouse-over, add a grey background color */
.pack-radio:hover input ~ .checkmark{background-color:#999}
/* When the checkbox is checked, add a blue background */
.pack-radio input:checked ~ .checkmark{background-color:#f60}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after{content:"";position:absolute;display:none}
/* Show the checkmark when checked */
.pack-radio input:checked ~ .checkmark:after{display:block}
/* Style the checkmark/indicator */
.pack-radio .checkmark:after{left:9px;top:5px;width:5px;height:10px;border:solid white;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
/*Botón envío*/
.bg-1{background:#ECEFF1;color:#37474f}
.bg-2{background:#7986cb;color:#ECEFF1}
.bg-3{background:#37474f;color:#fff}
/* Common button styles */
.button {float:left;min-width:150px;max-width:250px;display:block;margin:1em;padding:1em 2em;border:none;background:none;color: inherit;vertical-align:middle;position:relative;z-index: 1;-webkit-backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;}
.button:focus{outline:none}.button > span{vertical-align:middle}
/* Text color adjustments (we could stick to the "inherit" but that does not work well in Safari) */
.bg-1 .button {
	color: #37474f;
	border-color: #37474f;
}
.bg-2 .button {
	color: #ECEFF1;
	border-color: #ECEFF1;
}
.bg-3 .button {
	color: #fff;
	border-color: #fff;
}

/* Sizes */
.button--size-s {
	font-size: 14px;
}
.button--size-m {
	font-size: 16px;
}
.button--size-l {
	font-size: 18px;
}

/* Typography and Roundedness */
.button--text-upper {
	letter-spacing: 2px;
	text-transform: uppercase;
}
.button--text-thin {
	font-weight: 300;
}
.button--text-medium {
	font-weight: 500;
}
.button--text-thick {
	font-weight: 600;
}
.button--round-s {
	border-radius: 5px;
}
.button--round-m {
	border-radius: 15px;
}
.button--round-l {
	border-radius: 40px;
}

/* Borders */
.button--border-thin {
	border: 1px solid;
}
.button--border-medium {
	border: 2px solid;
}
.button--border-thick {
	border: 3px solid;
}
/* Tamaya */
.button--tamaya {
	overflow: hidden;
	color: #fff;
	min-width: 180px;
}
.button--tamaya.button--inverted {
	color: #37474f;
	border-color: #37474f;
}
.button--tamaya::before,
.button--tamaya::after {
	content: attr(data-text);
	position: absolute;
	width: 100%;
	height: 50%;
	left: 0;
	background: #f60;
	color: #fff;
	overflow: hidden;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--tamaya.button--inverted::before,
.button--tamaya.button--inverted::after {
	background: #fff;
	color: #37474f;
}
.button--tamaya::before {
	top: 0;
	padding-top: 1em;
}
.button--tamaya::after {
	bottom: 0;
	line-height: 0;
}
.button--tamaya > span {
	display: block;
	-webkit-transform: scale3d(0.2, 0.2, 1);
	transform: scale3d(0.2, 0.2, 1);
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--tamaya:hover::before {
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
}
.button--tamaya:hover::after {
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}
.button--tamaya:hover > span {
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}
#backButton{background-color:#f60;height:40px;width:20%;color:#fff;border-radius:10px;margin-left:40%}#backButton:hover{background-color:#666}
#map {width:90%; margin-left:5%; margin-bottom:3%; height:250px}
@media screen and (max-width: 60em) {
#formularioPopup{width:90%}
#form-confirmacion{margin-bottom:30px}
}
@media screen and (max-width: 30em) {
.button--tamaya {
	overflow: hidden;
	color: #fff;
	min-width: 150px;
}