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%;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
	/*height:90%;*/
}

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



#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í */
#contenedorTpv {
	display: flex;
	flex-direction: column;
}
#enviaDatos {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}	

#escudo > table > tbody > tr > td > span{
	visibility: hidden;
}


#pie{
	background-color:#212529;
	color: white;
	/*padding: 20px;*/

	/* width: 100%; */
	
	margin-top: auto;
}

}
#linksAyto a{
	color:white;
}
#logoFooter{
	/*height:40px;*/
}
#enlacesPie > li > a{
	color:white;
}