/*******************************************
	ESTILOS PARA ELEMENTOS PRINCIPALES 
*******************************************/ 
body {background-image: url('../images/fondopizarra.jpg') !important;background-attachment: fixed !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;margin:0;}.form-group {margin-bottom: 10px;}h2 {font-size: 18px;font-weight: 400;}h1, .h1, h2, .h2, h3, .h3 {margin-top: 10px;margin-bottom: 10px;}.main{width:95%;margin:0 auto;margin-top:10px;line-height: 1.5em;color: #38414A;background: rgba(100,100,100,0.8);-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 2px 3px 3px rgba(0,0,0,0.3);-moz-box-shadow: 2px 3px 3px rgba(0,0,0,0.3);box-shadow: 2px 3px 3px rgba(0,0,0,0.3);border: 2px solid rgba(255, 255, 255, .4);padding: 10px 20px !important;} .titulo_main{text-align: center;font-size: 2em;color: beige;width: 100%;display: block;font-weight: bold;margin: 10px;text-shadow: 0 1px 0 #ddd, 0 2px 0 #ccc, 0 3px 0 #bbb, 0 4px 0 #aaa, 0 5px 0 #acacac, 0 6px 1px rgba(0,0,0,0.1), 0 0 5px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.3), 0 3px 5px rgba(0,0,0,0.2), 0 5px 10px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.2), 0 20px 20px rgba(0,0,0,0.15);line-height: 30px;}

/*====================================================
    ESTILOS PARA FORMULARIOS CON CONTROL DE ERRORES
======================================================*/ 
.check-form .content{padding: 15px;}.check-form input:focus:invalid, .check-form textarea:focus:invalid {-webkit-box-shadow: 0 0 6px red;-moz-box-shadow: 0 0 6px red;box-shadow: 0 0 6px red;}.check-form input:focus:valid, .check-form textarea:focus:valid {-webkit-box-shadow: 0 0 6px green;-moz-box-shadow: 0 0 6px green;box-shadow: 0 0 6px green;}.check-form select:focus:invalid, .check-form textarea:focus:invalid {-webkit-box-shadow: 0 0 6px red;-moz-box-shadow: 0 0 6px red;box-shadow: 0 0 6px red;}.check-form select:focus:valid, .check-form textarea:focus:valid {-webkit-box-shadow: 0 0 6px green;-moz-box-shadow: 0 0 6px green;box-shadow: 0 0 6px green;}.check-form input,.check-form textarea {padding-right: 0px;}.check-form input:required:valid,.check-form textarea:required:valid {border-right-color: #28921f;border-right-width: 3px;background: #fff url(../images/ok.svg) no-repeat 98% center;background-size: 20px;}.check-form select:required:valid {border-right-color: #28921f;border-right-width: 3px;}.check-form input:invalid,.check-form textarea:invalid {border-right-color: red;border-right-width: 3px;}.check-form select:invalid {border-right-color: red;border-right-width: 3px;}.check-form select:invalid+label,input:invalid+label {color:red;}.cabecera {z-index:2;position: fixed;width: 100%;top:0;-webkit-box-shadow: 0px 8px 6px -6px black;-moz-box-shadow: 0px 8px 6px -6px black;box-shadow: 0px 8px 6px -6px black;}.check-form fieldset{border: 1px solid lightgray;margin: 0 10px;}.check-form legend {border: 0;padding: 0 10px;margin: 0 10px;width: auto;font-size: 1em !important;}

/*====================================================
    ESTILOS ELEMENTOS CONTENEDORES
======================================================*/
.panel{margin-bottom:5px;border-radius:0;border-bottom:1px solid #efefef}.panel:hover{background:#F2F5F7}.x_panel{position:relative;width:100%;margin-bottom:10px;padding:10px 17px;display:inline-block;background:#fff;border:1px solid teal;-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;column-break-inside:avoid;opacity:1;transition:all .2s ease}.x_title{border-bottom:2px solid teal;padding:1px 5px 6px;margin-bottom:10px}.x_title .filter{width:40%;float:right}.x_title h2{margin:5px 0 6px;float:left;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.x_title h2 small{margin-left:10px}.x_title span{color:#BDBDBD}.x_content{padding:0 5px 6px;position:relative;width:100%;float:left;clear:both;margin-top:5px}.x_content h4{font-size:16px;font-weight:500}


/*====================================================
    ESTILOS ELEMENTOS CAPTCHA
======================================================*/
div.captcha{flex-wrap: nowrap;}div.input-group.captcha{max-width: 375px;}div.captcha > span.reto{background-repeat: no-repeat;background-size: cover;min-width: 150px;min-height: 50px;}div.captcha  input {text-align: center;font-size: xx-large;color: red !important;letter-spacing: 3px;border-radius: 0px 5px 5px 0px;min-width: 100px;}div.captcha > input::placeholder {font-size: medium;}div.captcha > span.fa-refresh{padding-top: 16px;cursor:pointer;}
