@media screen and (max-width: 800px) {
	#contenedor{
		width:100%;
	}
}

@media screen and (max-device-width : 480px) {
	#sidebar{
		display:none;
	}

	#menu{
		text-align:center;
	}
}

@media screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape){
	.entry, .entry-content{
		font-size:1.2em;
		line-height:1.5em;
	}
}

table.center {
	margin-left:auto; 
    margin-right:auto;
}

body{
	font-family:Arial,Verdana,Helvetica,Futura,sans-serif;
	font-size:14px;
	padding-top: 20px;
	background-color: #3F3F3F;
}

.menu{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 75px;
	padding-top: 5px;
	background-color: #5A5A5A;
}

.progs{
	top: 85px;
	left: 0px;
	width: 100%;
}

a{text-decoration:none}
A:link { color: black; } /* enlace no visitado*/ 
A:visited { color: black; } /* enlace visitado */ 
A:active { color: red; } /* enlace activo (pulsado) */ 
A:hover {color: blue; } /* ratón en el enlace, sin pulsar. */

.bg1 { background:#99FF99; color:#000; }
.bg2 { background:#3B3B3B; color:#FFF; }
.bg3 { background:#33CCFF; color:#000; }

.incorporado { background:#00CC00; color:black; }
.recuperado { background:yellow; color:black; }
.inactivo { background:red; color:black; }
.fidelidad { background:#FAFAFA; color:black; }
.multaimpaga { background:white; color:red; font-weight: bold; }

.button-app-1{
	background: #5A5A5A;
	margin: -10px;
	padding: 15px;
	text-align: center;
	text-transform: uppercase;
	border-radius: 10px;
	font-weight: bold;
	color: white;            
	width: 210;
}

.button-app-2{
	background: #3DD5C6;
	margin: -10px;
	padding: 15px;
	text-align: center;
	text-transform: uppercase;
	border-radius: 10px;
	font-weight: bold;
	color: black;            
	width: 210;
}

.button-app-3{
	background: #F13B2D;
	margin: -10px;
	padding: 15px;
	text-align: center;
	text-transform: uppercase;
	border-radius: 10px;
	font-weight: bold;
	color: white;            
	width: 210;
}

.button-app-4{
	background: #CFD0D4;
	margin: -10px;
	padding: 15px;
	text-align: center;
	text-transform: uppercase;
	border-radius: 10px;
	font-weight: bold;
	color: black;            
	width: 210;
}

.button-app-5{
	background: #FFFFFF;
	margin: -10px;
	padding: 15px;
	text-align: center;
	text-transform: uppercase;
	border-radius: 10px;
	font-weight: bold;
	color: black;            
	width: 210;
}

.button-app-stock{
	//background-image: linear-gradient(to right, #5A5A5A 0%, #959595  51%, #5A5A5A  100%);
	background: #5A5A5A;
	margin: -20px;
	padding: 15px 35px;
	text-align: center;
	text-transform: uppercase;
	transition: 0.5s;
	background-size: 200% auto;
	color: white;            
	//box-shadow: 0 0 10px #eee;
	border-radius: 10px;
	display: block;
	font-weight: bold;
	width: 210;
}

.button-app-stock:hover{
	background-position: right center; /* change the direction of the change here */
	color: #fff;
	text-decoration: none;
}

.button-app-gastos{
	//background-image: linear-gradient(to right, #3DD5C6 0%, #CDF4F0  51%, #3DD5C6  100%);
	background: #3DD5C6;
	margin: -20px;
	padding: 15px 35px;
	text-align: center;
	text-transform: uppercase;
	transition: 0.5s;
	background-size: 200% auto;
	color: black;            
	//box-shadow: 0 0 10px #eee;
	border-radius: 10px;
	display: block;
	font-weight: bold;
	width: 210;
}

.button-app-gastos:hover{
	background-position: right center; /* change the direction of the change here */
	color: #000;
	text-decoration: none;
}

.button-app-caja{
	//background-image: linear-gradient(to right, #F13B2D 0%, #F9AEA9  51%, #F13B2D  100%);
	background: #F13B2D;
	margin: -20px;
	padding: 15px 35px;
	text-align: center;
	text-transform: uppercase;
	transition: 0.5s;
	background-size: 200% auto;
	color: white;            
	//box-shadow: 0 0 10px #eee;
	border-radius: 10px;
	display: block;
	font-weight: bold;
	width: 210;
}

.button-app-caja:hover{
	background-position: right center; /* change the direction of the change here */
	color: #fff;
	text-decoration: none;
}

.button-app-qr{
	//background-image: linear-gradient(to right, #CFD0D4 0%, #F3F3F4  51%, #CFD0D4  100%);
	background: #CFD0D4;
	margin: -20px;
	padding: 15px 35px;
	text-align: center;
	text-transform: uppercase;
	transition: 0.5s;
	background-size: 200% auto;
	color: black;            
	//box-shadow: 0 0 10px #eee;
	border-radius: 10px;
	display: block;
	font-weight: bold;
	width: 210;
}

.button-app-qr:hover{
	background-position: right center; /* change the direction of the change here */
	color: #000;
	text-decoration: none;
}

.button-app-cerrar{
	//background-image: linear-gradient(to right, #CFD0D4 0%, #F3F3F4  51%, #CFD0D4  100%);
	background: #FFFFFF;
	margin: -20px;
	padding: 15px 35px;
	text-align: center;
	text-transform: uppercase;
	transition: 0.5s;
	background-size: 200% auto;
	color: black;            
	//box-shadow: 0 0 10px #eee;
	border-radius: 10px;
	display: block;
	font-weight: bold;
	width: 210;
}

.button-app-cerrar:hover{
	background-position: right center; /* change the direction of the change here */
	color: #000;
	text-decoration: none;
}

.buttoncito{ 
border: 1px solid #FFFFFF;
font-size: 10px; 
font-family: Arial, Verdana;
font-weight: bold;
padding-left: 5px; 
padding-right: 5px; 
padding-top: 5px; 
padding-bottom: 5px;
border-radius: 4px; 
-moz-border-radius: 4px; 
-webkit-border-radius: 4px; 
-o-border-radius: 4px; 
background: #D8D8D8; // #A4A4A4; //#DCDCDC; //#4972B5; 
//background: linear-gradient(left, #4972B5, #618ACB); 
//background: -moz-linear-gradient(left, #4972B5, #618ACB); 
//background: -webkit-linear-gradient(left, #4972B5, #618ACB); 
//background: -o-linear-gradient(left, #4972B5, #618ACB); 
color: #000000;}
 
.buttoncito:hover{ 
background: #FF0000;//#365D9D; 
//background: linear-gradient(left, #365D9D, #436CAD); 
//background: -moz-linear-gradient(left, #365D9D, #436CAD); 
//background: -webkit-linear-gradient(left, #365D9D, #436CAD); 
//background: -o-linear-gradient(left, #365D9D, #436CAD); 
color: #FFFFFF;
font-weight: bold;
//border-color: #FBFFAD;}

.button{ 
	font-size: 18px; 
	font-family: Arial, Verdana;
	font-weight: bold;
	padding-left: 5px; 
	padding-right: 5px; 
	padding-top: 5px; 
	padding-bottom: 5px;
	border-radius: 4px; 
	margin: 10px;
	width: 270;
	background: #5A5A5A; 
	color: #FFFFFF;
	font-weight: bold;
	border-color: #FBFFAD;
}

.button:hover{ 
	background: red;
	font-weight: bold;
	width: 270;
}

.buttonsf{ 
background: #F8FF6A;
font-size: 18px; 
font-family: Arial, Verdana;
width: 100%;
}

.buttonsf:hover{ 
background: #FF0000;
font-weight: bold;
width: 100%;
}

.buttons{ 
border: 1px solid #FFFFFF;
font-size: 24px; 
font-family: Arial, Verdana;
font-weight: bold;
padding-left: 10px; 
padding-right: 10px; 
padding-top: 5px; 
padding-bottom: 5px; 
border-radius: 4px; 
-moz-border-radius: 4px; 
-webkit-border-radius: 4px; 
-o-border-radius: 4px; 
background: #D8D8D8; // #A4A4A4; //#DCDCDC; //#4972B5; 
//background: linear-gradient(left, #4972B5, #618ACB); 
//background: -moz-linear-gradient(left, #4972B5, #618ACB); 
//background: -webkit-linear-gradient(left, #4972B5, #618ACB); 
//background: -o-linear-gradient(left, #4972B5, #618ACB); 
color: #000000;
width: 147;
}

.button_menu{
border: 1px solid #FFFFFF;
font-size: 24px; 
font-family: Arial, Verdana;
font-weight: bold;
padding-left: 10px; 
padding-right: 10px; 
padding-top: 10px; 
padding-bottom: 10px; 
border-radius: 4px; 
-moz-border-radius: 4px; 
-webkit-border-radius: 4px; 
-o-border-radius: 4px; 
background: #00FF00; // #D8D8D8; // #A4A4A4; //#DCDCDC; //#4972B5; 
//background: linear-gradient(left, #4972B5, #618ACB); 
//background: -moz-linear-gradient(left, #4972B5, #618ACB); 
//background: -webkit-linear-gradient(left, #4972B5, #618ACB); 
//background: -o-linear-gradient(left, #4972B5, #618ACB); 
color: #000000;
width: 300;
}
 
.button_menu:hover{
background: #FF0000;//#365D9D; 
//background: linear-gradient(left, #365D9D, #436CAD); 
//background: -moz-linear-gradient(left, #365D9D, #436CAD); 
//background: -webkit-linear-gradient(left, #365D9D, #436CAD); 
//background: -o-linear-gradient(left, #365D9D, #436CAD); 
color: #FFFFFF;
font-weight: bold;
//border-color: #FBFFAD;}

.buttons{ 
border: 1px solid #FFFFFF;
font-size: 24px; 
font-family: Arial, Verdana;
font-weight: bold;
padding-left: 10px; 
padding-right: 10px; 
padding-top: 5px; 
padding-bottom: 5px; 
border-radius: 4px; 
-moz-border-radius: 4px; 
-webkit-border-radius: 4px; 
-o-border-radius: 4px; 
background: #D8D8D8; // #A4A4A4; //#DCDCDC; //#4972B5; 
//background: linear-gradient(left, #4972B5, #618ACB); 
//background: -moz-linear-gradient(left, #4972B5, #618ACB); 
//background: -webkit-linear-gradient(left, #4972B5, #618ACB); 
//background: -o-linear-gradient(left, #4972B5, #618ACB); 
color: #000000;
width: 147;
}

.buttons:hover{ 
background: #FF0000;//#365D9D; 
//background: linear-gradient(left, #365D9D, #436CAD); 
//background: -moz-linear-gradient(left, #365D9D, #436CAD); 
//background: -webkit-linear-gradient(left, #365D9D, #436CAD); 
//background: -o-linear-gradient(left, #365D9D, #436CAD); 
color: #FFFFFF;
font-weight: bold; 
//border-color: #FBFFAD;}

.buttons_1{ 
border: 1px solid #FFFFFF;
font-size: 14px; 
font-family: Arial, Verdana;
font-weight: bold;
padding-left: 10px; 
padding-right: 10px; 
padding-top: 5px; 
padding-bottom: 5px; 
border-radius: 4px; 
-moz-border-radius: 4px; 
-webkit-border-radius: 4px; 
-o-border-radius: 4px; 
background: #D8D8D8; // #A4A4A4; //#DCDCDC; //#4972B5; 
//background: linear-gradient(left, #4972B5, #618ACB); 
//background: -moz-linear-gradient(left, #4972B5, #618ACB); 
//background: -webkit-linear-gradient(left, #4972B5, #618ACB); 
//background: -o-linear-gradient(left, #4972B5, #618ACB); 
color: #000000;
width: 98;
}

.buttons_1:hover{ 
background: #FF0000;//#365D9D; 
//background: linear-gradient(left, #365D9D, #436CAD); 
//background: -moz-linear-gradient(left, #365D9D, #436CAD); 
//background: -webkit-linear-gradient(left, #365D9D, #436CAD); 
//background: -o-linear-gradient(left, #365D9D, #436CAD); 
color: #FFFFFF;
font-weight: bold; 
//border-color: #FBFFAD;
}

.botonverde{ 
border: 1px solid #FFFFFF;
font-size: 14px; 
font-family: Arial, Verdana;
font-weight: bold;
padding-left: 10px; 
padding-right: 10px; 
padding-top: 5px; 
padding-bottom: 5px; 
border-radius: 4px; 
-moz-border-radius: 4px; 
-webkit-border-radius: 4px; 
-o-border-radius: 4px; 
background: #33FF00; //#D8D8D8; // #A4A4A4; //#DCDCDC; //#4972B5; 
//background: linear-gradient(left, #4972B5, #618ACB); 
//background: -moz-linear-gradient(left, #4972B5, #618ACB); 
//background: -webkit-linear-gradient(left, #4972B5, #618ACB); 
//background: -o-linear-gradient(left, #4972B5, #618ACB); 
color: #FFFFFF;}
 
.botonverde:hover{ 
background: #FF0000;//#365D9D; 
//background: linear-gradient(left, #365D9D, #436CAD); 
//background: -moz-linear-gradient(left, #365D9D, #436CAD); 
//background: -webkit-linear-gradient(left, #365D9D, #436CAD); 
//background: -o-linear-gradient(left, #365D9D, #436CAD); 
color: #FFFFFF;
font-weight: bold; 
//border-color: #FBFFAD;}

.R {color:#000000;background-color:#D8D8D8;}
.L {color:#000000;background-color:#FFCC99;}
.C {color:#000000;background-color:#99FF99;}
.D {color:#000000;background-color:#99CCFF;}
.G {color:#000000;background-color:#FFFF99;}

.campo{ 
border: 1px solid #FFFFFF;
font-size: 10px; 
font-family: Arial, Verdana;
font-weight: bold;
padding-left: 5px; 
padding-right: 5px; 
padding-top: 5px; 
padding-bottom: 5px;
background: #D8D8D8; // #A4A4A4; //#DCDCDC; //#4972B5; 
//background: linear-gradient(left, #4972B5, #618ACB); 
//background: -moz-linear-gradient(left, #4972B5, #618ACB); 
//background: -webkit-linear-gradient(left, #4972B5, #618ACB); 
//background: -o-linear-gradient(left, #4972B5, #618ACB); 
color: #000000;}
 
.campo:hover{ 
background: #FF0000;//#365D9D; 
//background: linear-gradient(left, #365D9D, #436CAD); 
//background: -moz-linear-gradient(left, #365D9D, #436CAD); 
//background: -webkit-linear-gradient(left, #365D9D, #436CAD); 
//background: -o-linear-gradient(left, #365D9D, #436CAD); 
color: #FFFFFF;
font-weight: bold;
//border-color: #FBFFAD;}

.gestion_fondo{
font-family: Arial, Verdana;
font-weight: bold;
text-align:center;
background: #FFFFFF;
color: #000000;
}
 
.gestion_fondo:hover{ 
background: #FFFFFF;
color: #000000;}
}

.gestion_fondo:active{ 
background: #FFFFFF;
color: #000000;
}

.gestion_fondo:focus{ 
background: #FFFFFF;
color: #000000;
}

.gestion_yellow{
font-family: Arial, Verdana;
font-weight: bold;
text-align:center;
background: #FFFF00;
color: #000000;
}
 
.gestion_yellow:hover{ 
background: #FFFF00;
color: #000000;}
}

.gestion_yellow:active{ 
background: #FFFFFF;
color: #000000;
}

.gestion_yellow:focus{ 
background: #FFFFFF;
color: #000000;
}

.gestion_green{
font-family: Arial, Verdana;
font-weight: bold;
text-align:center;
background: #00CC00;
color: #000000;
}
 
.gestion_green:hover{ 
background: #00CC00;
color: #000000;}
}

.gestion_green:active{ 
background: #FFFFFF;
color: #000000;
}

.gestion_green:focus{ 
background: #FFFFFF;
color: #000000;
}

.gestion_red{
font-family: Arial, Verdana;
font-weight: bold;
text-align:center;
background: #FF0000;
color: #000000;
}
 
.gestion_red:hover{ 
background: #FF0000;
color: #000000;}
}

.gestion_red:active{ 
background: #FFFFFF;
color: #000000;
}

.gestion_red:focus{ 
background: #FFFFFF;
color: #000000;
}

.sin_fondo{
font-family: Arial, Verdana;
//font-weight: bold;
text-align:center;
background-color: transparent;
border-width: 0px;
font-size:16px;
color: #000000;
}

.sin_fondo:hover{ 
background: #FF0000;
color: #000000;
font-weight: bold;
border-radius: 4px; 
}

.tickets{
font-family: Arial, Verdana;
font-weight: normal;
text-align:center;
background: #FFCC99;
color: #000000;
vertical-align: middle;
}

.buttoncito_verde{ 
border: 1px solid #FFFFFF;
font-size: 10px; 
font-family: Arial, Verdana;
font-weight: bold;
padding-left: 5px; 
padding-right: 5px; 
padding-top: 5px; 
padding-bottom: 5px;
border-radius: 4px; 
-moz-border-radius: 4px; 
-webkit-border-radius: 4px; 
-o-border-radius: 4px; 
background: green;
color: #FFFFFF;
}

.buttoncito_amarillo{ 
border: 1px solid #FFFFFF;
font-size: 10px; 
font-family: Arial, Verdana;
font-weight: bold;
padding-left: 5px; 
padding-right: 5px; 
padding-top: 5px; 
padding-bottom: 5px;
border-radius: 4px; 
-moz-border-radius: 4px; 
-webkit-border-radius: 4px; 
-o-border-radius: 4px; 
background: yellow; 
color: #FFFFFF;
}

.buttoncito_rojo{ 
border: 1px solid #FFFFFF;
font-size: 10px; 
font-family: Arial, Verdana;
font-weight: bold;
padding-left: 5px; 
padding-right: 5px; 
padding-top: 5px; 
padding-bottom: 5px;
border-radius: 4px; 
-moz-border-radius: 4px; 
-webkit-border-radius: 4px; 
-o-border-radius: 4px; 
background: red;
color: #FFFFFF;
}

.button_verde{ 
border: 1px solid #FFFFFF;
font-size: 14px; 
font-family: Arial, Verdana;
font-weight: bold;
padding-left: 10px; 
padding-right: 10px; 
padding-top: 10px; 
padding-bottom: 10px; 
border-radius: 4px; 
-moz-border-radius: 4px; 
-webkit-border-radius: 4px; 
-o-border-radius: 4px; 
background: green;
color: #FFFFFF;
}
 
.button_verde:hover{ 
background: #FFFFFF;
color: #000000;
font-weight: bold;
}

.button_amarillo{ 
border: 1px solid #FFFFFF;
font-size: 14px; 
font-family: Arial, Verdana;
font-weight: bold;
padding-left: 10px; 
padding-right: 10px; 
padding-top: 10px; 
padding-bottom: 10px; 
border-radius: 4px; 
-moz-border-radius: 4px; 
-webkit-border-radius: 4px; 
-o-border-radius: 4px; 
background: yellow;
color: #000000;
}
 
.button_amarillo:hover{ 
background: #FFFFFF;
color: #000000;
font-weight: bold;
}

.button_rojo{ 
border: 1px solid #FFFFFF;
font-size: 14px; 
font-family: Arial, Verdana;
font-weight: bold;
padding-left: 10px; 
padding-right: 10px; 
padding-top: 10px; 
padding-bottom: 10px; 
border-radius: 4px; 
-moz-border-radius: 4px; 
-webkit-border-radius: 4px; 
-o-border-radius: 4px; 
background: red;
color: #FFFFFF;
}
 
.button_rojo:hover{ 
background: #FFFFFF;
color: #000000;
font-weight: bold;
}

.input_texto{
   border: 0;
   font-family: Arial;
   font-size: 16pt;
}

.input_texto_error{
   border: 0;
   font-family: Arial;
   font-size: 16pt;
   border: solid 2px #ff3333;
}

.columna_texto{
   border: 0;
   font-family: Arial;
   font-size: 16pt;
}

.columna_texto_error{
   border: 0;
   font-family: Arial;
   font-size: 16pt;
   border: solid 2px #ff3333;
}

.slider-container {
	overflow-x: auto;
	white-space: nowrap;
}

.slider-item {
	display: inline-block;
	margin-right: 20px;
	padding: 10px;
	border: 2px solid #ccc;
	cursor: pointer;
	font-size:16px;
	color: #FFFFFF;
	font-weight: bold;
}