html{
	/*height:100%;*/
}
body {
    /*background: url("images/bg.gif") repeat-x scroll 0 0 #A9BAC3;*/
    color: #333333;
    font-family: Verdana,Tahoma,Helvetica,sans-serif;
    font-size: x-large;
    margin: 0 auto;
    padding: 0;
	width:100%;
	/*height:90%;*/
}

#tablaDetalle{
		width:98%;
		font-size:large;
}

#btnPagar, #btnJustificar{
  background: rgb(220,144,41);
  border-radius: 999px;
  box-shadow: rgb(220,144,41) 0 10px 20px -10px;
  box-sizing: border-box;
  color: #FFFFFF;
  cursor: pointer;
  font-family: Inter,Helvetica,"Apple Color Emoji","Segoe UI Emoji",NotoColorEmoji,"Noto Color Emoji","Segoe UI Symbol","Android Emoji",EmojiSymbols,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  opacity: 1;
  outline: 0 solid transparent;
  padding: 8px 28px;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  width: fit-content;
  word-break: break-word;
  border: 0;
}  




#header {
    /*background: url("/images/headerbg.gif") repeat-x scroll 0 100% #000000;*/
    /*height: 85px;*/
	height: 10%;
    position: relative;
}
#header h1#logo {
    /*font: bolder 4.1em 'Trebuchet MS',Arial,Sans-serif;*/
    height: 60px;
    left: 85px;
    letter-spacing: -1px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    /*width: 800px;*/
}

#wrap {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 100%;
    margin: 0 auto;
    text-align: left;
    width: 100%;
}

#content-wrap {
    background: none repeat scroll 0 0 #FFFFFF;
    clear: both;
    margin: 0;
    padding: 0;
}

.green {
    color: #9EC630;
}

.blue {
    color: #6297BC;
}
.gray {
    color: #BFBFBF;
}
ul#mainlevel-nav 
{
	background-color: rgb(255, 255, 255);
	color: #6297BC;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 12px;
}

#mainlevel-nav li {
	background-image : none;
	color: #6297BC;
	display : inline;
	float: center;
	list-style: none;
	width: auto;
}

#mainlevel-nav li a 
{
	color: #6297BC;
	display: inline;
	font-weight: normal;
	line-height: 38px !important;
	padding: 11px 6px;
	text-decoration: none;
	width: auto;
	color: #6297BC;
    font-size: 12px;
}

#mainlevel-nav li a:hover 
{
	border-bottom: 5px solid #6FB9DE;
	color: #9EC630;
	font-weight: normal;
	padding: 11px 6px 5px;
	text-decoration: none;
	width: auto;
}

ul#mainlevel-nav li #active_menu-nav 
{
	background: #6FB9DE;
	color: #000000;
	cursor: default;
	padding: 11px 6px;
	text-decoration: none;
	width: auto;
}


ul#mainlevel-nav li #active_menu-nav:hover 
{
	background: #283339;
	color: #9EC630;
	cursor: pointer;
	padding: 11px 6px;
	position: relative;
	text-decoration: none;
	width: auto;
	
    font-size: 1.5em;
}

.bolder
{
	font-weight: bolder;
}

.error
{
	color: red;
	font-size: 15px;
	font-weight: bolder;
}


.cuadroinfo
{
	background-color: #dddddd;
	border: 1px solid #aaaaaa;
	padding: 1%;
	text-align: left;
	font-size: 1.5em;
	/*width:80%;*/
}

.chat-bubble {
	position:absolute;
	left:10px;
	top:10px;
	background-color:#EDEDED;
	visibility:hidden;
	border:2px solid #666666;
	font-size:35px;
	line-height:1.3em;
	margin:10px auto;
	padding:10px;
	text-align:center;
	width:310px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-moz-box-shadow:0 0 5px #888888;
	-webkit-box-shadow:0 0 5px #888888;
	font-size:12px;
}

.chat-bubble-arrow-border {
	border-color: #666666 transparent transparent transparent;
	border-style: solid;
	border-width: 10px;
	height:0;
	width:0;
	position:absolute;
	bottom:-22px;
	left:30px;
}

.chat-bubble-arrow {
	border-color: #EDEDED transparent transparent transparent;
	border-style: solid;
	border-width: 10px;
	height:0;
	width:0;
	position:absolute;
	bottom:-19px;
	left:30px;
}

/* IE6 */
.chat-bubble-arrow {
	_border-left-color: pink;
	_border-bottom-color: pink;
	_border-right-color: pink;
	_filter: chroma(color=pink);
}

.ayuda {
	background-color:#EDEDED;
	border:1px solid #666666;
	border-style: solid;
	border-width: 2px;
	position: absolute;
	top: 20%;
	height: 60%;    
	left: 20%;
	width: 75%;   
	padding-left: 20px;
	display:none;
}




.ValidacionOK
{
	text-align: center;
	font-weight:bold;
	font-size:20px;
	color:#10D72D;
}

.ValidacionERR
{
	text-align: center;
	font-weight:bold;
	font-size:20px;
	color:#FF0000;
}



.centrado
{
	text-align: center;
	
  margin-left: auto;
  margin-right: auto;
}

.derecha
{
	text-align: right;
}

.izq
{
	text-align: left;
}

.titulo
{
	color: black;
	font-weight: bolder;
	font-size:14px;
}

.seccion
{
	background-color: #E3ECF0;
	background-color: #D9ECFA;
	/*border-left: 4px solid #9FAFB4;
	border-bottom: 1px solid #9FAFB4;*/
	color: #9FAFB4;
	color: #6297BC;
	font-size: 13px;
	font-weight: bolder;
	padding: 5px;
	text-transform: uppercase;
}



	
/* CCS personalizado para el proyecto a partir de aquí */
#escudo > table > tbody > tr > td > span{

}
#pie{
	font-size: 0.9rem;
	background-color: #383838;
	color: white;
	margin-bottom: -20px;
	

}
	
#linksAyto a{
	color:#ffffff;
}

#linksAyto a:hover{
	color: #ffffff;
	text-shadow: none;
	text-decoration: underline;
}
#footer > div.footer-top > ul > li:nth-child(1) > strong{
	font-size:large;

}
#logoFooter{
	height:70px;
}

@media only screen and (max-width: 600px) {
  #pie{
  visibility: hidden;

 }
}