@CHARSET "ISO-8859-1";

/*
html { 
  background: url(../../img/error/error-bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  font-family: sans-serif
}

*/


input[readonly].form-control { background-color: #E5E2E2; }


#preloaderContainer{
	position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    z-index: 1000;
}

#preloaderDivContainer{
	/*border: 1px solid black;*/
	margin-top: 49%;
	 
}



#idFechaMaximaInsReligiosa{
	border: 1px;
}


#idLoaderFechaMaxInsReligiosa{
	/*border: 1px solid;*/
	/*margin: 0 auto;
	text-align: center;*/
	width: 170px;
	margin-top: 25px;

}

#idBtnBuscarRunC2{
	margin-top: 10px;
	width: 100%;
}

#btnBuscarReservaManif{
	margin-top: 10px;
	width: 100%;
}

#btnBuscarReservaCere{
	margin-top: 10px;
	width: 100%;
}

#idBtnBuscarRunC2{
	margin-top: 10px;
	width: 100%;
}

#btnBuscarReservaManif{
	margin-top: 10px;
	width: 100%;
}

#btnBuscarReservaInsRel{
	margin-top: 10px;
	width: 100%;
}

#btnBuscarReservaAUC{
	margin-top: 10px;
	width: 100%;
}
@font-face {
    font-family: 'gobCL_Bold'; /*a name to be used later*/
    src: url('../../assets/fonts/gobFont/gobCL_Bold.otf'); /*URL to font*/
}

@font-face {
    font-family: 'gobCL_Heavy'; /*a name to be used later*/
    src: url('../../assets/fonts/gobFont/gobCL_Heavy.otf'); /*URL to font*/
}

@font-face {
    font-family: 'gobCL_Light'; /*a name to be used later*/
    src: url('../../assets/fonts/gobFont/gobCL_Light.otf'); /*URL to font*/
}

@font-face {
    font-family: 'gobCL_Regular'; /*a name to be used later*/
    src: url('../../assets/fonts/gobFont/gobCL_Regular.otf'); /*URL to font*/
}

.errorDiv{
	background-color: #E64343;
	border: 1px solid;
	border-radius: 3px;
	/*height: 60px;*/
	text-align: center;
	color: white;

	width: 80%;
	margin: 0 auto;
	margin-top: 50px;
	margin-bottom: 20px;
	border-radius: 10px;
	padding-right: 20px;
}


.classLinkMensajeError{
	margin: 0 auto;
	margin-top: 20px;
	width: 180px;
	border: 1px solid white;
	/*color: white;*/
	background-color:#15A0CB
	font-size: 14px;
	border-radius: 5px;
	padding: 10px;
}
a:link.classHrefLink{
	color: white;
	/*decoration: none;*/
	background-color: transparent;
}

a:active.classHrefLink{
	color: white;
	/*decoration: none;*/
	background-color: transparent;
	
}

a:hover.classHrefLink{
	color: white;
	/*decoration: none;*/
	background-color: transparent;
}

a:visited.classHrefLink{
	color: white;
	/*decoration: none;*/
	background-color: transparent;
}

body{
	font-family: gobCL_Regular;
	/*background-color: white*/
}





/*
.classErrorDiv{
	width: 100%;
	padding: 5px;
	border-radius: 10px;
	border: 1px solid #ED8282;
	text-align: center;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #E1CDCD;
	color: #ED8282;
	
}
*/


#idErrorDivRunC2{
	width: 100%;
	padding: 5px;
	border-radius: 10px;
	/*border: 1px solid #6B0404;*/
	text-align: center;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #E64343;
	color: white;
	padding: 20px;
}

#idErrorDivRunExtC2{
	width: 100%;
	padding: 5px;
	border-radius: 10px;
	border: 1px solid #ED8282;
	text-align: center;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #E1CDCD;
	color: #ED8282;
}
.classLoader{
	width: 50px;
	height: 50px;
	text-align: center;
	margin: 0 auto;
}

.classLoaderSmall{
	width: 25px;
	height: 25px;
	margin: 0 auto;
}

.classLoaderFechaProgramacionSmall{
	width: 25px;
	height: 25px;
	
	margin: 0 auto;
	margin-left: 60px;
	
}

.classLoaderFechaProgContainer{
	/*border: 1px solid;*/
	margin: 0 auto;
	width: 200px;
	margin-top: 10px;
	
	
}

#idLoaderHorarioDispContainer{

	width: 200px;
	/*border: 1px solid;*/
	text-align: center;
	height: 25px;
}

#idLoaderHorarioManifDispContainer{

	width: 200px;
	/*border: 1px solid;*/
	text-align: center;
	height: 25px;
}

#idCheckBoxContainer{
	width: 150px;
	margin: 0 auto;
	margin-bottom: 10px;
}
#idButtonAndCheckContainer{
	width: 300px;
	/*border: 1px solid;*/
	margin: 0 auto;
	text-align: center;
	margin-top: 40px;
}

#mainContainer{
	
	/*border: 1px solid #1978b8;*/
	border-radius: 10px;
	padding: 20px;
	width: 80%;
	margin: 0 auto;
	margin-top: 50px;
	}

.classInitTextContainer{

	color: #1978b8;
	font-size: 18px;
	margin-bottom: 20px;
}

.classInitContainer{
	width: 80%;
	margin: 0 auto;
	margin-top: 20px;
}

#indexContainer{
		width: 500px;
		margin: 0 auto;
		/*border: 1px solid;*/
		margin-top: 100px;
}

.titleContainer{
	margin-top: 20px;
	text-align: center;
}

.classLinkIndex{
	cursor: pointer;
	text-align: center;
	border: 1px solid;
	margin-bottom: 20px;
	margin-top: 20px;
	border-radius: 10px;
}



#idContrayente1Container{
	border: 1px #DFDFDF;
	padding: 10px
}

#idDatosReservaContainer{
	border: 1px #DFDFDF;
	padding: 10px
}
  .classContainer{
		margin: 0 auto;
		width: 670px;
		padding: 10px;
		/*border: 1px solid;*/
		border-radius: 5px;
		margin: 0 auto;
		/*overflow-x:auto;*/
		
	}
	
	.classInline{
		/*display: flex;*/
	}

	.classTable{
		/*width: 80%;
		
		display: table;
		/*border: 1px solid;*/
	}

@media all and (max-width: 768px) {
	
	.classInline{
		display: inline;
	}

	.classContainer{
		width: 250px;;

	}
	
}


hr {
  display: block;
    margin-before: 0.5em;
    margin-after: 0.5em;
    margin-start: auto;
    margin-end: auto;
    overflow: hidden;
    border-style: inset;
    border-width: 1px;
}

#idRadioCLEXTOptionContainer{
	padding: 10px;
	margin-bottom: 40px;
	margin-top: 40px;
}

#idRadioReqInterpreteOptionContainer{
	padding: 10px;
	margin-bottom: 40px;
	margin-top: 40px;
}

#idTableC1{
	width: 50%;
	
}

#error_logoGobFooter{
    position:fixed;
    bottom:0;
    width: 100%;
    text-align: center;
}

#error_btn_volver{
	margin-top: 50px;
	
}

#error_imgFooter{
    width:300px; /* you can use % */
    height: 20px;
    
}

#error_errorTextContainer{
	width: 700px;
	border: 1px solid #DFDFDF;
	/*background: rgba(155, 151, 157, 0.0);*/

	padding: 20px;
	border-radius: 5px;
	margin: 0 auto;
	margin-left: 20px;
	margin-top: 50px;
	/*color: white;*/
	
}

#error_error404TextContainer{
	width: 300px;
	height: 50px;
	/*border: 1px solid;*/
	background: rgba(155, 151, 157, 0.0);
	padding: 10px;
	border-radius: 5px;
	margin: 0 auto;
	margin-top: 10%;
	text-align: center;
}

.textoErrorQuiosco{
	/*color: #FFFFFF;*/
	font-size: 25px;
}



#idIconoErrorContainer{
	padding-top: 10px;
}


li  { list-style: none; } 

.classErrorDiv{
	background-color: #E64343;
	/*border: 1px solid black;*/
	border-radius: 3px;
	height: 65px;
	text-align: center;
	color: white;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	/*padding: 10px;*/
	
}

.classActionError{
	background-color: #E64343;
	border: 1px solid;
	border-radius: 3px;
	height:60px;
	text-align: center;
	color: white;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 20px;
	
}

.classOkDiv{
	background-color: #AFD488;
	border: 1px solid;
	border-radius: 3px;
	height: 65px;
	text-align: center;
	color: white;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 20px;
	
}



#idC2Ext{
	background-color: #EFEBEB;
	padding: 10px;
	border-radius: 5px;
	
}

#idLoaderInputRunC2{
	margin-left: 95px;
}

#btnNavegacionContainer{
	text-align: center;
	/*border: 1px solid;*/
	margin: 0 auto;
	margin-bottom: 40px;
	margin-top: 20px;
}

#btnAceptarActionErrorContainer{
	text-align: center;
	/*border: 1px solid;*/
	margin: 0 auto;
	margin-bottom: 40px;
	margin-top: 20px;
}

#btnAceptarContainer{
	text-align: center;
	/*border: 1px solid;*/
	margin: 0 auto;
	margin-bottom: 40px;
	margin-top: 20px;
}

#idLoaderInputRunExtC2{
	/*width: 100px;*/
	margin-left: 75px;
	margin-right: 83px;
}

#loaderContainer{
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}

#loaderContainerAucP2{
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}

#loaderContainerAucP3{
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}


#selectOficinaProgramacion{
	width: 300px;
}

#selectRegionesProgramacion{
	width: 300px;
}

#idConfirmaTextContainer{
	text-align: center;
	margin-top: 50px;
	margin-bottom: 20px;
}

.classSelect{
	width: 190px;
}

#idConfirmaEmailContainer{
	width: 80%;
	border: 1px solid #DFDFDFDF;
	padding: 10px;
	border-radius: 5px;
	margin: 0 auto;
	margin-top: 20px;
	
	
}


#idContainerErroMsg{
	border: 1px solid;
	width: 100%;
	text-align:center;
	height: 60px;
	top: 20%;
	position: absolute;

	
	
	/*margin: 0 auto;*/
	/*margin-bottom: 50%;*/
	/*margin-left: 100px;*/
}

#idTextoAnularHora{
	margin-bottom: 20px;
}

#idConfirmacionAnulacion{
	border: 1px solid #D4D4D4;
	width: 100%;
	text-align:center;
	height: 350px;
	top: 20%;
	position: absolute;

	
	
	/*margin: 0 auto;*/
	/*margin-bottom: 50%;*/
	/*margin-left: 100px;*/
}

.classLogoHomeImg{
	width: 50px;
	height: 50px;
}

#idLinksMatContainer{

	width: 50%;
	/*border: 1px solid;*/
	
	margin: 0 auto;
	margin-top: 40px;
	margin-bottom: 20px;
	text-align: center;
}

#idTableLinksMat tr td{
	width: 500px;
	/*border: 1px solid;*/
}


.classTituloMatContainer{
	margin-top: 30px;
}

.classTitulo2MatContainer{
	margin-top: 80px;
}

.classNoHayHorasDisponibles{
	border: 1px solid;
	text-align:center;
	color:white;
	background-color: #E64343;
	border: 1px solid #E64343;
	height: 45px;
	padding: 10px;
	border-radius: 5px;
	margin-top: 20px;
	/*margin-left: 20px;*/
	



}

.classComprobanteContainer{
	margin: 0 auto;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

.classBtnBuscarFechasReserva{
	
}

#idManifestacionMatContainer{
	border: 1px solid #D4D4D4;
	padding: 20px;
	border-radius: 10px;
	
}

#idCeremoniaMatContainer{
	border: 1px solid #D4D4D4;
	padding: 20px;
	border-radius: 10px;
}

#idInscripcionRelContainer{
	border: 1px solid #D4D4D4;
	padding: 20px;
	border-radius: 10px;
	
}

#idCeremoniaRelContainer{
	border: 1px solid #D4D4D4;
	padding: 20px;
	border-radius: 10px;
}

#idCeremoniaAUCContainer{
	border: 1px solid #D4D4D4;
	padding: 20px;
	border-radius: 10px;
}

