/*!
 *
 * License - VMP 2019
 */
body {
	background-color: #F6F9F6;
}




#content{
	display:inline-table;
	width:100%;
	height:100%;
}
.row{
	display:table-row;
}
.col1{
	position:relative;
	display:table-cell;
	height:100%;
	width:100%;
}


.ImgCirculo {
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
     -ms-border-radius: 50px;
     -o-border-radius:  50px;
    border-radius: 50px;
	box-shadow:2px 2px 20px #fff;
}

#loadingSpinner{
	width:100%;
	height:100%;
	position:fixed;
	background-color:#FFF;
	z-index:50000;
	text-align:center;
}

.spinnerText{
	display:inline-block;
	font-family:"VMP Sans";
	font-size:2.5em;
	color:#333;
	font-weight:800;
	margin: 100px auto;
}

.sk-circle {
  margin: 100px auto;
  width: 80px;
  height: 80px;
  position: relative;
}
.sk-circle .sk-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sk-circle .sk-child:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
          animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.sk-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg); }
.sk-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg); }
.sk-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
.sk-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg); }
.sk-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg); }
.sk-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
.sk-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg); }
.sk-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg); }
.sk-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg); }
.sk-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); }
.sk-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); }
.sk-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; }
.sk-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }
.sk-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; }
.sk-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; }
.sk-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; }
.sk-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; }
.sk-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; }
.sk-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s; }
.sk-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s; }
.sk-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s; }
.sk-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s; }

@-webkit-keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}


.content-menu{
	display:inline-table;
	width:100%;
	height:100%;
	font-size: 10.5px;
}
.row-menu{
	display:table-row;
}
.col1-menu{
	position:fixed;
	display:table-cell;
	height:50px;
	width:100%;
	background-color:#0078D4;
	color:#FFF;
}
.col1-menu-index{
	position:fixed;
	display:table-cell;
	height:50px;
	width:100%;
	background-color:#000;
	color:#FFF;
}
.col1-menu-contactos{
	position:fixed;
	display:table-cell;
	height:50px;
	width:100%;
	background-color:#448444;
	color:#FFF;
}
.col1-menu-calendario{
	position:fixed;
	display:table-cell;
	height:50px;
	width:100%;
	background-color:#9F009F;
	color:#FFF;
}
.col1-menu-calculadora{
	position:fixed;
	display:table-cell;
	height:50px;
	width:100%;
	background-color:#B03900;
	color:#FFF;
}
.col1-menu-documentos{
	position:fixed;
	display:table-cell;
	height:50px;
	width:100%;
	background-color:#9F009F;
	color:#FFF;
}
.col1-menu-documentos{
	position:fixed;
	display:table-cell;
	height:50px;
	width:100%;
	background-color:#F30;
	color:#FFF;
}
.col2-menu{
	position:fixed;
	margin-top:50px;
	display:table-cell;
	height:45px;;
	width:100%;
	background-color:#EEE;
	border-bottom:1px solid #ccc;
}
.col3-menu{
	position:fixed;
	display:table-cell;
	margin-top:90px;
	height:100%;
	width:100%;
}
.col3-menu-index{
	position:fixed;
	background-color:#FFF;
	display:table-cell;
	margin-top:90px;
	height:100%;
	width:100%;
	overflow:auto;
	text-align:center;
}
.col4-menu{
	position:fixed;
	display:table-cell;
	height:100%;
	width:200px;
}
.col5-menu-exp{
	position:fixed;
	display:table-cell;
	margin-top:-100px;
	margin-left:500px;
	margin-bottom:100px;
	padding-bottom:400px;
	padding-left:30px;
	padding-top:130px;
	height:100%;
	width:100%;
	overflow:auto;
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -mos-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
	background-color:#FFF;
	cursor:text;
}
.col5-menu{
	position:fixed;
	display:table-cell;
	margin-top:-100px;
	margin-left:300px;
	padding-bottom:400px;
	padding-left:30px;
	padding-top:130px;
	height:100%;
	width:100%;
	overflow:auto;
		-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -mos-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
		background-color:#FFF;
		cursor:text;
}
.col6-menu{
	display:table-cell;
	height:100%;
	width:10px;
}

#content-barra{
	display:inline-table;
	width:100%;
	height:100%;


}
.row-barra{
	display:table-row;
	width:100%;
	position:fixed;
}
.col1-barra{
	display:table-cell;
	color:#FFF;
	text-align:center;
	font-size:1.0em;
	padding-top:11px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:15px;
	cursor:pointer;
}
.col1-barra:hover{
	background-color:#069;
	color:#FFF;
}
.col2-barra{
	display:table-cell;
	font-size:1.2em;
	text-align:center;
	padding-top:11px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:15px;
}
.col3-barra{
	display:table-cell;
	width:100%;
}
.col4-barra{
	display:table-cell;
	color:#FFF;
	text-align:center;
	font-size:1.0em;
	padding-top:11px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:15px;
	cursor:pointer;
}
.col4-barra:hover{
	background-color:#069;
}
.col5-barra{
	display:table-cell;
	color:#FFF;
	text-align:center;
	font-size:1.0em;
	padding-top:11px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:15px;
	cursor:pointer;
}
.col5-barra:hover{
	background-color:#069;
}


.col1-barra-block{
	display:table-cell;
	color:#333;
	text-align:center;
	font-size:1.0em;
	padding-top:12px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:18px;
	cursor:default;
}
.col2-barra-block{
	display:table-cell;
	font-size:1.2em;
	text-align:center;
	padding-top:12px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:18px;
	cursor:default;
}
.col3-barra-block{
	display:table-cell;
	width:100%;
	cursor:default;
}
.col4-barra-block{
	display:table-cell;
	color:#333;
	text-align:center;
	font-size:1.0em;
	padding-top:12px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:18px;
	cursor:default;
}

.col5-barra-block{
	display:table-cell;
	color:#333;
	text-align:right;
	font-size:1.0em;
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:18px;
	width:200px;
	cursor:default;

}

.col1-ico-index{
	display:table-cell;
	color:#FFF;
	text-align:center;
	font-size:1.0em;
	padding-top:11px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:15px;
	cursor:pointer;
}
.col1-ico-index:hover{
	background-color:#666;
	color:#FFF;
}

.col1-ico-contactos{
	display:table-cell;
	color:#FFF;
	text-align:center;
	font-size:1.0em;
	padding-top:11px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:15px;
	cursor:pointer;
}
.col1-ico-contactos:hover{
	background-color:#115111;
	color:#FFF;
}

.col1-ico-calendario{
	display:table-cell;
	color:#FFF;
	text-align:center;
	font-size:1.0em;
	padding-top:11px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:15px;
	cursor:pointer;
}
.col1-ico-calendario:hover{
	background-color:#6d006d;
	color:#FFF;
}

.col1-ico-calculadora{
	display:table-cell;
	color:#FFF;
	text-align:center;
	font-size:1.0em;
	padding-top:11px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:15px;
	cursor:pointer;
}
.col1-ico-calculadora:hover{
	background-color:#900600;
	color:#FFF;
}

.col1-ico-documentos{
	display:table-cell;
	color:#FFF;
	text-align:center;
	font-size:1.0em;
	padding-top:11px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:15px;
	cursor:pointer;
}
.col1-ico-documentos:hover{
	background-color:#d00;
	color:#FFF;
}

/********************************************************************************************************/
/* 	BEGIN PESTAÑA MENU DE LA IZQUIERDA */
/********************************************************************************************************/
.linea-index{
	position:relative;
	display:inline-block;
	z-index:20000;
}

.linea-izq-index-exp{
	top:50px; left:0px;
	width:300px; height:100%;
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -mos-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
	overflow:auto;
		background-color:#FFF;
	box-shadow:2px 2px 20px #888;

}
.pes-app-index{
	display:inline-block; /* width:80px; height:70px; */
	cursor:pointer;
	color:#666;
	text-align:center;
	font-size:3.0em;
	margin:20px;
	padding:30px;
}
.pes-app-index:hover{
	background-color:#069;
	color:#FFF;
	border:1px solid #ddd;
	margin:20px;
	padding:30px;
}

.linea{
	position:fixed;
	z-index:20000;
}
.linea-izq{
	top:50px; left:-305px;
	width:300px; height:100%;
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -mos-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
	overflow:auto;
	background-color:#FFF;
	box-shadow:2px 2px 20px #888;

}
.linea-izq-exp{
	top:50px; left:0px;
	width:300px; height:100%;
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -mos-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
	overflow:auto;
		background-color:#FFF;
	box-shadow:2px 2px 20px #888;

}

.pes-app{
	display:inline-block; width:80px; height:70px; background-color:#f8f8f8; margin-right:4px; margin-bottom:4px;
	cursor:pointer;
	color:#666;
	text-align:center;
	font-size:1.5em;
	padding-top:20px;
}
.pes-app:hover{
	background-color:#069;
	color:#FFF;
}

/********************************************************************************************************/
/* 	END PESTAÑA MENU DE LA IZQUIERDA */
/********************************************************************************************************/


#tabla-content{
	display:inline-table;
	width:100%;
	height:100%;
}
.row-content{
	position:fixed;
	display:table-row;
	top:55px;
	width:100%;
	height:100%;
	padding: 0;
	margin: 0;
	background-color: white;
		overflow:auto;
}
.col1-content{
	position:fixed;
	display:table-cell;
	color:#999;
	font-size:1.0em;
	left:0px;
	top:0px;
	width:300px;
	height:100%;
	overflow:auto;
	border:1px solid #CCC;
	background-color:#f3f3f3;
	box-shadow:2px 2px 20px #ddd inset;
}
.col3-content{
	position:fixed;
	display:table-cell;
	word-wrap: break-word;
	overflow:auto;
	padding:10px;
	font-size:0.9em;
}


/********************************************************************************************************/
/* 	BEGIND PESTAÑA MENU DE LA IZQUIERDA CALENDARIO */
/********************************************************************************************************/

.col1-content-calen-exp{
	position:fixed;
	display:table-cell;
	color:#999;
	font-size:1.0em;
	left:0px;
	top:0px;
	width:300px;
	height:100%;
	overflow:auto;
	border:1px solid #CCC;
	background-color:#f3f3f3;
	box-shadow:2px 2px 20px #ddd inset;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -mos-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.col3-content-calen-exp{
	position:fixed;
	display:table-cell;
	word-wrap: break-word;
	overflow:auto;
	padding:10px;
	left:300px;
	font-size:0.9em;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -mos-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.col1-content-calen{
	position:fixed;
	display:table-cell;
	margin-left:-300px;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -mos-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.col3-content-calen{
	position:fixed;
	display:table-cell;
	padding:10px;
	margin-left:-250px;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -mos-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.nav-link{
  color:white;
}
.nav-link:hover{
  color:#eee;
}
/********************************************************************************************************/
/* 	END PESTAÑA MENU DE LA IZQUIERDA CALENDARIO */
/********************************************************************************************************/