/*A�adidos FNMT y Boilerplate*/

/* Definiciones de pantalla de HTML5 (Boilerplate)*/

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block;  }/* *display: inline; *zoom: 1; */ /*SMP*/
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { line-height: 1.231;}

/*body, button, input, select, textarea {font-family: pt-sans-v9-latin-regular}*/

body, button, input, select, textarea { font-family: "Segoe UI", "Trebuchet MS", Arial, "Segoe UI Light", "Segoe UI Semibold", sans-serif;}


button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

textarea { overflow: auto; vertical-align: top; resize: vertical; cursor:text; }

/* Para sustituci�n de imagen */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Ocultar a los lectores de pantalla y los navegadores: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Ocultar solo visualmente, pero mantenerlo disponible para lectores de pantalla: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Amplia la clase .visuallyhidden para permitir que se pueda situar el foco en el elemento al navegar hasta el a traves del teclado: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Ocultar visualmente y a los lectores de pantalla, pero mantener el dise�o */
.invisible { visibility: hidden; }

/* Contiene cuadros flotantes: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
/*.clearfix { zoom: 1; }*/ /*SMP*/

/* END */

/*Centrados*/
.centrado-porcentual {
background-color: #DBDBDB;
padding: 10px;
width: 80%;
margin: 0 auto 15px auto;
    -webkit-box-shadow: 0px 0px 10px 0px black;
    -moz-box-shadow: 0px 0px 10px 0px black;
    box-shadow: 0px 0px 10px 0px black;
}

.centrado-porcentual-radios {
background-color: #DBDBDB;
padding: 2%;
width: 80%;
margin: 0 auto;
    -webkit-box-shadow: 0px 0px 10px 0px black;
    -moz-box-shadow: 0px 0px 10px 0px black;
    box-shadow: 0px 0px 10px 0px black;
}

#recaptcha {
	text-align: center;
}

.centrado{
position : absolute;
left : 50%;
top : 50%;
transform : translate(-50%,-50%);
padding : 10px;
}
/* END */

/**VV CSS para Home.jsp VV**/

/*nav*/
#navHome{
	display: flex;
	align-items: flex-start;
	justify-content:space-between;
	flex-direction:row;
	flex-grow: 2;
}
#logoCERESh{
    width: fit-content;
	height: fit-content;
	margin: 1%;
	order: 1;
}
#homeSelectLang, .selectLang {
	width: 13%;
	order:3;
}
#homeIntro{
	width:70%;
    color: #107896;
    text-align: center;
    text-shadow: 1px 0 0px black;
    font-family : "Times New Roman", Georgia, Serif;
    font-size: 1.9em;
    margin-left: 6%;
    order: 2;
}

#homeTitle{
    color:#C00000;
    text-shadow: 0 0 0 white;
}

#homeCR{
    align-self:center;
    margin: 50px auto 0px auto;
    width: 70%;
}

.homeInstructionsBG{
	text-align: center;
    padding: 10px 0 30px;
    margin: 0 auto;
	background: #dedede;
	background: -moz-radial-gradient(center, ellipse cover, #dedede 0%, #d6d6d6 47%, #cfcfcf 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #dedede), color-stop(47%, #d6d6d6), color-stop(100%, #cfcfcf));
	background: -webkit-radial-gradient(center, ellipse cover, #dedede 0%, #d6d6d6 47%, #cfcfcf 100%);
	background: -o-radial-gradient(center, ellipse cover, #dedede 0%, #d6d6d6 47%, #cfcfcf 100%);
	background: -ms-radial-gradient(center, ellipse cover, #dedede 0%, #d6d6d6 47%, #cfcfcf 100%);
	background: radial-gradient(ellipse at center, #dedede 0%, #d6d6d6 47%, #cfcfcf 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#cfcfcf', GradientType=1 );	
}

#homeCR ol{
    width: 80%;
    margin: auto;
    background-color: white;
    box-shadow: 0 0 5px 0px black;
}

#homeCR li{
    list-style-position: inside;
    padding: 10px;
    color: #107896;
    text-shadow: 0px 0px 5px white;
    text-align: left;
    font-weight: bold;    
}

.imgLogoCERESHome{
	cursor: not-allowed;
	margin: 0;
	float: left;
}

.descPasos{
    margin-left:17.5px;
    color: black;
}

/*Botones footer*/
.tablapostfooter{
	table-layout:fixed;
   text-align: center;
	width: 80%;
	display:flex;
	justify-content: center;
	flex-grow: 2;
	flex-direction: row;
	vertical-align: top;
	margin:0 auto;
    }
.tablapostfooter div{
	font-size : large;
	font-family : serif;
	font-style : normal;
	width: auto;
	margin: 0 5px;
    }
.tablapostfooter div:first-child{order:1} 
.tablapostfooter div:nth-child(2){order:2;}
.tablapostfooter div:nth-child(3){order:3;}
.tablapostfooter div:nth-child(4){order:4;}
.tablapostfooter div:last-child{order:5;}

.homeCRboton{
    margin-right: 2px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
.tablapostfooter{
	width: 90% !important;
	/*display:table !important;*/
	margin: 0 auto !important;
    }   
}

@media screen and (max-width: 1260px),screen\9 {
#logoCERESh, .logoCERESforms{
	width: auto;
}
.tablapostfooter{
    width: 100%;
    }
}

@media screen and (max-width: 1038px),screen\9 {
	#navHome, .navForms{
		text-align: center;
		flex-direction:column !important;
		justify-content: center;
		align-items:center !important;
	}
    #logoCERESh, #homeSelectLang{
    	align-self: center;
        float:none;
    }
    #homeSelectLang{
    	margin-top: 10px;
    	font-size: 1.4em;
    }
    #homeTitle{
    	margin-top:0px;
    }
    #homeIntro{
        margin: 0px auto !important;
        width: 100% !important;
    }
    #homeCR ol{
        width: 85%;
        margin: auto;
    }
    #homeCR{
   		margin-top: 15px;
   		width: 95%;
    }
    .tablapostfooter{
    width: 90%;
    }
}


@media screen and (max-width: 1270px),screen\9 {
	#homeintro{
	margin: 0 auto;
	font-size: 1em;
	}
    .tablapostfooter{
    	width: 100%;
    	flex-wrap: wrap;
    	flex-direction: column;
    }
    .tablapostfooter div{
    	margin:4px !important;
        width: 100%;
    }
    .homeCRboton{
        margin-top: 0px !important;
        width: 85%;
    }
    .helpBtn{
        width: 89.5%;
    }
    #homeCR{
        width: 90%;
    } 
}

@media screen and (max-width: 790px),screen\9 {
	.helpBtn{
        width: 92%;
    }
}
@media screen and (max-width: 540px),screen\9 {
	.helpBtn{
        width: 94.6%;
    }
}
/**^^ END CSS HOME ^^**/

/*nav Generico*/
.imgLogoCERES {
    cursor: pointer;
    margin: 1%;
}
.navForms{
	display: flex;
	align-items: flex-start;
	justify-content:space-between;
	flex-direction:row;
	flex-grow: 2;
	margin-bottom: 2%;
}
.logoCERESforms{
	width: 15.7%;
	height: fit-content;
	margin: 1%;
	order: 1;
}
.selectLang {
	width: 13%;
	order:3;
}
.headerFormularios{
	order: 2;
    margin: 60px auto;
    text-align: center;
    color: #0C6A92;
}
@media screen and (max-width: 1038px),screen\9 {
.headerFormularios{margin: 0px;}
.navForms{margin-bottom: 20px;}
#form2SelectLang{margin: 0px}

.imgLogoCERES{margin: 0 auto; width: 100%;}
}
/*Modificaciones varias*/
.titulo {text-align: center;}

form {
margin-top : 0;
/*height : 100%;*/ /* AL6410: quitado */
width : 100%;
/*text-align: center;*/ /* AL6410: quitado */
}

input, select{ /*Input y select del mismo tama�o*/
-ms-box-sizing:content-box;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box; 
box-sizing:content-box;
}
input, select, textarea{
    margin-bottom : 5px;
}

.tituloForm {
    color: black;
    text-shadow: 0px 0px 8px white;
    margin-bottom: 10px;
}
/* END */

/*Validacion case Valid (Si no hay algo que lo compruebe a parte)*/

/*si el campo esta correcto el color sera verde*/
 input:focus:required:valid{
 /*border:3px solid #004700;*/
} 
 select:focus:required:valid{
 /*border:3px solid #004700;*/
}
 textarea:focus:required:valid{
 /*border:3px solid #004700;*/
}
 input:required:valid{
 /*border:1px solid #009000 !important;*/
} 
 select:required:valid{
 /*border:1px solid #009000 !important;*/
} 

/*si el campo esta vacio, el color sera rojo*/
 input:required:invalid{
    /*box-shadow: inset 0 0 5px red !important;*/
} 
select:required:invalid{
    /* box-shadow: inset 0 0 5px red !important; */
}
textarea:required:invalid{
    /* box-shadow: inset 0 0 5px red !important; */
}
/*END*/

/*Moficiaciones Particulares class="radioFormularios"*/
fieldset.radioFormularios{
    text-align: center;
    font-weight: bold;
    padding: 10px 0px;
    border: none;
    text-shadow: 0px 0px 1px white;
}
.radioFormularios legend{
	text-align: center;
	margin: 0 auto 30px auto;
}
legend{
  color: #113C3C;  
}

.radio-input{
    width: 20px;
}
.SelectCR label{
    margin: 0 auto;
    color: black;
    text-shadow: 0px 0px 1px white;
}

/*Element (*) in labels*/
.havetoInput{
	color:red;
}

.radioFormularios input[type=button]{
	background: #0000ff;
	background: -moz-linear-gradient(top, #499bea 0%, #0000ff 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #499bea), color-stop(100%, #0000ff));
	background: -webkit-linear-gradient(top, #499bea 0%, #0000ff 100%);
	background: -o-linear-gradient(top, #499bea 0%, #0000ff 100%);
	background: -ms-linear-gradient(top, #499bea 0%, #0000ff 100%);
	background: linear-gradient(to bottom, #499bea 0%, #0000ff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#0000ff', GradientType=0 );
	border: 1px solid #0000ff;
	box-shadow: inset 0 1px 0 0 black;
	-webkit-box-shadow: 0 1px 0 0 black inset ;
	-moz-box-shadow: 0 1px 0 0 black inset;
	-ms-box-shadow: 0 1px 0 0 black inset;
	-o-box-shadow: 0 1px 0 0 black inset;
}

.radioFormularios input{
	text-align: center;
	margin: auto;
	font-size: 1.05em;
	margin: 0 auto;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	color: white;
	text-shadow: 0px 0px 5px black !important;
	font-weight: bold;
	padding: 6px 20px;  
}

.radioFormularios input:hover {
	cursor: pointer; 
	-webkit-box-shadow: 0px 0px 20px -5px black;
	-moz-box-shadow: 0px 0px 20px -5px black;
	box-shadow: 0px 0px 20px -5px black;
}
.radioFormularios input[type=button]:active {
	border: 1px solid #7171ff !important;
    background-color: #01015a !important; 
}
#radioButton{
    width: 400px;
    margin: auto;
    margin-top: 30px;
}
/*Terminos y Condiciones*/
.termsConditionsText{
    color: #01015a;
    cursor: pointer;
    text-shadow: 0 0 0px white;
    display: inline-block;
}

#defaultTCtext {
    text-align: center;
    margin: 0 auto;
    /*color: #a30000;*/ /* AL6410: quitado */
    font-size: 1.5em;
    font-weight: bold;
    font-family: initial;
}

.descInstructions{ text-align: justify; display: none}

.termsConditions a{
   text-decoration: none;
    /*font-weight: 640;*/ /* AL6410: quitado */
}
.termsConditions a:hover{
    /*color:red;*/ /* AL6410: quitado */
    text-shadow: 0 0 0px black;
}

.termsConditionsText:hover{
    color: #800080;
    text-shadow: 0 0px 0px black;
}
.termsConditions{
    display: none;
    font-weight: normal;
    margin: auto;
    /*width: 90%;*/ /* AL6410: quitado */
    margin-top: 10px;
    padding: 10px;
    background: white;
    
}
.termsConditions strong{
  /*color: #0C6A92;*/ /* AL6410: quitado */
}
.termsConditions h4{
    /*margin-bottom: -18px;*/ /* AL6410: quitado */
}
.termsCondBtn{
    width: 400px;
    margin: auto;
    text-shadow: 0 0 0px black;
}
.bloqueado{
    color: darkslategray !important;
    text-decoration: line-through;
}

/*Contenido tabla T&C*/

table.TC_GENERAL, .TC_colRow{
	border-top: 1px solid black;
   border-bottom: 1px solid black;
   border-collapse: collapse;
}
table.TC_GENERAL  {
	width: 100%;
	padding: 10px;
	margin: 18px 0;
}
@media (max-width: 500px){
  table.TC_GENERAL  tr{
		display: flex; 
		flex-direction: row;
		flex-wrap: wrap;
	}
	th.TC_colRow{
		width: 100%;
		text-align: center !important;
	}
	td.TC_colRow {
		width: 100%;
	}
}
.finalUrl{
	text-align: center;
}
.TC_colRow{
	padding: 5px;
}
th.TC_colRow, tr.TC_colRow:nth-child(2n) {
	background-color: #EAEAEA;
}
th.TC_colRow {
	text-align: left;
}
td.TC_colRow {
    padding-right: 10px;
}

/*Cambios Formularios*/

.logoCeresForm{
/*     float: left; */
}
p.selectDesc {
    margin-left: 21px;
}
#descFormulariosAUT, #descFormulariosREV{
	margin: 0 auto;
	width: 90%;
}
.sectionsAut, .sectionsRev{
	width: 100%;
	text-align: justify;
}
.descInstructions{
margin:0 auto;	
}

.formSelection{
	margin-left: 20px !important;	
}
.formSelFormularios{
	margin: 0 auto 20px auto;
    float: left;
}
.formFormularios{
    margin: auto;
    float: left;
}

#fsSelectCR legend {
    font-size: 1.5em;    
}
#fsSelectCR ul{
    color: black !important;
    margin: auto;
    width: 90%;
    display: flex;
    flex-flow: column;
}
.RevSelect{
	margin-bottom: 2% !important; 
	width: 60% !important;
}
#descFormulariosAUT{
	font-weight: 600;
}

#fsSelectCR p{
    color: black;
    text-align: justify;
    text-shadow: 0 0 5px white;
}
#fsSelectCR label{
    color: #A30000;
    padding: 0px;
}
#fsSelectCR label:hover{
    text-shadow: 0 0 0px black;
}
.SelectCR li{
    list-style: none;
    width: auto;
    float: left;
    text-align: left;
}
.SelectCR li:nth-child(8){
    margin-bottom: 40px;
}

.fsCA .fsTitle5{
	text-align:center;
}

@media screen and (max-width: 555px), screen\9 {
    #fsSelectCR ul{
    width: 100% !important;   
    }
}

@media screen and (max-width: 685px), screen\9 {
    .logoCeresForm{
    float: none;
/*         margin: auto 20%; */
    }
    .headerFormularios{
        margin: 20px auto;
    }
    
    .formFormularios{
    }
    #fondoCR{
        margin: auto;
        width: 95%;
    }

    #fsSelectCR legend {
        font-size: 1.5em;    
    }
    #fsSelectCR div{
        width: 90%;
    }
    #fsSelectCR li{
        width: 90%;
        margin-right: 10%;;
    }

    #fsSelectCR p{
        width: 90%;
    }
    #radioButton{
        flex: auto;
        width: 80%;
        flex-direction: column;
    }
    .btnBack{
        margin: 20px 5% !important;
        width: 90% !important;
    }
    .radioBtn.btn_blue{
        width: 77% !important;
        margin-bottom: 10px;
    }
    .termsCondBloque p{
        display: flex;
    } 
}

.btnBack{
    width: 100px;
    height: 45px;
    font-weight: bold;
    background-color: #9A2617;
    color: white;
    text-shadow: 0 0 0px black;
    padding: 10px;
    float: right;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
    box-shadow: 0 0 10px 1px black;
	-webkit-box-shadow: 0 0 10px 1px black;
	-moz-box-shadow: 0 0 10px 1px black;
	-ms-box-shadow: 0 0 10px 1px black;
	-o-box-shadow: 0 0 10px 1px black;
    margin-right: 4%;
}
.errorBtn2{
	background-color: #004A00 !important;
}
#CRButton .crBtn{
    margin-top: 20px;
}
#CRButton{
    width: 300px;
    margin: auto;
}



.btnBack:hover{
    box-shadow: 0 0 10px 1px black inset;
	-webkit-box-shadow: 0 0 10px 1px black inset;
	-moz-box-shadow: 0 0 10px 1px black inset;
	-ms-box-shadow: 0 0 10px 1px black inset;
	-o-box-shadow: 0 0 10px 1px black inset;   
}

.btnBack:active{
    box-shadow: 0 0 10px 1px #E25340 inset;
	-webkit-box-shadow: 0 0 10px 1px #E25340 inset;
	-moz-box-shadow: 0 0 10px 1px #E25340 inset;
	-ms-box-shadow: 0 0 10px 1px #E25340 inset;
	-o-box-shadow: 0 0 10px 1px #E25340 inset;   
}

/*Dado que no se ven los botones de info sin CSS, con este boton se podr�n ver si los estilos estan desactivados
Es un requisito de AA que aun sin CSS se vea todo medianamente ordenado*/

.infoAllBtn{ 
    display: none;
}

/*END*/
/*Selector de Lenguaje JSP*/
.selectLang{
    float: right;
    margin-right: 30px;
    margin-top: 20px;
}
.selectLang label{
	font-weight: bold;
	color: #C00000;
	text-shadow: 0 0 0px white;
	margin-bottom: 20px;
	}
	
/*END*/

.btn_blue{
    margin: 0 auto;
    margin: auto;
    background: #3333FF;
	border: .5px solid #3333FF;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	box-shadow: 0 0 10px 1px black;
	-webkit-box-shadow: 0 0 10px 1px black;
	-moz-box-shadow: 0 0 10px 1px black;
	-ms-box-shadow: 0 0 10px 1px black;
	-o-box-shadow: 0 0 10px 1px black;
    
	color: white;
    border: 2px solid white;
    text-shadow: 0px 0px 5px black;
	font-weight: bold;
    height:30px; 
    margin-left: 0%;
	padding: 6px 20px;
	text-align: center;
}

.btn_blue:hover {
	cursor: pointer; 
    -webkit-box-shadow: inset 0px 0px 118px 0px rgba(0,0,0,1);
    -moz-box-shadow: inset 0px 0px 118px 0px rgba(0,0,0,1);
    box-shadow: inset 0px 0px 118px 0px rgba(0,0,0,1);
}
.btn_blue:active {
    text-shadow: 0px 0px 5px black !important;
	border: 1px solid #7171ff !important;
    background-color: #01015a !important; 
}
.btn_blue:disabled{
    background-color: gray;
    color: #000000;
    text-decoration:line-through;
    
}

/*Tablas Generales*/

.formTables{table-layout:fixed; width:100%;}

.formTables td{
width : 100%;
font-size : large;
font-family : serif;
font-style : normal;
}
.formTables tr{
    width : 100%;
    vertical-align: top;
}

.centraTabla{
    align-content: center;
}
.tablaLabels label{
/*    font-size: 21px !important;*/
}


@media screen and (max-width: 880px), screen\9 {
    .formTables tr { 
    display: flex; 
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0.5em 0;
    }
    .formTables td, .formTables th{
    flex: 1 1 150px;
    }
    textarea{
    height: 50px !important;
    }
    #rc-imageselect, .g-recaptcha {transform:scale(0.85);
    -webkit-transform:scale(0.85);transform-origin:0 0;-webkit-transform-origin:0 0;}
}
/*END TABLAS*/

/*Responsibe Media Queries*/
@media screen and (max-width: 1270px), screen\9 {
    .infoSection {display: none;}
	 .deleteMeIcon{display: none !important;}
	 .delDomine{display:block;}
}

@media screen and (max-width: 550px), screen\9 {
    #recaptcha {
        width: 100% !important;
    }
    #rc-imageselect, .g-recaptcha {transform:scale(0.87);
-webkit-transform:scale(0.87);transform-origin:0 0;-webkit-transform-origin:0 0;}
    #instrucText ul{
        margin: auto;
    }
}

@media screen and (min-width:412px) and (max-width: 550px) , screen\9 {
    #rc-imageselect, .g-recaptcha {transform:scale(0.50);
-webkit-transform:scale(0.50);transform-origin:0 0;-webkit-transform-origin:0 0;}
}

/*END*/

/*CSS enviarPDF*/
#hideBtnTxt {
    text-shadow: 0 0 2px whitesmoke;
    font-size: 1em;
    animation: blinker 2s linear infinite;
    text-align: center;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}
#fsSendPDF legend{
    text-align: center;
    margin:0 auto;
    width: 100%;
}
.legendBlue {
	color: #006394
}

.output p {
    word-wrap: break-word;
	 width: 18em;
	 display: inline-block;
}

#fsSendPDF table{text-align:center;margin: 0 auto;}

#fsSendPDF{
	font-weight: bold;
	text-align: center;
	padding: 10px 0px;
	text-shadow: 0 0 1px white;
	border: none;
	margin: 0 auto;
}

.demo-droppable {
	border: 5px solid white;
/*	background: #0074AE;*/
	color: #fff;
	text-shadow: 0 0 0 black;
	padding: 10px 0;
	text-align: center;
	margin-bottom: 10px;
/* 	width: 15.5em; */
	width: 90%;
	margin: 0 auto;
}

/* .demo-droppable:hover{ */
/*     background: #16506d; */
/*     box-shadow: 0 0 5px black; */
/*     -webkit-user-select: none; Safari 3.1+ */
/*     -moz-user-select: none; Firefox 2+ */
/*     -ms-user-select: none; IE 10+ */
/*     user-select: none; Standard syntax */
/*     cursor: pointer; */
/* } */

.demo-droppable.dragover {
background: #00CC71;
text-shadow: 0 0 0 white;
}

#pdfImg.dragover {
filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
}

#outputBlock{width: 80%; margin: 0 auto; text-align: center;display: flex;
    align-items: center; margin-top: 20px;}

.output{
    text-transform: uppercase;
    width: 90%;
    margin: 0;
}

@media screen and (max-width: 1080px), screen\9 {
    #envioPDF{
        width: 80% !important;
        margin-top: 10px !important;
    }
	 .output p {
	 width: 100%;
	}

}
#envioPDF td{
    text-align: center;
}

#envioPDF{
    width: 30%;
    margin-top: -80px;
}   

.g-recaptcha > div{
 margin: 10px auto !important;
 /*text-align: center;*/ /* quitado AL6410 */
 width: auto !important;
 height: auto !important;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */

}

/*Boton SubmitPDF*/
.SubmitPDF{
    width: 100px !important;
    
}
#pdfButtons{
    width: 300px;
    margin: 20px auto auto auto;
    text-align: center;
}

#tickUpload{
	display:none;
	width: 20px;
    float: left;
/*     margin-top:5px; */
}

@media screen and (max-width: 468px), screen\9 {
    #pdfButtons {
        width: 90% !important;
    }
    .demo-droppable{
    width: 90%;}
	 .output p {
	 width: 14em;
	}
	#outputBlock {
    width: 100%;
	}
	.output {
    width: 80%;
	}
}
/* END */

/*Info */
.infoSection{
    position: relative;
    -webkit-user-select: none; /* Safari 3.1+ */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Standard syntax */
}
.infoText{
    color: white;
    font-size: .85em;
    position: absolute;
    display: none;
    background-color: rgba(0, 0, 0, 0.60);
    padding: 1%;
    text-shadow: 0px 0px 5px black;
}
.icoInfo{
    width: 22px;
    margin: 0;  
}
.infoIcons{	
    padding: 0px;
    position: absolute;
    left: -30px;
    margin-top: 2px;
    border-radius: 10px 10px 10px 10px;
        -moz-border-radius: 10px 10px 10px 10px;
        -webkit-border-radius: 10px 10px 10px 10px;
}
.infoIcons:hover{
    cursor: pointer;
    border-radius: 10px 10px 10px 10px;
        -moz-border-radius: 10px 10px 10px 10px;
        -webkit-border-radius: 10px 10px 10px 10px;
    
    box-shadow: 0 0 10px 0px black; 
        -webkit-box-shadow:0 0 10px 0px black ;
        -moz-box-shadow: 0 0 10px 0px black;
        -ms-box-shadow: 0 0 10px 0px black;
        -o-box-shadow: 0 0 10px 0px black;
        -webkit-filter: saturate(8); /* Safari 6.0 - 9.0 */
        filter: saturate(8); 
}
/* END */

/*Elementos Error.jsp // errorGuardar // contratoGuardar*/
.rTitulo{
    text-align: center;
    color: #C00000;
    text-shadow: 0 0 0px black;
    margin-top: 100px;
}
#rOkTitulo{
	text-align: center;
    color: #004A00;
    text-shadow: 0 0 0px black;
}
#rDescripcion{
    /*background-color: #DBDBDB;*/ /* quitado AL6410 */
    width: 50%;
    margin: auto;
    padding: 10px;
    /*box-shadow: 0 0 10px -2px;*/ /* quitado AL6410 */
}
#rContenido{
    background: white;
    /*box-shadow: 0 0 2px 0px;*/ /* quitado AL6410 */
    padding: 10px;
    width: 80%;
    text-align: center; 
    margin: auto;
    margin-bottom: 20px;
    font-weight: bold; 
    text-transform:uppercase;
}
#rBotones{
    width: 106px;
    height: 45px;
    margin: auto;
}
.errorIcon{
    background-image: url(../images/icons/errorIco.png);
    padding: 0px 20px 0px;
    margin:  10px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.mantIcon{
    background-image: url(../images/icons/mantIco.png);
    padding: 0px 20px 0px;
    margin:  10px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.recOkIcon{
    background-image: url(../images/icons/rightTickpdf.png);
    padding: 0px 20px 0px;
    margin:  10px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

@media screen and (max-width: 844px), screen\9 {
		#rDescripcion{width: 95%;min-height: 12em; display:flex; flex-direction:column; margin: 0 auto;align-items: center;}
		.rTitulo {font-size: 1.4em;text-align: center; }
		#rBotones{margin-bottom: 10%;}
		
}
@media screen and (max-width: 570px), screen\9{
	#rOkTitulo{display:block}
	.rTitulo{display:flex;}
}

/*Instrucciones (Formularios)*/
#instrucText{
}

#instrucText ul{
    background-color: white;
    padding:10px;
    align-content: center;
    text-align: justify;
    box-shadow: 0px 0px 5px 2px #184b45;
    text-shadow: 0px 0px 10px white;
}

#instrucText .strong{
    color: #c02f1d;
    text-shadow: 0px 0px 0px black;
    list-style: none;
}

#instrucText li {
    color: #107896;
    margin: 0px 0px 8px 20px;
    text-align: justify;
    text-shadow: 0px 0px 0px black;
}
/* END */
/*Operaciones CSS generales*/
.unselectable {
	cursor: help;
  	user-select: none;
  		-webkit-user-select: none;  /* Chrome all / Safari all */
  		-moz-user-select: none;     /* Firefox all */
  		-ms-user-select: none;      /* IE 10+ */
}

.invisible /*Para evitar problemas con la propiedad "hidden" que puede dar conflicto con el WGAC AA*/ 
{display: none;}

.displayNone{ /* creamos uno nuevo porque hay dos class que se llaman igual "invisible" */
	display: none;
}

/* Modales "NoScript"*/
.modalDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
/* 	opacity:0; */
/* 	-webkit-transition: opacity 400ms ease-in; */
/* 	-moz-transition: opacity 400ms ease-in; */
/* 	transition: opacity 400ms ease-in; */
	pointer-events: none;
}
.modalDialog{text-align: center;}
.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}
.modalDialog > div {
	width: 400px;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
  -webkit-transition: opacity 400ms ease-in;
-moz-transition: opacity 400ms ease-in;
transition: opacity 400ms ease-in;
}

/*
.close {
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}
.close:hover { background: #00d9ff; }
*/

/*Estado email*/
.txtEmailChks{
	text-align: center;
    width: 100%;
    float: right;
    color: #C00000;
    font-size: 0.9em;
}

/*Mensajes de Error*/
.txtError{
    text-align: center;
    width: 100%;
    float: right;
    color: #ffffff;
    font-size: 0.9em;
    border-radius: 10px 10px 0 0;
    text-shadow: 0 0 1px black;
    background-color: #C00000;
    width: 88%;
	margin-right: 19px;
}

/*boton borrar individual*/
button.deleteMeIcon {
    background-image: url(../images/icons/failTick.png);
    padding: 10px;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    margin-top: 2px;
    margin-left: -26px;
    /*right: 50.2%;*/
    width: 25px;
    height: 25px;
}

/*UploadPDF Drag & Drop 
**Este sistema de D&D se aprovecha de una funcionalidad automatica de los exploradores modernos 
que permiten de base, arrastrar y soltar sobre los campos "Examinar" */

img#pdfImg {
    z-index: 1;
    margin: 0 auto;
    position: inherit;
}

#contenFile {
    position: relative;
    height: 200px;
  /*  display: flex;*/
    align-items: center;
}

#inputFile {
    z-index: 2;
    position: absolute;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 390px;
    outline: none;
    opacity: 0;
    display: flex;
}

#inputFile:hover{
-webkit-user-select: none; /* Safari 3.1+ */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Standard syntax */
    cursor: pointer;
}

/*BTN Ayuda HOME*/

button.helpBtn {
   text-decoration: none;
   background-color: #3333ff;
   /*padding: 3px 10px;*/
   border-radius: 3px;
   font-size: 0.7em;
   border: 2px solid white;
   box-shadow: 0 0 10px 1px black;
   -webkit-box-shadow: 0 0 10px 1px black;
   text-shadow: 0 0 5px black;
   color: white;
   font-weight: bold;
   height: 46.9px;
   padding: 6px 20px;
}

button.helpBtn:hover {
   box-shadow:none;
   	cursor: pointer; 
    -webkit-box-shadow: inset 0px 0px 118px 0px rgba(0,0,0,1);
    -moz-box-shadow: inset 0px 0px 118px 0px rgba(0,0,0,1);
    box-shadow: inset 0px 0px 118px 0px rgba(0,0,0,1);
   color:white;
   border-color: none; 
   text-shadow: 0 0 1 black;
}

.justificado{
	text-align: justify;
}

.negrita{
	font-weight: bold;
}

#error_pdf{
	color: #FF0000;
	background-color: #f2d3d3;
	padding: 5px;
	border: 1px solid #FF0000;
}

.th_evento{
	text-align: center;
}

.css_upper{
	text-transform: uppercase;
}

.p_sin_borde{
	border: 0; margin: 0; padding: 0;
}