/*ESTILOS CABEZOTE*/
form{
	height: 100%;
    padding: 0px;
    margin: 0px;
}
.contenedor_general{
	width: 100%;
	height: 100%;
	margin: 0px auto;
}
.contenedor_logos{
	/*background-color: #e8ae0a;*/
	width: 100%;
	height: 50%;
	max-width: 100%;
	max-height: 50%;
}
.contenedor_iconos{
    background-image: url("bgmenu2 .png");
    /*position: absolute;*/
    width: 98%;
    height: 50%;  
    padding-right: 30px;   
    /*top:50%;  */ 
    /*overflow-y: -webkit-paged-x;*/
    overflow-x: auto;
    display: inline-block;
    padding-left: 20px;
}
.contenedor_iconos:last-child {
	margin-left: 70px;
} 
.contenedor_iconos hover{
     border: none;
     background: #3a7999;
     color: #f2f2f2;
     padding: 10px;
     font-size: 18px;
     border-radius: 5px;
     position: relative;
     box-sizing: border-box;
     transition: all 500ms ease;
}
.contenedor_iconos a{
    height: 100%;
    width: auto;
    display: block;
    float: left;
    margin-right: -10px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
}
.contenedor_iconos a img{
	max-width: 95%;
    max-height: 95%;
    width: auto;
    height: auto;
    margin-top: 5%;
}
.limpiar {
    clear: both;    
}
.contenedor_iconos_right{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    text-align: right;
}
.contenedor_left {
    width: 33%;
    height: 100%;
    float: left;
    text-align: left;
    /*display: flex;
    align-items: center;
    justify-content: center;*/
    position: relative;
}
.contenedor_right {
    width: 33%;
    height: 100%;
    float: right;
    text-align: right;
    /*display: flex;
    align-items: center;
    justify-content: center;*/
    position: relative;
}
.contenedor_center{
    display: inline;
    width: 33%;
    max-width: 33%;
    max-height: 90%;
    float: left;
    text-align: center;
}
.logos {
	width: auto;
    height: auto;
    max-width: 80%;
    max-height: 80%;
    /*display: flex;
    align-items: center;*/
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
}
.logos1{
   width: auto;
    height: auto;
    max-width: 80%;
    max-height: 80%;
    /*display: flex;
    align-items: center;*/
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
}
.contenedor_icono{  
    max-width: 6%;
    max-height: 35%;
    display: inline;
    float: left;
    margin-bottom: 0.5%
}
.contenedor_icono_right{
    max-width: 60px;
    max-height: 60px;
    display: inline;
    /*float: left;*/
    margin-bottom: 0.5%;
    display: non;
}
.contenedor_textos{
    float: left;
    *float: none;
    margin: 0px auto;
}
.textos{
    font: Arial;
    font-size: 4px;
    font-weight: bold;
    text-align: center;
}
.iconos{
    -ms-interpolation-mode: bicubic;    
    border: none;
    width: auto;
    height: auto;    
    margin-top: 5px;
    max-width: 91%;
    max-height: 80%;
}
.iconosInfo{
    -ms-interpolation-mode: bicubic;    
    border: none;
    width: 40px;
    height: auto;
    max-width: 80%;
    max-height: 80%;
    border: 3px solid #bce8f1;  
    background: #bce8f1;
    border-radius: 4px;
    -webkit-box-shadow: 3px 3px 2px 0px rgba(132,128,184,1);
    -moz-box-shadow: 3px 3px 2px 0px rgba(132,128,184,1);
    box-shadow: 3px 3px 2px 0px rgba(132,128,184,1);
}
.iconosInfo:hover{  
    border: 3px solid #a1d1f1;  
    background: #a1d1f1;    
}
.iconosAdmin{
    -ms-interpolation-mode: bicubic;
    border: none;
    width: 90%;
    height: auto;
    max-width: 78%;
    max-height: 78%;
}
.linea1{
    border: 2px #2e3092 solid;
    clear: both;
    width: 100%;
    *height: 4px;
    max-width: 100%;
    max-height: 3px;
    z-index: -1;
    position: absolute;
    top: 68px;
}
.linea2{
    display: inline-block;
    border: 2px #2e3092 solid;
    clear: both;
    width: 100%;
    *height: 4px;
    max-width: 100%;
    max-height: 3px;
    position: absolute;
    bottom: 0px;
    margin: 0px;
    z-index: -1;
}
.lineaAtras {
    top: 65%;
    position: absolute;
    width: 100%;
    z-index: 0;
    height: 3px;
    background: #2e3092;
    border: 0px;
}

/********************** CSS Flotante Mas Información ************************/
#masInfo {
    width:  300px;
    color: #31708f;
    height: 32%;
    background-color: #d9edf7;
    position: fixed;
    bottom: 6px;
    right: 0px;
    display: none;
    padding: 10px;
    border-color: #bce8f1;
    border-width: 2px;
    border-style: solid;
    border-radius: 8px 0px 0px 8px;
    z-index: 2;
}
.masInfoB {
    width:  28px;
    height: 40%;
    color: #31708f;
    background-color: #F7F7F7;
    position: fixed;
    bottom: 1%;
    right: 0px;
    display: non;
    padding: 5px 0px 5px 0px;
    border-color: #c6c6c6;
    border-width: 2px;
    border-style: solid;
    border-radius: 8px 0px 0px 8px;
    z-index: 2;
    transition-property: width, height;
    transition-duration: 0.5s, 0.5s;
    transition-timing-function: linear, linear;
    transition-delay: 0s ,0.5s;
    /*-webkit-transform: translate(20px, 50px);
    -o-transform: translate(20px, 50px);
    transform: translate(20px, 50px);
    -webkit-transition:0.5s;   
    -moz-transition:0.5s;
    -o-transition:0.5s;
    -ms-transition:0.5s;
    transform: scale(1,1);*/
    transform-origin: right;
    /*overflow: hidden;*/
}
.masInfoB:hover {
    width:  300px;
    color: #31708f;
    height: 40%;    
    padding: 5px 0px 5px 0px;
    bottom: 1%;
    transition-property: width, height;
    transition-duration: 0.5s, 0.5s;
    transition-timing-function: linear, linear;
    transition-delay: 0s ,0.5s;
    /*-webkit-transform: translate(50px, 100px);
    -o-transform: translate(50px, 100px);
    transform: translate(50px, 100px);
    -webkit-transition:0.5s;   
    -moz-transition:0.5s;
    -o-transition:0.5s;
    -ms-transition:0.5s;
    transform: scale(6,1.4);
    transform: scale(6,1.4);*/
    transform-origin: right;
}
.masInfoBMovil {
    width:  28px;
    height: 40%;
    color: #31708f;
    background-color: #F7F7F7;
    position: fixed;
    bottom: 1%;
    right: 0px;
    display: non;
    padding: 5px 0px 5px 0px;
    border-color: #c6c6c6;
    border-width: 2px;
    border-style: solid;
    border-radius: 8px 0px 0px 8px;
    z-index: 2;
    transition-property: width, height;
    transition-duration: 0.5s, 0.5s;
    transition-timing-function: linear, linear;
    transition-delay: 0s ,0.5s;
    transform-origin: right;
}
.masInfoBMovilClick {
 	width:  300px;
    color: #31708f;
    height: 40%;    
    padding: 5px 0px 5px 0px;
    bottom: 1%;
    transition-property: width, height;
    transition-duration: 0.5s, 0.5s;
    transition-timing-function: linear, linear;
    transition-delay: 0s ,0.5s;
    transform-origin: right;
   
    background-color: #F7F7F7;
    position: fixed;
    right: 0px;
    display: non;
    padding: 5px 0px 5px 0px;
    border-color: #c6c6c6;
    border-width: 2px;
    border-style: solid;
    border-radius: 8px 0px 0px 8px;
    z-index: 2;
    transition-property: width, height;
    transition-duration: 0.5s, 0.5s;
    transition-timing-function: linear, linear;
    transition-delay: 0s ,0.5s;
    transform-origin: right;
}
.BtnIcons{
    width: 40px;
    height:43px;
}
.btnInfo {
 	width: auto;
    height: auto;
    margin-top: -20px;
    top: 50%;
    position: absolute;
    left: -20px;
    
}
#toolTipButton{
	text-align: center;
	width: 100%;
}
.btnInfo p{ 
    margin: 0px;
}
.btnInfoBtns{
    float: left;
    width: 86%; 
    height: 40px;
    display: inline;    
    margin-bottom: 0.5%;
    margin-left: 30px;
    text-align: center;
    overflow: hidden;
}
.btnInfoUser{
    width: 100%;
    float: left;
    text-align: center;
    font-size:0.8em;
    font-weight:700;
    margin-bottom:5px;
    margin-left: 30px;
    color: #656565;
    /*margin-left: 30px;  */
}
label {
    display: inline-block;
    width: 5em;
  }
  .contenedor_icono_right a{
    text-decoration: Blink;
  }
.DataTime {
    width: 34%;
    height: 100%;
    text-align: center;
    color: white;
    float: left;
    right: 42%;
    font-size: 11px;
    /*padding-top: 19px;*/
    justify-content: center;
}  

/*PRUEBAS*/
.FlechaIndicador {
	margin-top: 2px;
	display:block;
	height: 20px;
	width: 105px;
	padding: 1px 5px 3px 5px;
	display: none;
	background-color:rgba(0,0,0,0.3);    
	overflow: hidden;
	cursor: pointer;
}
.SpanTexto{
	margin-top: 5px;
	display: block;
	float: left;
}
.SpanAscii{
	 font-size: 1.6em;
	 display: block;
	 float: left;
	 position:relative;
}
.Btn-Flechas{
	position:absolute;
}
@-moz-document url-prefix(){
	.estiloMozillaP{
		font-size: 0.8em !important;
	}
}

.DivFlechas{
	width: 18px;
	height: 100%;
    position: relative;
    float: left;
    margin-left: -20px;
    display:none;
}
.ContenFlechas{
	height: 50%;
    position: fixed;
    background: #cccccc;
}
.DesplasamientoModulosUp{
    top: 0px;
}
.DesplasamientoModulosDown{
    margin-top: 290%;
}
.flechasScroll{
    color: #525252;
    display: block;
    cursor: pointer;
}
.flechasScroll:hover{
	color: #fff;
	transition: color 300ms;
}
	
.barraScroll{
    background: #525252;
    width: 8px;
    height: 25px;
    position: absolute;
    margin-left: 4px;
    top: 16px;
    /* top: 41px; */
}
body{
	margin-bottom:0px;
}
/*Estilos del tooltip*/
.tooltip {
    position: relative;
}

.tooltip .tooltiptext {
    visibility: hidden;
    position: absolute;
    width: 100px;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 2px 0;
    border-radius: 6px;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.tooltip-right {
  top: -5px;
  left: 125%;  
}

.tooltip-right::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    margin-bottom: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #555 transparent transparent;
}

.tooltip-bottom {
  top: 135%;
  left: 50%;  
  margin-left: -60px;
}

.tooltip-bottom::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #555 transparent;
}

.tooltip-top {
  bottom: 125%;
  left: 50%;  
  margin-left: -60px;
}

.tooltip-top::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip-left {
  top: -5px;
  bottom:auto;
  right: 128%;  
}
.tooltip-left::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #555;
}
.img-released{
	max-height: 10px;
	max-width: 10px;
	vertical-align: middle;
	width:100%;
	height:100%;
	cursor: pointer;
}

.AlertaMenu {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 22px;
    bottom: 1px;
    border-radius: 40%;
    text-align: center;
    color: white;
    border: 2px solid #d1d1d1;
}
.AlertaMenu{ 
  -webkit-animation-name:parpadeo;
  -webkit-animation-duration: 2s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}
@keyframes parpadeo {  
  	0% { opacity: 9.0; }
  	50% { background-color: #FF2D00; opacity:9.0; }
  	100% { opacity: 9.0; }
}
.IndicadorAlerta{
	font-size: 0.7em;
    margin-top: 4px;
}