@font-face {
  font-family: "VAG-Rounded";
  src: url("../ext/fonts/VAG-Rounded-Std-Light_47298.ttf");
}

.Esp1_Web{
  width: 100%;
  height: 240px;
}
.Esp1_Movil{
  width: 100%;
  height: 90px;
}
.Esp2_Movil{
  width: 100%;
  height: 150px;
}
.Esp2_Web{
  width: 100%;
  height: 40px;
}
.Efec_Icionos{
  width: 70% !important;
}
.Efec_Icionos:hover{
  width: 72% !important;
}
.TamImg{
  height: 190px !important;
}

.float{

	position:fixed;

	width:60px;

	height:60px;

	bottom:70px;

	right:40px;

	background-color:#25d366;

	color:#FFF;

	border-radius:50px;

	text-align:center;

  font-size:30px;

	box-shadow: 2px 2px 3px #999;

  z-index:100;

}



.float:hover {

	text-decoration: none;

	color: #25d366;

  background-color:#fff;

}



.my-float{

	margin-top:16px;

}



body{

  background-color: #FFF;

  font-family: "VAG-Rounded";

}



.principal{

	background-image: url("../imagenes/iconos/FondoWebApli.png");

	width: 100%;

	height: 100%;

	background-repeat:no-repeat;

  background-attachment: fixed;

}



.principal2{

  position: absolute;

	z-index: 2;

	top: 4%;

	left: 64%;

	width: 32%;

}



.fondo{

  background-image: url("../images/inicio.JPG");

  width: 100%;

	height: 100%;

	background-repeat:no-repeat;

  background-attachment: fixed;

}



.fondo2{

  position: absolute;

  z-index: 2;

  top: 40%;

  left: 70%;

  width: 20%;

}



.Cuadro{

	border: 0.5px solid black; 

	padding: 15px; 

	height: 120px;

}



.imgPorteria2{

	width: 100%;

}



.ajustar{

	width: 50%;

}



/* Movil */

@media screen and (min-device-width: 320px) and (max-device-width: 767px){

  .principal{

    background-image: url("../imagenes/iconos/FondoMovilApli.png");

    background-position: center center;

    background-size: 96%;

  }
  .TamImg{
    height: 150px !important;
  }

	.principal2{

		left: 7%;

		top: 3%;

		width: 80%;

  }

  
  
	

	.fondo{

    background-image: url("../images/Movil Formulario.jpg");

    background-position: center center;

    background-size: 100%;

  }

  .fondo2{

    width: 90%;

    left: 6%;

    top: 40%;

  }

	.sesion{

    margin-left: 0% !important;

  }

	.imgPorteria{

		width: 80%;

	}

	.Cuadro{

		height: 10%;

	}

}



@media screen and (min-device-width: 768px) and (max-device-width: 1024px){

  .principal{

    background-image: url("../imagenes/iconos/FondoMovilApli.png");

    background-size: 100%;

  }

	.principal2{

    top: 75%;

    left: 54%;

    width: 30%;

	}

	

	.fondo2{

    width: 35%;

    left: 60%;

  }

  .sesion{

    margin-left: 0% !important;

  }

	.Cuadro{

		height: 135px;

	}

}



@media screen and (min-width: 1025px) and (max-width: 3840px) {

  .principal{

    background-position: center center;

    background-size: 100%;

  }

	.ajustar{

    width: 35%;

    margin-left: 15%;

  }

	

	.fondo{

    background-position: center center;

    background-size: 100%;

  }

	.fuente{

	  font-size: 30px;

	}

}



.SRojo{

  width: 15px;

  height: 15px;

  background-color: red;

  border: 1px solid #870406;

  border-radius: 10px;

}

.SAmarillo{

  width: 14px;

  height: 15px;

  background-color: yellow;

  border: 1px solid #DDA603;

  border-radius: 10px;

}

.SVerde{

  width: 15px;

  height: 15px;

  background-color: green;

  border: 1px solid #1A7317;

  border-radius: 10px;

}

.SAzul{

  width: 15px;

  height: 15px;

  background-color: #00C3FF;

  border: 1px solid #005AAF;

  border-radius: 10px;

}



.div1{

  height: 100%;

  position: absolute;

  background-color: white;

  opacity: 0.5;

  width: 32%;

}



.div2{

  left: 50%;

  top: 10%;

  position: absolute;

}



.input-group-addon{

  border: none;

  background-color: #8F9092;

  color: #FCFCFC;

  font-size: 15px;

}



.inicio {

  color: #FCFCFC;

  background-color: #8F9092;

  border: none;

  border-radius: 50px;

  height: 66px;

  font-size: 30px;

}



.sesion{

  background-color: #FCFCFC;

  color: #79797b;

  border-radius: 30px;

  width: 231px;

  height: 48px;

  font-size: 30px;

  text-align: center;

}



input[type=text]::-webkit-input-placeholder { color: #FCFCFC; } 

 

input[type=text]::-moz-placeholder { /* Firefox 18- */ color: #FCFCFC; } 

 

input[type=text]::-moz-placeholder { /* Firefox 19+ */ color: #FCFCFC; } 

 

input[type=text]::-ms-input-placeholder { color: #FCFCFC; }



input[type=password]::-webkit-input-placeholder { color: #FCFCFC; } 

 

input[type=password]::-moz-placeholder { /* Firefox 18- */ color: #FCFCFC; } 

 

input[type=password]::-moz-placeholder { /* Firefox 19+ */ color: #FCFCFC; } 

 

input[type=password]::-ms-input-placeholder { color: #FCFCFC; }



.navbar-inverse{

  background-color: #606062 !important;

  color: #FFFFFF !important;

}



.titulo{

  font-size: 26px;

  top: 22px;

  margin-top: 0%;

  left: 45%;

  position: absolute;

}



.btn-principal{

  width: 120px;

  height: 50px;

  font-size: 18px;

}



.imagenppal{

	text-align:center;

}

.TituloFm{

  font-size: 30px;

}

.ordenamiento{

	cursor:pointer;

}

.ordenamiento th{

	background-image: url(../../imagenes/ordenamiento.png);

	background-position: right;

	background-repeat: no-repeat;

	padding-right:15px;

}

.vertical{

  vertical-align: middle !important;

}

th.headerSortUp{ 

    background-image: url(../../imagenes/ordenamientoabajo.png); 

} 

th.headerSortDown{ 

    background-image: url(../../imagenes/ordenamientoarriba.png); 

}

th{

	white-space: nowrap;

}

.logoorden #parametros {

	display:inline-block;

}

.dropdown-submenu {

    position:relative;

}

.dropdown-submenu>.dropdown-menu {

    top:0;

    right:100%;

    margin-top:-6px;

    margin-left:-10px;

    -webkit-border-radius:0 6px 6px 6px;

    -moz-border-radius:0 6px 6px 6px;

    border-radius:0 6px 6px 6px;

}

.dropdown-submenu:hover>.dropdown-menu {

    display:block;

}

.dropdown-submenu>a:after {

    display:block;

    content:" ";

    float:right;

    width:0;

    height:0;

    border-color:transparent;

    border-style:solid;

    border-width:5px 0 5px 5px;

    border-left-color:#cccccc;

    margin-top:5px;

    margin-left:-10px;

}

.dropdown-submenu:hover>a:after {

    border-left-color:#ffffff;

}

.dropdown-submenu.pull-left {

    float:left;

}

.dropdown-submenu.pull-left>.dropdown-menu {

	top:0;

    left:-100%;

    margin-right:-100px;

    /*-webkit-border-radius:6px 0 6px 6px;

    -moz-border-radius:6px 0 6px 6px;

    border-radius:6px 0 6px 6px;*/

}

.gris {

	background-color: #DEDADA;

}

.blue{

	color:#337ab7;

}

.verde{

	color: green;

}

.rojo{

	color: #C40307;

}

.naranja{

	color:orange;

}

.opc{

  width: 5px !important;

  cursor: pointer;

}

.tc{

	text-align:center;

}

.orange{

	color:orange;

}

.manito{

  cursor: pointer;

}

.tableEstrecha > tbody > tr > td{

  padding: 0px !important;

}

.tableEstrecha > thead > tr > th{

  padding: 5px !important;

}

.tableEstrecha > tfoot > tr > td{

  padding: 0px !important;

  line-height: 0.99 !important;

}

.letra34{

  font-size: 34px;

}

.letra22{

  font-size: 22px;

}

.letra20{

  font-size: 20px;

}

.letra19{

  font-size: 17px;

}

.letra18{

  font-size: 18px;

}

.letra16{

  font-size: 16px;

}

.letra14{

  font-size: 14px;

}

.letra12{

  font-size: 12px;

}

.letra11{

  font-size: 11px;

}

.letra10{

  font-size: 10px;

}

.letra9{

  font-size: 9px;

}

.letra8{

  font-size: 8px;

}

.letra50{

  font-size: 40px;

}

.limpiar{

  clear: both;

}

.close{

  opacity: 0.8 !important; 

}

.modal-lg{

  width: 95% !important;

}

.margenInterior{

  padding: 0px !important;

  margin: 0px !important;

}

.P10{

 width: 10% !important; 

}

.P20{

 width: 20% !important; 

}

.P30{

 width: 30% !important; 

}

.P40{

 width: 40% !important; 

}

.P50{

 width: 50% !important; 

}

.P60{

 width: 60% !important; 

}

.P70{

 width: 70% !important; 

}

.P80{

 width: 80% !important; 

}

.P100{

 width: 100% !important; 

}

.fondoRojo{

  background-color: #D43A3C;

  font-weight: bolder;

}

.reloj{

	float: left;

	font-size: 40px;

	font-family: Courier,sans-serif;

	color: #000000;

}

  .Ru_Dise_ResConPre1{

    width: 100%;

    height: 125px;

    background-color: #009FE3;  

    border: 2px solid #007BB0;

    border-radius: 13px;

    color: #FFFFFF;

    font-size: 14px;

    display: flex;

   justify-content: center;

   align-items: center;

  }

  .Ru_Dise_ResConPre2{

    width: 100%;

    height: 125px;

    background-color: #FAA429;  

    border: 2px solid #BB7A1E;

    border-radius: 13px;

    color: #FFFFFF;

    font-size: 14px;

    display: flex;

   justify-content: center;

   align-items: center;

  }

  .Ru_Dise_ResConPre3{

    width: 100%;

    height: 125px;

    background-color: #E56325;  

    border: 2px solid #BF511C;

    border-radius: 13px;

    color: #FFFFFF;

    font-size: 14px;

    display: flex;

   justify-content: center;

   align-items: center;

  }

  .Ru_Dise_ResConPre4{

    width: 100%;

    height: 125px;

    background-color: #1D5286;  

    border: 2px solid #17416A;

    border-radius: 13px;

    color: #FFFFFF;

    font-size: 14px;

    display: flex;

     justify-content: center;

     align-items: center;

  }

.limpiar{

  clear: both;

}

#audio{

  display: none

}

#audio2{

  display: none

}

#audio3{

  display: none

}

#Girar{

  position: absolute;

}

#Horas{

  color: #FFFFFF;

}

#Minutos{

  color: #FFFFFF;

}

.NuevoTiro{

  position: absolute;

}

.PuntosDerecha{

  position: absolute;

      top: 56%;

left: -13%;

}

.Imagen_PromoPuntos{

  position: absolute;

  top: 37%;

left: -20%;

}

.blanco{

  color: #FFFFFF !important;

}

.encabezadoCorp{

  background-color: #205C92;

  color: #FFFFFF;

}

.CuadrosResPNC{

  height: 50px;

  width: 70%;

}

.navbar{

  margin-bottom: 5px !important;

}



.panel-heading{

  padding: 0px;

}



@media only screen and (min-width : 1024px) and (max-width : 1450px){

  .GraficosResponsi{

    width: 75% !important;

    height: auto;

  }

  .Btn_MenuSoli{

    height: 60px;

  }

  .bajarLetra{

    padding-top: 10px;

  }

  .letra19{

    font-size: 17px;

  }

}



@media only screen and (min-width : 1451px) and (max-width : 1980px){

  .GraficosResponsi{

    width: 55% !important;

    height: auto;

  }

}



.Btn_MenuSoli{

  background-color: #E56425;

  border-color: #E56425;

  border: 1px solid #E56425;

  border-radius: 5px;

  width: 100%;

  height: 55px;

  padding: 6px 0px 10px 0px;

}



.Btn_MenuSoli:hover{

  cursor: pointer;

  box-shadow: 8px 8px 10px 0;

}



.Btn_MenuCons{

  background-color: #FFFFFF;

  border-color: #FFFFFF;

  border: 1px solid #FFFFFF;

  border-radius: 5px;

  width: 100%;

  height: 55px;

  padding: 6px 0px 10px 0px;

}



.Btn_MenuCons:hover{

  cursor: pointer;

  box-shadow: 8px 8px 10px 0;

}



.Naranja{

  color: #E56425 !important;

}



.bajar{

  padding-top: 0px;

}



.bajarLetra{

  padding-top: 10px;

}



.Icono_InformeComportamientoGE, #f_consultaGestionEstadistica{

  display: inline-block;

}



.tituloEnc{

  background-color: #E30713 !important;

  font-family: Tahoma, Geneva, sans-serif;

  font-size: 25px;

  color: white;

  padding-top: 5px;

  padding-bottom: 5px;

  margin-bottom: 20px;

  margin-top: 20px;

}



.encabezadoConex{

  color: White;

  background-color: #646464 !important;

}



.verde{

  color: #4E6F2C;

}



.amarillo{

  color: yellow;

}



.btn-gris{

  background-color: #B1B1B1;

  border-color: #B1B1B1;

  font-family: Tahoma, Geneva, sans-serif;

  color: white;

  width: 68px;

  border-radius: 3px;

}



.input-group-addonN{

  font-size: 16px;

}



.CP_CuadroContiene{

  width: 100%;

  height: 100px;

  background-color: #E56425;

  border-radius: 13px;

  padding: 10px 3px 10px 3px;

}

.PIzq{

  padding-left: 0px !important;

}

.CP_CargoUsu{

  width: 100%;

  height: 35px;

  background-color: #FFF;

  color: #E56425;

  border-radius: 10px;

  padding: 1px 5px 1px 5px; 

}

.ImgCitasPres{

  border-radius: 10px !important;

}

.CP_NombreUsu{

  color: #FFFFFF;

}

.EspPeq{

  width: 100%;

  height: 6px;

}

.PadEspFoto{

  padding-left: 5px !important;

}

.input-group-addonEsp{

    font-size: 15px !important;

}



/* Movil */

@media (orientation:portrait) and (min-device-width: 375px) and (max-device-width: 667px){

  .fondo2{

    width: 90%;

  }

  .div2{

    left: -29%;

  }

  .Esp_Movil{

    width: 100%;

    height: 10px;

    clear: both;

  }

}

.Esp_Web{

    width: 100%;

    height: 10px;

  }