html { height: 100%; width: 100%; margin: 0; }
body{
	font-size: x-large;
	height: 100%;
}

#cabeceraTPV{
   /*background:#eafff8;*/
   width:100%;
}


#contenedorTpv{
	height:100%;
	width:90%;
	margin:0 auto;
}

#pideDatos {
	padding-top:15px;
}

#pie {
	font: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	/*background:#eafff8;*/
	font-style: normal;
	font-size: 0.6em;
	width:80%;
	margin-left: auto;
	margin-right: auto;
	/*
   	position:fixed;
   	bottom:4%;
   	height:8%;
   	width:80%;
   	*/
}

.albottom {
	
    position: absolute;
    bottom: 0px;
    /*height: 60px;*/
	
	clear: both;
	
}

.footer-top{
	font-size:0.9em;
	
	display:flex;
	flex-direction:row;
	align-items: stretch;
	/*justify-content:space-evenly;*/
	justify-content:space-around;
	flex-wrap:wrap;
	padding: 0.5em;
}
			
.footer-bottom{
	font-size:0.8em;
	padding: 0.5em;
}
			
			
.logo-footer{
	/*float:left;*/
	padding:5px;
	margin-right:5px;
	
}
			
.logo-tarjetas{
	justify-content: right;
}
			
.info-footer {
	list-style-type: none;
	margin: 0px;
	float:left;
}
			
.enlacesbottom-footer {
	list-style-type: none;
    
    margin-right: 1em;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
}


#footer ul
{
	/*background-color: #A9BAC3;*/
	/*border: 1px solid #A9BAC3;*/
    /*color: #4284B0;*/
    text-decoration: none;
    margin-block-start: 0em;
    padding-left:0px;
}




.tablaRecibos table { border-collapse: collapse; text-align: left; width: 100%; } 
.tablaRecibos {font: normal 12px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: 1px solid #36752D; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.tablaRecibos table td, .tablaRecibos table th { padding: 3px 10px; }
.tablaRecibos table thead th {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #36752D), color-stop(1, #275420) );background:-moz-linear-gradient( center top, #36752D 5%, #275420 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36752D', endColorstr='#275420');background-color:#36752D; color:#FFFFFF; font-size: 15px; font-weight: bold; border-left: 1px solid #36752D; } 
.tablaRecibos table thead th:first-child { border: none; }
.tablaRecibos table tbody td { color: #275420; font-size: 12px;font-weight: normal; }
.tablaRecibos table tbody .alt td { background: #DFFFDE; color: #275420; }
.tablaRecibos table tbody td:first-child { border-left: none; }
.tablaRecibos table tbody tr:last-child td { border-bottom: none; }
.tablaRecibos table tfoot td div { border-top: 1px solid #36752D;background: #DFFFDE;} 
.tablaRecibos table tfoot td { padding: 0; font-size: 12px; } 
.tablaRecibos table tfoot td div{ padding: 2px; }
.tablaRecibos table tfoot td ul { margin: 0; padding:0; list-style: none; text-align: right; }
.tablaRecibos table tfoot  li { display: inline; }
.tablaRecibos table tfoot li a { text-decoration: none; display: inline-block;  padding: 2px 8px; margin: 1px;color: #FFFFFF;border: 1px solid #36752D;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #36752D), color-stop(1, #275420) );background:-moz-linear-gradient( center top, #36752D 5%, #275420 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36752D', endColorstr='#275420');background-color:#36752D; }
.tablaRecibos table tfoot ul.active, .tablaRecibos table tfoot ul a:hover { text-decoration: none;border-color: #275420; color: #FFFFFF; background: none; background-color:#36752D;}div.dhtmlx_window_active, div.dhx_modal_cover_dv { position: fixed !important; }

form.c60 label.error, label.error {
	display:block;
    color: red;
    font-style: italic;
}

.moneda{
	text-align:right; 
}
.moneda:after {
   content: " €";
}
#cuerpo
{
/*	background: url('images/laterales.png') repeat-y left; */
	/*background-color: rgb(230, 237, 230);*/
	/*background-color: rgb(230, 237, 230);*/
	/*background-color: #DDDDDD;*/
	/*background-color: rgb(255, 255, 255);*/
	/*background-color:#eafff8;*/
	/*margin:0px auto;*/
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	
	padding:10px;
	-webkit-box-shadow: 0 10px 6px -6px #777;
	-moz-box-shadow: 0 10px 6px -6px #777;
	/*box-shadow: 0 10px 6px -6px #777;*/
	box-shadow:  3px 5px 5px 3px #777;
}



.tablaRefC60Nueva{
	width:40%;
	border:1px;
}
.tablaRefC60Nueva {font: normal 8px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: 1px solid #36752D; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.tablaRefC60Nueva td{
	text-align:left;
}


#errorTpv{
	display:block;
    color: red;
	text-align:left;   
}

#errorTpv span{
	font-size:0.9em;
	text-align:left;   
}


.errorValidacionC60{
	font-size:1.2em;
	display:block;
    color: red;
	text-align:center;  
}

.errorJustificante{
	font-size:1.1em;
	display:block;
    color: red;
	text-align:center;  
}


.msgError{
	font-size:1.0em;
	display:block;
    color: red;
	text-align:center;
	margin:auto;  
}


#cargandoAjax {
	/*
		width:15%;
		height:10%;
		margin:0 auto;
		border:1px;
		*/
		border: 15px solid #f3f3f3; /* Light grey */
  		border-top: 15px solid #004040; /* verde cgi */
  		border-radius: 50%;
  		width: 20px;
  		height: 20px;
  		animation: spin 2s linear infinite;
  		margin:0 auto;
	}
	
	#Ttodo {
    margin-left: auto;
    margin-right: auto;
}
#Tcontenido p, h1, h2, h3 {
    margin: 5px 0 10px 5px;
}
	
.smaler{
		font-size:0.7em;
}
	
.semitransparente
{
	/*Semitransparente*/	
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	text-align:left;
}

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

.derecha
{
	text-align: right;
}

.izq
{
	text-align: left;
}



.alig_izda{
	text-align:left;
}
	
	label{
		font-size:0.7em;
		width:10em;
		display: inline;
	}
	
	h3 {
		font-size:1.2em;
		margin-block-start: 0.1em;
    	margin-block-end: 0.1em;
	}
	
	h5 {
		font-size:0.7em;
		margin-block-start: 0.0em;
    	margin-block-end: 0.8em;
	}
	
	/* CSS Tabla Lista de Recibos */
	
	#listaRecibos{
		width:100%;
		/*display: block;*/
		height: auto;
		overflow: auto;
	}
	
	
	
	/* CSS común al pie */
	
	#pie{
		width:90%;
	}
	
	#logoFooter{  /*Tamaño del logo en el pie*/
		height:60px;
	}
	
	#logoTarjetas img{
		height:40px;
	}
	
	#enlacesPie li{
		font-size:1.0em;
	}
	
	.info-footer{  
		font-size:1.0em;
		vertical-align:middle;
	}
	
	#botones{
		margin-top:2px;
		margin:auto;
		text-align: center;
	}
	
	.tablaJustificantes {
		font-size: 0.8em;  
		overflow: hidden; 
		border: 1px solid #36752D; 
		-webkit-border-radius: 3px; 
		-moz-border-radius: 3px; 
		border-radius: 3px; 
	}
	.tablaJustificantes th{
		border: 1px solid #36752D; 
 		-webkit-border-radius: 2px; 
		-moz-border-radius: 2px; 
		border-radius: 2px; 
	}
	
	
	
.botonBizum{
  /*background-image:url("../images/tpv/btnBizum_10.png");*/
  height: 24px;
  padding: 1px 6px;
  display: inline-block;
}

#divTyc{
		height:80%;
		overflow-x: hidden;
        overflow-y: auto;
		font-size:0.7em;
	}
	


	
/*Mediaqueries para responsive*/
/* fin de zona común a todas las resoluciones */


/*********************************************/
/***********   Hasta 280px   *****************/
@media screen and (max-width:280px) {
	.albottom {
    		/*position: absolute;*/
   	 	bottom: 0px;
    		/*height: 60px;*/	
		clear: both;
	}
	
	#logoFooter{
		height:20px;
	}
}





/*********************************************/
/***********   Entre 280 y 480px   *****************/
@media screen and (max-width:480px) {

	body {
		/*font-size:60%;*/
		/* reducimos los textos si mide menos de 480px */
	}
	
	h3 {
		font-size: 0.4em;
		/* reducimos los textos si mide más de 800px */
	}

	h5 {
		font-size:0.3em;
		/* reducimos los textos si mide más de 800px */
	}
	
	label{
		font-size:0.5em;
		width:8em;
		display: inline-block;
	}
	
	.smaler{
		font-size:0.5em;
	}
	
	#c60 td{
		float:left;
	}
	
	#logoCabecera{
		height:75%;
	}
		
	#cabeceraTPV{ 
		width: 100%;
	}
	
	#pideDatos { 
		width: 100%;
	}
	
	#cuerpo { 
		width: 100%;
	}
	
	
	#pie{
		width:90%;
	}
	
	#logoFooter{
		height:70px;
	}
	
	#logoTarjetas img{
		height:20px;
	}
	
	#enlacesPie li{
		font-size:0.8em;
		float:left;
	}
	#listaRecibos{
		font-size:0.7em;
	}
	#errorTpv span{
		font-size:0.8em;
		text-align:left;   
	}
	
	
	
	.info-footer{  /*Fuentes en el pie */
		font-size:0.4em;
		padding-inline-start:10px;
	}
	
	.albottom {
    	position: absolute;
   	 	bottom: 0px;
    	/*height: 60px;*/	
		clear: both;
	}
	
	#logoFooter{
		height:30px;
	}
		
}


/******************************************************/
/***********  Entre 480px y 800px  ********************/

@media screen and (max-width:800px) {
	body {
		font-size:100%;
		/* ampliamos los textos si mide más de 800px */
	}
	
	h3 {
		font-size: 0.9em;
		/* reducimos los textos si mide más de 800px */
	}

	h5 {
		font-size:0.7em;
		/* reducimos los textos si mide más de 800px */
	}
	
	label{
		font-size:0.5em;
		width:8em;
		display: inline-block;
	}
	
	#c60 td{
		float:left;
	}
	
	#logoCabecera{
		height:75%;
	}
		
	#cabeceraTPV{ 
		width: 100%;
	}
	
	#pideDatos { 
		width: 100%;
	}
	
	#cuerpo { 
		width: 100%;
	}
	
	#errorTpv span{
		font-size:0.7em;
		text-align:left;   
	}
	
	.albottom {
    		position: absolute;
   	 	bottom: 0px;
    		/*height: 60px;*/	
		clear: both;
	}
	
	#logoFooter{
		height:40px;
	}
	
}



/******************************************************/
/***********  Entre 800px y 1170px ********************/
@media screen and (max-width:1170px) {
	.albottom {
    	position: absolute;
   	 	bottom: 0px;
    	/*height: 60px;*/	
		clear: both;
	}
	#logoFooter{
		height:50px;
	}
}

	

/******************************************************/
/***********  Entre 800px y 1800px ********************/
@media screen and (max-width:1800px) {
	.albottom {
    	position: absolute;
   	 	bottom: 0px;
    	/*height: 60px;*/	
		clear: both;
	}
	
	#logoFooter{
		height:60px;
	}
}






.comboidiomas{
	 float:right; 
	 margin-top:5px; 
}
.dropdown-menu {
 	font-size:0.5em; 
}