/************************************************************************************
FORMULARIOS
*************************************************************************************/
.form_sup, .form_pie, .obligatorio{font-size:1.2em;}
.form_sup, .form_pie {
    line-height: 1.2em;
    margin: 1em 0;
}
#formulario textarea {
    font-family: "open_sans", sans-serif;
    font-size: 1.3em;
}
#formulario label, #formulario input, #formulario textarea, #formulario select{float:left;}
#formulario input, #formulario textarea, #formulario select{clear:left;}
#formulario label .obligatorio{
    float: left;
    line-height: 1.2em;
    margin-left: -0.65em;
    position: absolute;
    visibility: visible;
}
#formulario legend .obligatorio {
    margin-left: -1em;
    margin-right: 0.5em;
    margin-top:-0.4em;
    position: absolute;
}
.no_label .literal, .si_label .no_label .literal{display:none;}
.no_label legend .literal, .si_label .no_label legend .literal{display:inline;}
.no_label .file .literal, .si_label .no_label .file .literal{
	display:inline;
	font-size:1.2em;
}
.si_label .literal{display:inline;}
.si_label label {
    font-size: 1.2em;
    line-height: 1.2em;
}
.si_label label .obligatorio {
    font-size: 1.2em;
}
#formulario form .si_label input, #formulario form .si_label textarea {margin-top:0.5em;}
::-webkit-input-placeholder {color: #666; font-style:italic;}
:-moz-placeholder {color: #666;  font-style:italic;}
:-ms-input-placeholder {color: #666; font-style:italic;} 
.obligatorio {color: #C00;}
#formulario form fieldset {
    border: 0.1em dashed #999999;
    margin-bottom: 1em;
    padding: 3%;
    width: 93.8%;
}
#formulario fieldset fieldset {
    border: none;
    float: left;
    margin: 0;
    padding: 1%;
    width: 98%;
}
#formulario legend {
    background: #C3EB78;
    color: #469D00;
    font-size: 1.5em;
    margin: 0.5em 0;
    padding: 0.5em;
}
#formulario fieldset fieldset legend {
    font-size: 1.2em;
    margin: 1em 0;
    padding: 0.5em 0;
    text-indent: 0.5em;
    width: 100%;
}
#formulario .campo {
    float: left;
    margin: 0 0 1em;
    width: 100%;
}
#formulario .campo.hidden {display:none;}
#formulario .col_izq, #formulario .col_der{
    float: left;
    margin-left: 1%;
    overflow: hidden;
    width: 47%;
}
#formulario .col_der{float:right;}
#formulario .dos_col .campo{}
#formulario .dos_col fieldset.checkbox .campo{font-size:1em;}
#formulario .una_col .campo {}
#formulario .no_col {
    border: 0.1em dashed #999999;
    padding: 2% 2% 2% 5%;
    width: 92%;
}
#formulario .no_col legend{margin-left:-2%;}
#formulario input, #formulario form select, #formulario form .si_label select{
	display:block;
	margin:0.5em 0em 0.5em 0em;
}
#formulario fieldset.radiobut, #formulario fieldset.checkbox {
    border: 0.1em dashed #999999;
    margin: 0 0 1em;
    padding: 2% 2% 0;
    width: 93%;
}
#formulario fieldset.radiobut legend, #formulario fieldset.checkbox legend {
    padding: 0.5em;
    text-indent: 0;
    width: auto;
}
#formulario .dos_col fieldset.radiobut legend, #formulario .dos_col fieldset.checkbox legend {margin: 0 0 0.5em;}
#formulario .una_col fieldset.radiobut legend, #formulario .una_col fieldset.checkbox legend {margin: 0.5em 0 0.75em 0;}
#formulario fieldset.radiobut.dos_col .radio_b, #formulario fieldset.checkbox.dos_col .check {
	border:none;
    float: left;
    margin-left: 1%;
    width: 49%;
}
#formulario fieldset.radiobut .radio_b input, #formulario fieldset.checkbox .check input.check, #formulario input.check{
	border:none;
	float: left;
    margin: 0 0.5em 0 0.15em;
    width: 1.2em;
}
#formulario fieldset.radiobut .radio_b label, #formulario fieldset.checkbox .check label.check{
	display: inline;
    float: left;
    line-height: 1.2em;
    width: 79%;
}
form input[type="text"]:focus, form input[type="search"]:focus , form input[type="number"]:focus, form input[type="file"]:focus, form input[type="password"]:focus, input[type="date"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus, 
input[type="time"]:focus, input[type="range"]:focus, input[type="file"]:focus{
	border:#81d601 0.01em solid;
	box-shadow: 0 0 1em #e3ffb7;
	-webkit-box-shadow: 0 0 1em #e3ffb7;
    outline: medium none;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.2s ease 0s;
}
#formulario form input, #formulario form textarea{
	border: 1px solid #CCCCCC;
	display:block;
}
#formulario form input:invalid {/*estilo para marcar los campos obligatorios "required"*/
    border: 1px solid red;
  }
#formulario #capa_fin_form {
    background: #F1F1F1;
    border-color: #A0DD67;
    border-style: solid;
    border-width: 0.1em 0 0;
    margin-top: 2em;
    position: relative;
    width: 94%;
}
#formulario #capa_fin_form.no_check {
    height: 6em;
    padding: 0 3%;
}
#formulario #capa_fin_form legend{display:none;}
#formulario #capa_fin_form label {
    float: right;
    font-size: 1.2em;
    line-height: 1.2em;
    margin-right: 1%;
    width: 92%;
}
#formulario #capa_fin_form .checkbox_confirmacion{
    border: 0.1em solid #CCCCCC;
    float: left;
    padding: 1em 0.5em 0;
    width: 70%;
}
/*#formulario #capa_fin_form .botones_form {
    bottom: 0;
    float: right;
    position: absolute;
    right: 0;
    width: 25%;
}*/
#formulario #capa_fin_form .botones_form {
    float: right;
    margin-top: -3.25%;
    position: absolute;
    right: 0;
    top: 44%;
    width: 29.5%;
}
#formulario #capa_fin_form.no_check .botones_form {position:relative;}
#formulario #capa_fin_form .botones_form input{
	margin:1em 0 2em 33%;
}
#formulario #capa_fin_form.no_check .botones_form input{margin: 1em 0 2em 39%;}
#enviar_fin_form{
	background:#6BC902;
	background: -moz-linear-gradient(top, #a6e30f, #6bc902); /* FF3.6 */
	background: -webkit-gradient(linear, 0 0, 0 50%, from(#a6e30f), to(#6bc902));
	background: -o-linear-gradient(top, #a6e30f, #6bc902); /* Opera 11.1+ */
	background: -ms-linear-gradient(top, #a6e30f, #6bc902); /* IE10+ */
	background: -moz-linear-gradient(center top , #a6e30f, #4ca000) repeat scroll 0 0 #a6e30f;
    border: 0.1em solid #53a700;
    border-radius: 0.5em;
    color: #FFFFFF;
	padding: 0.6em 1.2em;
}
#enviar_fin_form:hover {
	background:#7fd502;
	border: 0.1em solid #78ca01;
	background: -moz-linear-gradient(top, #7fd502, #83d905); /* FF3.6 */
	background: -webkit-gradient(linear, 0 0, 0 50%, from(#7fd502), to(#83d905));
	background: -o-linear-gradient(top, #7fd502, #83d905); /* Opera 11.1+ */
	background: -ms-linear-gradient(top, #7fd502, #83d905); /* IE10+ */
}
#enviar_fin_form:active {
	border-radius: 0.5em;
	border: 0.1em solid #73c602;
	background:#6BC902;
	background: -moz-linear-gradient(top, #73c602, #73c602); /* FF3.6 */
	background: -webkit-gradient(linear, 0 0, 0 50%, from(#73c602), to(#73c602));
	background: -o-linear-gradient(top, #73c602, #73c602); /* Opera 11.1+ */
	background: -ms-linear-gradient(top, #73c602, #73c602); /* IE10+ */
	-webkit-box-shadow: #4ca000 0px 0.3em 0.3em inset;
	-moz-box-shadow: #4ca000 0px 0.3em 0.3em inset; /* color, h-offset, v-offset, blur, spread */
}
#formulario #capa_fin_form .botones_form input#borrar_datos{display:none;}
.fecha_form img{
	float:left;
	margin:0.5em;
}
/************************************************************************************
FORMULARIO UNA COLUMNA
*************************************************************************************/
.unica_col {
    float: right;
    margin-top: -1em;
    width: 46.5%;
}
/************************************************************************************
RESULTADOS FORMULARIOS
*************************************************************************************/
.resultados_formulario {
    font-size: 1.1em;
    margin: 1em 0;
}
#contenido table.resultados_formulario {
	width: 65%;
	margin: 0 auto;
}
#contenido table.resultados_formulario th{
    width:50%;
    text-align: right;
}
/************************************************************************************
ERRORES FORMULARIOS
*************************************************************************************/
#form_errors {
	font-size: 1.2em;
}
#form_errors:before {content: "Los siguientes errores ocurrieron al rellenar el formulario:"; font-size:1.1em; padding:0.5em 1%; background:#ddd; border: 0.1em solid #aaa; display:inline-block; width:98%; margin-bottom:-0.5em; color:#000;}
#form_errors ul{margin:1em 0;}
#form_errors ul li {
	background: url(../../../../img/alerta.png) no-repeat 0.5em 50% #FFF2F2;
	padding: 0.25em 0.25em 0.25em 2.5em;
	border: 0.1em solid red;
	color: #000;
	list-style: none;
}
.webform_label_error{display:inline-block; padding:1em 0 0 0.5em; color:red; float:left;}