@charset "UTF-8";
@import "../../plugin/datepicker/css/calendario.css";

.clr{clear:both}

/* -------------------------- */
.obligatorio{margin-bottom:20px;color:#004887}
.obligatorio .asterisco{margin:0}
.cuerpoform{}
.cuerpoform p{margin:0 0 18px}
.etiqueta, .etiquetarequerida{width:35%;float:left;padding:3px 4% 0 0;font-size:15px;text-align:right;color:#767575}
.asterisco{margin-left:-1%;color:#253a4e;font-size:1.2em}
.desccampo{width:56%;float:left;margin-left:39%;padding:1px 0;font-size:.9em}
input.disabled{color:#b3c2cf}

/* ELEMENTO CHECKBOXES  // RADIOS */
.checkboxes, .radios{width:99.5%;float:left;margin-bottom:20px}
.checkboxes .desccampo, .radios .desccampo{display:block;padding:5px 0;font-size:.9em}
.opciones{padding-top:5px}
.opciones label{width:auto;float:left;padding:3px 15px 0 0}
.opciones input{width:auto  !important;float:left;margin-top:-3px;padding:0 !important;border:0 !important;background:transparent !important}
*>/**/.opciones input{margin:0}
.opciones span{display:block;margin-left:1.7em;font-weight:bold;color:#686a70}

/* ELEMENTO CHECK */
.checkbox{width:61%;float:right;padding-top:10px;cursor:pointer}
.checkbox input{width:auto  !important;float:left;margin:0 5px 0;padding:0 !important;border:0 !important;background:transparent !important}
*>/**/.checkbox input{margin-top:4px}
.checkbox span{display:block;margin-left:1em}
.checkbox .asterisco{float:left;margin:0}

/* ELEMENTO COMBO */
.combo{width:99.5%;float:left}

/* ELEMENTO TEXTAREA */
.textarea{width:99.5%;float:left;}

/* ELEMENTO FIELDSET */
.fieldset{width:99.5%;padding-bottom:10px;}
.fieldset legend{padding-bottom:10px;font-size:1.2em;font-weight:bold;color:#00315c}
.divfieldset{width:90%;float:left;margin:0 0 10px;padding:15px 2.5%;background:#fff;border:1px solid #dcdcdc}

/* ELEMENTO FILE */
p.inputfile{width:99.5%;position:relative}
p.inputfile label{position:static;margin-bottom:5px}
.inputfile input{cursor:pointer}
.inputfile .desccampo{width:100%;font-size:1em}

/* Ocultamos el input file original*/
.inputfile input.inputfile{z-index:999;position:absolute;bottom:0;left:0;width:100%;height:30px;padding:0;line-height:0;
	opacity: 0;
	filter: alpha(opacity = 0);
	-ms-filter: "alpha(opacity=0)";
}
/* convertimos en boton el span.cargar */
.inputfile .cargar{display:inline-block;padding:6px 12px 5px !important;background:#f7f6f6;text-transform:uppercase;font-size:14px;color:#686a70;cursor:pointer}
.inputfile .url-archivo{width:68.5%;margin-right:2%}

/* ELEMENTO FECHAS */
.fechas{width:99.5%;float:left}
.titulofecha{}
.fechas label{margin-right:10px}
.fechas img{vertical-align:top;margin:4px 0 0 5px}
.fechas input{width:auto}

/* ELEMENTO CAPTCHA */
.zonacaptcha{width:53%;float:left;margin-bottom:20px;padding-left:38.8%;}
.zonacaptcha img{float:none;margin:0}
.zonacaptcha input{display:block;margin:0 0 0 39%}

/* ELEMENTO TEXTO */
p.texto{width:99.5%}

/* ELEMENTO BOTON */
.botones{width:100%;float:left;margin:10px 0 !important;text-align:right}
.botones span{}
.botones .boton2{margin-left:1em}
.botones input{width:auto;padding:7px 12px 6px;border:0;background:#a19e9e;text-transform:uppercase;color:#fff;cursor:pointer;-webkit-appearance:none}

/* MENSAJE CONFIRMACION */
#a_mensaje{width:100%;float:left;padding:25px 0}
#a_mensaje div{padding:5px 0 0 170px;background:transparent url() no-repeat 10px 45%;min-height:150px}
#a_mensaje h3{padding:15px 0;margin-bottom:20px;border-bottom:1px solid #d9d9d9;text-transform:uppercase}
	#a_mensaje #confirmacion{background-image:url(../../img/css/aplicacion/confirmacionEnvio.gif)}
	#a_mensaje #envioerror{background-image:url(../../img/css/aplicacion/error.gif)}

/* ERROR VALIDACION */
#errorvalidacion{clear:both;margin-bottom:20px;padding:15px 0 0 175px;background:transparent url(../../img/css/aplicacion/errorValidacion.gif) no-repeat 12px 45%;min-height:150px;text-align:left !important}
#errorvalidacion p{padding:5px 0;font-size:1.2em;font-weight:bold;color:#041c33}
#errorvalidacion li{padding:0 0 5px 10px;background:transparent url(../../img/css/icono/vineta5.gif) no-repeat 0 5px}

/* tamanio de los bloques que componen los campos (en caso de necesitar nuevos se nombreran de esta manera "campo+logitud del campo")*/
.campo100{width:99.5%;float:left}
.campo50, .campo50r{width:48%}
.campo50r{float:right}
.campo80{width:80%;float:left}
.campo70{width:70%;float:left}
.campo30{width:30%;float:left}

/* ------------------------ tipos de formularios -----------------------------
	.form_tipo1, [TIPO ENVIO - contacto, enviar pagina}
	.form_tipo2, [TIPO BUSQUEDA - noticias, eventos, boletines]
--------------------------------------------------------------------------------*/

.form_tipo2{width:100%;float:left;margin-bottom:18px}
.form_tipo2 h3{padding:3px 5px 2px;background:#898e7a;text-align:center;text-transform:uppercase;font-size:1.1em;color:#fff}
.form_tipo2 p{margin-bottom:15px;position:relative}
.form_tipo2 .etiqueta, .form_tipo2 .etiquetarequerida{position:absolute;top:6px;left:7px;z-index:1;width:95%;padding:0 0 2px;text-align:left}
.form_tipo2 .combo .etiqueta, .form_tipo2 .combo .etiquetarequerida{display:none}
.form_tipo2 .checkboxes .etiqueta, .form_tipo2 .checkboxes .etiquetarequerida, .form_tipo2 .zonacaptcha .etiqueta, .form_tipo2 .zonacaptcha .etiquetarequerida{position:static}
.form_tipo2 input, .form_tipo2 select{background:#fff;border:1px solid #f0f1f1;border-left-color:#c7c8c9;border-top-color:#c7c8c9;color:#9b9d9e}
.form_tipo2 p.campo70 input{width:85%}
.form_tipo2 p.campo100 input, .form_tipo2 select{width:99%}
.form_tipo2 p.campo70 input, .form_tipo2 p.campo30 select{width:92%}
.form_tipo2 .radios .etiqueta, .form_tipo2 .radios .etiquetarequerida{position:static;padding-bottom:10px;font-size:1.2em;color:#00305c}
.form_tipo2 .radios .opciones{padding:5px 5px 0}
.form_tipo2 .radios label{display:block;float:none;padding-bottom:5px}
.form_tipo2 .botones{width:98.5%;margin:0 !important}
.form_tipo2 .botones input{background:#a19e9e;color:#fff;font-size:1.25em}

/* apariencia selects */
.chosen-container {
    min-width:75px;
    font-size:15px;
}
.chosen-container-single .chosen-single {
	border:1px solid #f0f1f1;border-left-color:#c7c8c9;border-top-color:#c7c8c9;color:#9b9d9e;
    padding: 2px 3px 2px 6px;font-size:16px;
}
.chosen-container .chosen-drop {
 width:99.5%;
 border:1px solid #f0f1f1;border-left-color:#c7c8c9;border-bottom-color:#c7c8c9;border-top:none;
}

.chosen-container-single .chosen-single div {
  right: 7px;width: 21px;
}
.chosen-container-single .chosen-single div b {
  background:transparent url(../../img/css/icono/vinetaSelect.png) no-repeat 100% 50%;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
	background:transparent url(../../img/css/icono/vinetaSelect_on.png) no-repeat 100% 50%;
}