input[type="radio"]{
    
    width:19px;
    height:19px;
    
}

body{
	color: #424242;
}
.iniciopag{
	height: 30px;
	width: 100%;
}
.margeno{
	padding-right: 0;
	padding-left: 0;
}
.margelo{
	padding-right: 0;
}
.margelr{
	padding-left: 0;
}
.alingleft{ 
  text-align: left; 
}
.salto{
	height: 10px;
	width: 100%;
	clear: both;
}
.saltito{
	height: 5px;
	width: 100%;
	clear: both;
}
.sinmargen{
	
	margin-bottom: 0;
	margin-top: 0;
	
}
#liveclock
{
	color: red;
	border: 1px red solid;
	border-radius: 5px;
	padding: 10px;
	

}
.reloj{
	width: 100px;
	height: 75px;
}
.menudb{
	width: 100%;
	margin-bottom: 5px;
}
.margenright{
	margin-right: 10px;
	margin-bottom: 0;
}
.col-marg-right{

}
.alinder{
	margin-left: 60%;
	;
}
.lavista{
	
	background-color: #D8D8D8;
	border-radius: 5px;
	padding-bottom: 2px;
	min-height: 22px;
	padding-left: 6px;
}
.imgope
{
	height: 130px;
	
}

.imgccz
{
	height: 120px;
	margin-bottom: 5px;
	margin-left: 28%;
	border-radius: 25px;
	
}
.centeraling{
	text-align:center;
}
.videoinicio{
	width:636px; 
}

.flotante {
    display:scroll;
        position:fixed;
        top:60px;
        left:-20px;
        border-radius: 0;
        transform: rotate(270deg);
      
}
.flotante:hover{
	background-color: #FA5858;
	border-color: #FA5858;
}
.floatrigh{
	float: right;
}
#pqrs{

	font-size: 14px;
}
#modal99 .modal-dialog  {width:60%;}
#modal-dis .modal-dialog  {width:60%;}
.modal_50 .modal-dialog  {width:60%;}
#modal-empedit .modal-dialog  {width:60%;}
#modal-novb .modal-dialog  {width:60%;}
#modal-novbl .modal-dialog  {width:60%;}
#modal-novbe .modal-dialog  {width:60%;}
#modal-vernb .modal-dialog  {width:60%;}
#gestion_novedad .modal-dialog  {width:60%;}
#modal-ver .modal-dialog  {width:30%;}
.modal_80 .modal-dialog  {width:80%;}
.salti{
	width: 100%; 
	clear: both;
}
.control-label{
	padding-left: 5px;
}
.asignado{
	background-color: #BCF5A9;
	border: solid 1px white;
}
.asign{
	background-color: #FE9A2E;
	border: solid 1px white;
}
.noasignado{
	background-color: #F78181;
	border: solid 1px white;
}
.pasignado{
	background-color: #F3F781;
	border: solid 1px white;
}
.centerc{
	text-align: center;
	text-decoration: underline;
}
#pqrs{
	font-size: 12px;
}
.txt12{
	font-size: 12px;
	

}
.salidaok{
	background-color: #F7FE2E;
	border: solid 1px white;
}
#contable{
	 max-width: 1200px 
}
.asignadop{
	background-color: #F4FA58;
	border: solid 1px white;
}

.novope{
	background-color: #FE2E2E;
	border: solid 1px white;
}
.novbus{
	background-color: #FE2E2E;
	border: solid 1px white;
}
.noconf{
	background-color: #04B404;
	border: solid 1px white;
}
.novbusvp{
	background-color: #F78181;
	border: solid 1px white;
}
.novopevp{
	background-color: #F78181;
	border: solid 1px white;
}
.separador{
	border: solid 1px black; 
}

.txt16{
	font-size: 16px;
}

.inform{
	background-color: #F7FE2E;
	border: solid 1px white;
}
.txt10{
	font-size: 10px;
}
.rojo{
	color: red;
}

.bus{
	text-align: right;
	color: red;
	width: 90px;
	height: 40px;
	border-top:2px yellow solid;
	border-bottom:2px yellow solid; 
	margin: 1px;
	font-size: 11px;
}

.bus:hover{

	background-color: #6E6E6E;
	width: 90px;
	height: 40px;
	
	margin: 1px;
}
.bush{
	font-size: 11px;
	color: red;
	width: 40px;
	height: 90px;
	border-left:2px yellow solid;
	border-right: 2px yellow solid;   
	margin: 1px;
	float: left;
}
.esph{

	
	width: 40px;
	height: 90px;
	
	margin: 2px;
	float: left;
}
.bush:hover{

	background-color: #6E6E6E;
	width: 40px;
	height: 90px;
	
	margin: 1px;
	float: left;
}


.zona{
	
	float: left;
}	

.taller{
	float: left;	
	color: red;
	width: 216px;
	height:90px;
	border: 2px red solid;
	margin: 2px;
}

.pasillo{

	height: 50px;
	
	background-color:#585858; 


}

.patio{

	float: left;
	width: 850;	
	

}

.patio1{

	float: left;
	width: 150;	
	

}
.contodo{
	width: 1400px;
	height:850px;
	background-color: #BDBDBD;	
}
.contpatios{

	width: 1200px;
	height:750px;
	margin-top: 20px;
	margin-left: 200px;
	background-color: #BDBDBD;	
	

}

.ocupado{
	background-color: #F5A9A9;
}
.pru{
	font-size: 10px;
}
.buso{


}
.buseta{
    background-color: blue;
	width: 32px;
	color: white;
	height: 67px;
	border: 2px blue solid;
    margin: 2px;
 }
.buseta div{
	
	width:67px;
	height:25px;
	font-size:12px;
	font-weight: bold;
	margin-top: 16px;
	margin-left: -24px;
	-webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg);
}
 .busetah{
    background-color: blue;
	width: 67px;
	color: white;
	height: 32px;
	border: 2px blue solid;
    margin-left: 2px;
    margin-top: -24px;
	
 }
.busetah div{
	
	width:67px;
	height:25px;
	font-size:12px;
	font-weight: bold;
	margin-left:-16px;
	margin-top: -2px;
	
	
	
}
.motos{
	margin-left: 400px;
	height: 70px;
	width: 600px;
	border: 2px yellow solid;
	text-align: center;
	color: yellow; 
}
.zona1{
	
	float: left;
	margin-left: 300px;
}

.pasillo1{

	height: 50px;
	border-top: solid 2px white;
	background-color:#585858; 

}
.pasillo2{

	height: 100px;
	float: left;
	


}
.oc
{
	font-size: 9px;
	font-family: arial;

	 	
}
.pedido{
	background-color:#F7BE81;
	border: solid 1px white;
}
#impreval{
	border: solid 2px solid;
}
.plata{
	height: 80px;
}
.nplata{
	font-size: 50px;
	font-family: arial;
	color: #BDBDBD;
}
.controlgn{
	font-size:18px;
}
.centro{
	text-align: center;
}
.main-chart {
	background: #fff;
}

.easypiechart-panel {
	text-align: center;
	padding: 1px 0;
	margin-bottom: 20px;
	background-color: #F2F2F2;
}
.easypiechart-panel h4{
	font-size: 20px;
}

.placeholder h2 {
	margin-bottom: 0px;
}

.donut {
	width: 100%;
}

.easypiechart {
	position: relative;
	text-align: center;
	width: 120px;
	height: 120px;
	margin: 20px auto 10px auto;
}

.easypiechart .percent {
	display: block;
	position: absolute;
	font-size: 22px;
	top: 38px;
	width: 120px;
}

#easypiechart-blue .percent { color: #30a5ff;}
#easypiechart-teal .percent { color: #1ebfae;}
#easypiechart-orange .percent { color: #ffb53e;}
#easypiechart-red .percent { color: #ef4040;}


.marginm{
	margin: 5px;
	padding: 5px;
}
.panel{
	margin-bottom: 5px;
}
.panel-footer {
	background: #fff;
	border-top: 1px solid #eee;
}

.panel-widget {
	padding: 0;
	position: relative;
}

.panel-widget .panel-footer {
	border: 0;
	text-align: center;
}

.panel-footer .input-group {
	padding: 0px;
	margin: 0 -5px;
}

.panel-footer .input-group-btn:last-child>.btn, 
.panel-footer .input-group-btn:last-child>.btn-group {
	margin: 0;
}

.panel-widget .panel-footer a {
	color: #999;
}

.panel-widget .panel-footer a:hover {
	color: #666;
	text-decoration: none;
}

.panel-blue { background: #30a5ff; color: #fff; }
.panel-teal { background: #1ebfae; color: #fff; }
.panel-orange { background: #ffb53e; color: #fff; }
.panel-red { background: #f9243f; color: #fff; }

.panel-blue .panel-body p,
.panel-teal .panel-body p,
.panel-orange .panel-body p,
.panel-red .panel-body p { 
	color: #fff; 
	color: rgba(255, 255, 255, .8);
}

.panel-blue .panel-heading,
.panel-teal .panel-heading,
.panel-orange .panel-heading,
.panel-red .panel-heading {
	border-bottom: 1px solid rgba(255, 255, 255, .2);
}

.panel-blue .text-muted,
.panel-teal .text-muted,
.panel-orange .text-muted,
.panel-red .text-muted { 
	color: rgba(255, 255, 255, .5); 
}
.panelesp{
	background-color: #D8D8D8;
	border-radius: 5px;
	
}
.dark-overlay {
	background: rgba(0, 0, 0, .05);
	text-align: center;
}

.widget-left {
	height: 80px;
	padding-top: 15px;
	text-align: center;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.widget-right {
	text-align: left;
	line-height: 1.6em;
	margin: 0px;
	padding: 20px;
	height: 80px;
	color: #999;
	font-weight: 300;
	background: #fff;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

@media (max-width: 768px) {
	.widget-right {
	width: 100%;
	margin: 0;
	text-align: center;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	}
}

@media (max-width: 768px) {
	.widget-left {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	}
}

.widget-right .text-muted {
	color: #9fadbb;
}
.widget-right .large {
	color: #5f6468;
}

.panel-blue .widget-left { background: #30a5ff; color: #fff; }
.panel-teal .widget-left { background: #1ebfae; color: #fff; }
.panel-orange .widget-left { background: #ffb53e; color: #fff; }
.panel-red .widget-left { background: #f9243f; color: #fff; }

.panel-widget {
	background: #fff;
}
.large {
	font-size: 2em;
}

.text-muted {
	color: #9fadbb;
}
.bodyinfor{
	padding: 20px;
}
.infolt{
	font-size: 42px;
	font-family: arial;
}
.portagra{
	background-color: #F2F2F2;
	padding: 15px;
	border: 10px solid #fff;
}
.numgest
{
	background: #F78181;
	width: 50px;
	height: 50px;
	border-radius: 5px;
	font-size: 32px;
	margin-top: 10px;
	text-align: center;
	color: black;
	float: left;
	margin-left: 10px;
}

.numgestres
{
	background: #F5DA81;
	width: 50px;
	height: 50px;
	border-radius: 5px;
	font-size: 32px;
	margin-top: 10px;
	text-align: center;
	color: black;
	float: left;
	margin-left: 10px;
}
.numgestv
{
	background:#9FF781;
	width: 50px;
	height: 50px;
	border-radius: 5px;
	font-size: 32px;
	margin-top: 10px;
	text-align: center;
	color: black;
	float: left;
	margin-left: 10px;
}
#testl{

	background-color: #666;
}

.panelesp form{

	padding-top: 15px;

}
.parrafoinfo
{
	text-align: justify;
	font-size: 20px;
}
.btn-default
{
 background-color: #A4A4A4;
 border: #A4A4A4;
}
.btn-default:hover
{
 background-color: #848484;
 border: #848484;
}
.btn-default:active 
{
 background-color: #848484;
 border: #848484;
}
.portaimg{
	background-color: #D8D8D8;
	padding-top: 10px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-radius: 10px;
}
.bordeder{
	border-right: 1px solid red;
}
.piepag{
	
	margin-top: 20px;
	height: 50px;

}

.formatfac{
 background-color: #D8D8D8;
 border: 1px #333 solid;
 text-align: center;
 font-weight: bold;
}




.cartelera
{
	position:absolute; 
	z-index:1;
	width:100%; height:100%;
	
}

.imgcart{

	width: 100%;
	height: 100%;
}

.unegocio{
	position: absolute;
	top: 45%;
	left: 5%;
	font-family: arial;
	font-size: 35px;
	font-weight: bold;
	
	text-align: center;
	color: #262262;
	width: 12.5%;
	height: 10%;
	z-index: 3;
}

.nocol{
	position: absolute;
	top: 80%;
	left: 8%;
	
	width: 6%;
	height: 10%;
	z-index: 4;
}
.derra{
	position: absolute;
	top: 27%;
	left: 55%;
	font-family: arial;
	font-size: 50px;
	font-weight: bold;
	text-align: center;
	color: #262262;
	width: 4.5%;
	height: 8%;
	z-index: 4;
}
.varadas{
	position: absolute;
	top: 40%;
	left: 54.3%;
	font-family: arial;
	font-size: 50px;
	font-weight: bold;
	text-align: center;
	color: #262262;
	width: 6%;
	height: 8%;
	z-index: 4;
}
.etaller{
	position: absolute;
	top: 56%;
	left: 48.3%;
	font-family: arial;
	font-size: 40px;
	font-weight: bold;
	text-align: center;
	color: #262262;
	width: 3.5%;
	height: 6%;
	z-index: 4;
}
.staller{
	position: absolute;
	top: 66%;
	left: 48.3%;
	font-family: arial;
	font-size: 40px;
	font-weight: bold;
	text-align: center;
	color: #262262;
	width: 3.5%;
	height: 6%;
	z-index: 4;
}
.ataller{
	position: absolute;
	top: 63%;
	left: 54%;
	font-family: arial;
	font-size: 60px;
	font-weight: bold;
	text-align: center;
	color: #262262;
	width: 4.5%;
	height: 8%;
	z-index: 4;
}

.act{
	position: absolute;
	top: 79%;
	left: 55%;
	font-family: arial;
	font-size: 50px;
	font-weight: bold;
	text-align: center;
	color: #262262;
	width: 4.5%;
	height: 8%;
	z-index: 4;
}
.dsact{
	position: absolute;
	top: 67%;
	right: 6%;
	font-family: arial;
	font-size: 65px;
	font-weight: bold;
	text-align: center;
	color: #262262;
	width: 8%;
	height: 12%;
	z-index: 3;
}
.ivaradas{
	position: absolute;
	top: 35%;
	right: 9%;
	font-family: arial;
	font-size: 50px;
	font-weight: bold;
	text-align: center;
	color: #262262;
	width: 5%;
	height: 8%;
	z-index: 4;
}
.cmes{
	position: absolute;
	top: 18%;
	right: 5%;
	font-family: arial;
	font-size: 35px;
	font-weight: bold;
	text-align: center;
	color: #262262;
	width: 10%;
	height:5%;
	z-index: 4;
}


.chora{
	position: absolute;
	top: 5%;
	right: 30%;
	width: 20%;
	height:10%;
	z-index: 4;
}

.luz.on{
  color: red;/*color del texto al cambiar*/
  text-shadow:0px  0px 20px red;/*color de la luz del texto*/
}
.luz{
 
  color:  #262262;
  
}

.luz.onok{
  color: green;/*color del texto al cambiar*/
  text-shadow:0px  0px 20px green;/*color de la luz del texto*/
}


.videito
{
	height: 100%;
	width: 100%;
	background-color: red;
}
#estadoactope{
	font-size: 20px;
	font-weight: bold;
	color: red;
	
}

.sinto{
	width:100%;
	height: 5px;
	background-color: green;
	color: green;
}