@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
}

*/





@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*/
}



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: #E1CDCD;
	color: #6B0404;
}

#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;
}

#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 #D4D4D4;
	border-radius: 10px;
	padding: 20px;
	width: 80%;
	margin: 0 auto;
	margin-top: 10px;
	}

.classInitTextContainer{

	color: #1978b8;
	font-size: 18px;
	margin-bottom: 20px;
}

.classInitContainer{
	width: 60%;
	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;
}

.errorDiv{
	background-color: #E64343;
	border: 1px solid;
	border-radius: 3px;
	/*height: 40px;*/
	text-align: center;
	color: white;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 10px;
}

.classErrorDiv{
	background-color: #E64343;
	border: 1px solid;
	border-radius: 3px;
	/*height: 40px;*/
	text-align: center;
	color: white;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 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: 40px;
	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;
}

#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: 300px;
	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: 20px;
	padding: 10px;
	border-radius: 5px;
	margin-top: 20px;
	/*margin-left: 20px;*/
	



}