body {
    -webkit-overflow-scrolling: touch; 
}

/*SCROLL BAR*/

::-webkit-scrollbar {
		width: 10px;
		height: 6px;
	}
	
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
	display: block;
	height: 10px;
    background-color: #ccc;
}
	
	
::-webkit-scrollbar-track-piece {
	background-color: #eee;
	-webkit-border-radius: 3px;
}
	
::-webkit-scrollbar-thumb:vertical {
	height: 50px;
	background-color:#b1c47a;
	-webkit-border-radius: 3px;
}
	
::-webkit-scrollbar-thumb:horizontal {
	width: 50px;
	background-color:#b1c47a;
	-webkit-border-radius: 3px;
}

/*Tabs*/
.tabcon {
	        border: 1px solid #e3e3e3;
	        background-color: #f2f2f2;
                width: 100%;
	        border-radius: 6px;
	        -webkit-border-radius: 6px;
	        -moz-border-radius: 6px;
        }
        .tabcon td, .tabcon th {
	        padding: 5px;
	        color: #333;
        }
        .tabcon thead {
	        padding: .2em 0 .2em .5em;
	        color: #4B4B4B;
	        background-color: #C8C8C8;
	        background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#e3e3e3), color-stop(.6,#B3B3B3));
	        background-image: -moz-linear-gradient(top, #D6D6D6, #B0B0B0, #B3B3B3 90%);
	        border-bottom: solid 1px #999;
        }
        .tabcon th {
	        font-size: 17px;
	        line-height: 20px;
	        font-style: normal;
	        font-weight: normal;
	        text-align: center;
	        text-shadow: white 1px 1px 1px;
        }
        .tabcon td {
	        line-height: 20px;
	        font-size: 14px;
	        border-bottom: 1px solid #fff;
	        border-top: 1px solid #fff;
        }
        .tabcon tr:nth-child(even) {
            background: #F2F2F2;
        }
        .tabcon td:hover {
	        background-color: #fff;
        }

/*PAGINA GENERAL*/

#load {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background: url(/System/Imagenes/load.gif) center center no-repeat, rgba(0, 0, 0, 0.20);
    z-index:10;
    display:none;
}

#fondo {
    position:absolute;
    width: -moz-calc(100% - 10px);
    width:calc(100% - 10px);
    width:-webkit-calc(100% - 10px);
    height: -moz-calc(100% - 10px);
    height:calc(100% - 10px);
    height:-webkit-calc(100% - 10px);
    top:5px;
    left:5px;
    background: url(/System/Imagenes/bg.png) top left no-repeat/*, url(/System/Imagenes/cuadros.png) bottom right no-repeat*/;
    background-size:100% 100%;
    overflow:hidden;
    z-index:1;
}

.button {
   border-top: 1px solid #96d1f8;
   background-color:#92090a;
   -webkit-border-radius: 14px;
   -moz-border-radius: 14px;
   border-radius: 14px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-family: Arial;
   font-size:15px;
   text-decoration: none;
   vertical-align: middle;
   cursor:pointer;
   height:30px;
   }

.button:hover {
   border-top-color: #32729c;
   background: #d72627;
   color: #fff;
   }
.button:active {
   border-top-color: #1b435e;
   background: #d72627;
   }

.btnVerMontos{
   border-top: 1px solid #96d1f8;
   background-color:#92090a;
   -webkit-border-radius: 14px;
   -moz-border-radius: 14px;
   border-radius: 14px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-family: Arial;
   font-size:15px;
   text-decoration: none;
   vertical-align: middle;
   cursor:pointer;
   height:30px;
   }

.btnVerMontos:hover {
   border-top-color: #32729c;
   background: #d72627;
   color: #fff;
   }
.btnVerMontos:active {
   border-top-color: #1b435e;
   background: #d72627;
   }

.boton_eliminar{
   border-top: 1px solid #96d1f8;
   background-color:#92090a;
   -webkit-border-radius: 14px;
   -moz-border-radius: 14px;
   border-radius: 14px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-family: Arial;
   font-size:15px;
   text-decoration: none;
   vertical-align: middle;
   cursor:pointer;
   height:30px;
   }

.boton_eliminar:hover {
   border-top-color: #32729c;
   background: #d72627;
   color: #fff;
   }
.boton_eliminar:active {
   border-top-color: #1b435e;
   background: #d72627;
   }

#logo {
    position:absolute;
    width:300px;
    height:64px;
    top: 10px;
    left: 0px;
    z-index:3;
    background:url(/System/Imagenes/logotipo.jpg);
    background-size:300px 64px;
}

#titulo_sistema {
    position:absolute;
    width: -moz-calc(100% - 155px);
    width:calc(100% - 155px);
    width:-webkit-calc(100% - 155px);
    height:40px;
    top: 35px;
    left: 155px;
    z-index:3;
    text-shadow: #333 0.1em 0.1em 0.2em; 
    color:#333;
    font-size:30px;
    overflow:hidden;
}

.columna1 {
    position:absolute;
    top:0px;
    left:20px;
    width: -moz-calc(100% - 20px);
    width:calc(100% - 20px);
    width:-webkit-calc(100% - 20px);
    height: 100%;
    overflow:hidden;
}

.columna12 {
    position:absolute;
    top:0px;
    left:20px;
    width: -moz-calc(100% - 20px);
    width:calc(100% - 20px);
    width:-webkit-calc(100% - 20px);
    height: -moz-calc(100% - 20px);
    height:calc(100% - 20px);
    height:-webkit-calc(100% - 20px);
    overflow:hidden;
}

/*BARRA TITULO*/


#barra_titulo_dec_variable {
    position:absolute;
    width: 50px;
    height:50px;
    top: 102px;
    left: 22px;
    z-index:3;
    background:url(/System/Imagenes/Barra/bar_01.png);
    overflow:hidden;
}

#barra_titulo_variable {
    position:absolute;
    width: -moz-calc(100% - 72px);
    width:calc(100% - 72px);
    width:-webkit-calc(100% - 72px);
    height:50px;
    top: 102px;
    left: 72px;
    z-index:3;
    background:url(/System/Imagenes/Barra/bar_02.png);
    overflow:hidden;
}

#triangulo_azul_u {
    position:absolute;
    width: 0px;
    height:0px;
    top: 99px;
    left: -moz-calc(100% - 147px);
    left:calc(100% - 147px);
    left:-webkit-calc(100% - 147px);
    border-style:solid;
    border-width: 0 0 10px 12px;
    border-color: transparent transparent #172e70 transparent;
    z-index:3;
    overflow:hidden;
    display:none;
}

#triangulo_verde_u {
    position:absolute;
    width: 0px;
    height:0px;
    top: 99px;
    left: -moz-calc(100% - 147px);
    left:calc(100% - 147px);
    left:-webkit-calc(100% - 147px);
    border-style:solid;
    border-width: 0 0 10px 12px;
    border-color: transparent transparent #018940 transparent;
    z-index:3;
    overflow:hidden;
    display:none;
}

#titulo_int_tit {
     position:absolute;
    top:0px;
    left:0px;
    width: -moz-calc(100% - 145px);
    width: calc(100% - 145px);
    width:-webkit-calc(100% - 145px);
    height:100%;

}

#rectangulo_azul {
    position:absolute;
    width: 110px;
    height:57px;
    top: 98px;
    left: -moz-calc(100% - 135px);
    left:calc(100% - 135px);
    left:-webkit-calc(100% - 135px);
    z-index:3;
    background-color:#21409A;
    -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.7);
	box-shadow:0px 0px 8px rgba(0,0,0,0.7);
    font-size:11px; 
    text-shadow: black 0.1em 0.1em 0.2em; 
    color: white;
    overflow:hidden;
    display:none;
}

#rectangulo_verde {
    position:absolute;
    width: 110px;
    height:57px;
    top: 98px;
    left: -moz-calc(100% - 135px);
    left:calc(100% - 135px);
    left:-webkit-calc(100% - 135px);
    z-index:3;
    background-color:#00A94F;
    -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.7);
	box-shadow:0px 0px 8px rgba(0,0,0,0.7);
    font-size:11px; 
    text-shadow: black 0.1em 0.1em 0.2em; 
    color: white;
    overflow:hidden;
    display:none;
}

#triangulo_azul_d {
    position:absolute;
    width: 0px;
    height:0px;
    top: 145px;
    left: -moz-calc(100% - 147px);
    left:calc(100% - 147px);
    left:-webkit-calc(100% - 147px);
    z-index:3;
    border-style:solid;
    border-width: 0 12px 10px 0;
    border-color: transparent #172e70 transparent transparent;
    overflow:hidden;
    display:none;
}

#triangulo_verde_d {
    position:absolute;
    width: 0px;
    height:0px;
    top: 145px;
    left: -moz-calc(100% - 147px);
    left:calc(100% - 147px);
    left:-webkit-calc(100% - 147px);
    z-index:3;
    border-style:solid;
    border-width: 0 12px 10px 0;
    border-color: transparent #018940 transparent transparent;
    overflow:hidden;
    display:none;
}

#barra_titulo_dec {
    position:absolute;
    width: 50px;
    height:50px;
    top: 90px;
    left: 22px;
    z-index:3;
    background:url(/System/Imagenes/Barra/bar_01.png);
    overflow:hidden;
}

#barra_titulo {
    position:absolute;
    width: -moz-calc(100% - 72px);
    width:calc(100% - 72px);
    width:-webkit-calc(100% - 72px);
    height:50px;
    top: 90px;
    left: 72px;
    z-index:3;
    background:url(/System/Imagenes/Barra/bar_02.png);
    overflow:hidden;
}

#titulo_interno {
    width:100%;
    height:50px;
    z-index:3;
    text-shadow: #333 0.1em 0.1em 0.2em; 
    color:#333;
    font-size:30px;
}

#titulo_interno2 {
    width:100%;
    height:50px;
    z-index:3;
    text-shadow: #4b4b4b 0.1em 0.1em 0.2em; 
    color: #21409A;
    font-size:20px;
}

.titulo_interno3 {
    width:100%;
    height:50px;
    z-index:3;
    text-shadow: #4b4b4b 0.1em 0.1em 0.2em; 
    color: #21409A;
    font-size:20px;
}

#decoracion {
    position:absolute;
    width: 34px;
    height:34px;
    top: 140px;
    left: 0px;
    z-index:3;
    background:url(/System/Imagenes/dec.png);
    overflow:hidden;
}

#decoracion_variable {
    position:absolute;
    width: 34px;
    height:34px;
    top: 152px;
    left: 0px;
    z-index:3;
    background:url(/System/Imagenes/dec.png);
    overflow:hidden;
}

/*LOGIN*/

.textedit_login {
    border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.5);
	box-shadow:0px 0px 8px rgba(0,0,0,0.5);
	background-color:rgba(255,255,255,0.7);	
    width:350px;
}

.textedit_login2 {
    border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.5);
	box-shadow:0px 0px 8px rgba(0,0,0,0.5);
	background-color:rgba(255,255,255,0.7);	
    width:250px;
}
	
.textedit_login:focus
{
    outline-color:#21409A;
    border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}

.textedit_login2:focus
{
    outline-color:#21409A;
    border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}

#decoracion_login {
    position:absolute;
    width: 90px;
    height:80px;
    top: 100px;
    left: 0px;
    z-index:3;
    background:url(/System/Imagenes/logdec.png);
    overflow:hidden;
}


#login2 {
    position:absolute;
    left: 95px;
    height: -moz-calc(100% - 252px);
    height:calc(100% - 252px);
    height:-webkit-calc(100% - 252px);
    top: 141px;
    width: -moz-calc(100% - 670px);
    width:calc(100% - 670px);
    width:-webkit-calc(100% - 670px);
    z-index:3;
    overflow:auto;
}

#login_relleno2 {
    position:absolute;
    left: 70px;
    height:177px;
    top: 141px;
    width: 295px;
    z-index:2;
    background:url(/System/Imagenes/Soporte/fill.png);
    overflow:hidden;
}


#login_superior2 {
    position:absolute;
    left: 63px;
    height:25px;
    top: 113px;
    width: -moz-calc(100% - 645px);
    width:calc(100% - 645px);
    width:-webkit-calc(100% - 645px);
    z-index:3;
    background:url(/System/Imagenes/Soporte/up.png);
    overflow:hidden;
}

#login_superior_curvad2 {
    position:absolute;
    width:40px;
    height:25px;
    top: 113px;
    left: -moz-calc(100% - 581px);
    left:calc(100% - 581px);
    left:-webkit-calc(100% - 581px);
    z-index:3;
    background:url(/System/Imagenes/Soporte/cor_up.png);
    overflow:hidden;
}

#login_derecha2 {
    position:absolute;
    width:40px;
    height: -moz-calc(100% - 240px);
    height:calc(100% - 240px);
    height:-webkit-calc(100% - 240px);
    top: 138px;
    left: -moz-calc(100% - 581px);
    left:calc(100% - 581px);
    left:-webkit-calc(100% - 581px);
    z-index:3;
    background:url(/System/Imagenes/Soporte/right.png);
    overflow:hidden;
}

#login_izquierda2 {
    position:absolute;
    width:40px;
    top: 164px;
    height: -moz-calc(100% - 266px);
    height:calc(100% - 266px);
    height:-webkit-calc(100% - 266px);
    left: 29px;
    z-index:3;
    background:url(/System/Imagenes/Soporte/left.png);
    overflow:hidden;
}

#login_inferior_curvad2 {
    position:absolute;
    width:40px;
    height:25px;
    top: -moz-calc(100% - 102px);
    top:calc(100% - 102px);
    top:-webkit-calc(100% - 102px);
    left: -moz-calc(100% - 581px);
    left:calc(100% - 581px);
    left:-webkit-calc(100% - 581px);
    z-index:3;
    background:url(/System/Imagenes/Soporte/cor_down.png);
    overflow:hidden;
}

#login_inferior2 {
    position:absolute;
    left: 69px;
    height:25px;
    top: -moz-calc(100% - 102px);
    top:calc(100% - 102px);
    top:-webkit-calc(100% - 102px);
    width: -moz-calc(100% - 650px);
    width:calc(100% - 650px);
    width:-webkit-calc(100% - 650px);
    z-index:3;
    background:url(/System/Imagenes/Soporte/down.png);
    overflow:hidden;
}

#login_inferior_curval2 {
    position:absolute;
    width:40px;
    height:25px;
    top: -moz-calc(100% - 102px);
    top:calc(100% - 102px);
    top:-webkit-calc(100% - 102px);
    left: 29px;
    z-index:3;
    background:url(/System/Imagenes/Soporte/cor_downl.png);
    overflow:hidden;
}

#login {
    position:absolute;
    left: 95px;
    height:207px;
    top: 141px;
    width: 270px;
    z-index:3;
    overflow-y:auto;
    overflow-x:hidden;
}

#login_relleno {
    position:absolute;
    left: 70px;
    height:177px;
    top: 141px;
    width: 295px;
    z-index:2;
    background:url(/System/Imagenes/Soporte/fill.png);
    overflow:hidden;
}


#login_superior {
    position:absolute;
    left: 63px;
    height:25px;
    top: 113px;
    width: 300px;
    z-index:3;
    background:url(/System/Imagenes/Soporte/up.png);
    overflow:hidden;
}

#login_superior_curvad {
    position:absolute;
    width:40px;
    height:25px;
    top: 113px;
    left: 363px;
    z-index:3;
    background:url(/System/Imagenes/Soporte/cor_up.png);
    overflow:hidden;
}

#login_derecha {
    position:absolute;
    width:40px;
    height:200px;
    top: 138px;
    left: 363px;
    z-index:3;
    background:url(/System/Imagenes/Soporte/right.png);
    overflow:hidden;
}

#login_inferior_curvad {
    position:absolute;
    width:40px;
    height:25px;
    top: 338px;
    left: 363px;
    z-index:3;
    background:url(/System/Imagenes/Soporte/cor_down.png);
    overflow:hidden;
}

#login_inferior {
    position:absolute;
    left: 69px;
    height:25px;
    top: 338px;
    width: 294px;
    z-index:3;
    background:url(/System/Imagenes/Soporte/down.png);
    overflow:hidden;
}

#login_inferior_curval {
    position:absolute;
    width:40px;
    height:25px;
    top: 338px;
    left: 29px;
    z-index:3;
    background:url(/System/Imagenes/Soporte/cor_downl.png);
    overflow:hidden;
}

#login_izquierda {
    position:absolute;
    width:40px;
    top: 164px;
    height: 175px;
    left: 29px;
    z-index:3;
    background:url(/System/Imagenes/Soporte/left.png);
    overflow:hidden;
}

#marco_login_superior {
    position:absolute;
    left: -moz-calc(100% - 600px);
    left:calc(100% - 600px);
    left:-webkit-calc(100% - 600px);
    height:25px;
    top: -moz-calc(100% - 352px);
    top:calc(100% - 352px);
    top:-webkit-calc(100% - 352px);
    width: 600px;
    z-index:3;
    background:url(/System/Imagenes/Soporte/up.png);
    overflow:hidden;
}

#marco_login_superior_curva {
    position:absolute;
    width:40px;
    height:25px;
    top: -moz-calc(100% - 352px);
    top:calc(100% - 352px);
    top:-webkit-calc(100% - 352px);
    left: -moz-calc(100% - 640px);
    left:calc(100% - 640px);
    left:-webkit-calc(100% - 640px);
    z-index:3;
    background:url(/System/Imagenes/Soporte/cor_upl.png);
    overflow:hidden;
}

#marco_login_izquierda {
    position:absolute;
    width:40px;
    top: -moz-calc(100% - 327px);
    top:calc(100% - 327px);
    top:-webkit-calc(100% - 327px);
    height: 225px;
    left: -moz-calc(100% - 640px);
    left:calc(100% - 640px);
    left:-webkit-calc(100% - 640px);
    z-index:3;
    background:url(/System/Imagenes/Soporte/left.png);
    overflow:hidden;
}

#marco_login_inferior_curva {
    position:absolute;
    width:40px;
    height:25px;
    left: -moz-calc(100% - 640px);
    left:calc(100% - 640px);
    left:-webkit-calc(100% - 640px);
    top: -moz-calc(100% - 102px);
    top:calc(100% - 102px);
    top:-webkit-calc(100% - 102px);
    z-index:3;
    background:url(/System/Imagenes/Soporte/cor_downl.png);
    overflow:hidden;
}

#marco_login_inferior {
    position:absolute;
    width: 600px;
    height:25px;
    left: -moz-calc(100% - 600px);
    left:calc(100% - 600px);
    left:-webkit-calc(100% - 600px);
    top: -moz-calc(100% - 102px);
    top:calc(100% - 102px);
    top:-webkit-calc(100% - 102px);
    z-index:3;
    background:url(/System/Imagenes/Soporte/down.png);
    overflow:hidden;
}

#marco_login_cuerpo {
    position:absolute;
    width: 612px;
    height:160px;
    left: -moz-calc(100% - 612px);
    left:calc(100% - 612px);
    left:-webkit-calc(100% - 612px);
    top: -moz-calc(100% - 297px);
    top:calc(100% - 297px);
    top:-webkit-calc(100% - 297px);
    z-index:3;
    text-shadow: #4b4b4b 0.1em 0.1em 0.2em;
    font-size:30px;
    overflow:hidden;
}

#marco_login_cuerpo_relleno {
    position:absolute;
    width: 600px;
    height:225px;
    left: -moz-calc(100% - 600px);
    left:calc(100% - 600px);
    left:-webkit-calc(100% - 600px);
    top: -moz-calc(100% - 327px);
    top:calc(100% - 327px);
    top:-webkit-calc(100% - 327px);
    z-index:2;
    background:url(/System/Imagenes/Soporte/fill.png);
    overflow:hidden;
}


#marco_login_superior2 {
    position:absolute;
    left: -moz-calc(100% - 450px);
    left:calc(100% - 450px);
    left:-webkit-calc(100% - 450px);
    height:25px;
    top: -moz-calc(100% - 352px);
    top:calc(100% - 352px);
    top:-webkit-calc(100% - 352px);
    width: 450px;
    z-index:3;
    background:url(/System/Imagenes/Soporte/up.png);
    overflow:hidden;
}

#marco_login_superior_curva2 {
    position:absolute;
    width:40px;
    height:25px;
    top: -moz-calc(100% - 352px);
    top:calc(100% - 352px);
    top:-webkit-calc(100% - 352px);
    left: -moz-calc(100% - 490px);
    left:calc(100% - 490px);
    left:-webkit-calc(100% - 490px);
    z-index:3;
    background:url(/System/Imagenes/Soporte/cor_upl.png);
    overflow:hidden;
}

#marco_login_izquierda2 {
    position:absolute;
    width:40px;
    top: -moz-calc(100% - 327px);
    top:calc(100% - 327px);
    top:-webkit-calc(100% - 327px);
    height: 225px;
    left: -moz-calc(100% - 490px);
    left:calc(100% - 490px);
    left:-webkit-calc(100% - 490px);
    z-index:3;
    background:url(/System/Imagenes/Soporte/left.png);
    overflow:hidden;
}

#marco_login_inferior_curva2 {
    position:absolute;
    width:40px;
    height:25px;
    left: -moz-calc(100% - 490px);
    left:calc(100% - 490px);
    left:-webkit-calc(100% - 490px);
    top: -moz-calc(100% - 102px);
    top:calc(100% - 102px);
    top:-webkit-calc(100% - 102px);
    z-index:3;
    background:url(/System/Imagenes/Soporte/cor_downl.png);
    overflow:hidden;
}

#marco_login_inferior2 {
    position:absolute;
    width: 450px;
    height:25px;
    left: -moz-calc(100% - 450px);
    left:calc(100% - 450px);
    left:-webkit-calc(100% - 450px);
    top: -moz-calc(100% - 102px);
    top:calc(100% - 102px);
    top:-webkit-calc(100% - 102px);
    z-index:3;
    background:url(/System/Imagenes/Soporte/down.png);
    overflow:hidden;
}

#marco_login_cuerpo2 {
    position:absolute;
    width: 450px;
    height:200px;
    left: -moz-calc(100% - 450px);
    left:calc(100% - 450px);
    left:-webkit-calc(100% - 450px);
    top: -moz-calc(100% - 322px);
    top:calc(100% - 322px);
    top:-webkit-calc(100% - 322px);
    z-index:3;
    text-shadow: #4b4b4b 0.1em 0.1em 0.2em;
    font-size:30px;
    overflow:hidden;
}

#marco_login_cuerpo_relleno2 {
    position:absolute;
    width: 450px;
    height:225px;
    left: -moz-calc(100% - 450px);
    left:calc(100% - 450px);
    left:-webkit-calc(100% - 450px);
    top: -moz-calc(100% - 327px);
    top:calc(100% - 327px);
    top:-webkit-calc(100% - 327px);
    z-index:2;
    background:url(/System/Imagenes/Soporte/fill.png);
    overflow:hidden;
}

/*BOTONERA DERECHA*/

#botonera {
    position:absolute;
    width: 130px;
    height:220px;
    top: 150px;
    left: -moz-calc(100% - 130px);
    left:calc(100% - 130px);
    left:-webkit-calc(100% - 130px);
    z-index:3;
    background:url(/System/Imagenes/Botones/sop_btn.png);
    overflow:hidden;
}

#botonera_variable {
    position:absolute;
    width: 130px;
    height:220px;
    top: 162px;
    left: -moz-calc(100% - 130px);
    left:calc(100% - 130px);
    left:-webkit-calc(100% - 130px);
    z-index:3;
    background:url(/System/Imagenes/Botones/sop_btn.png);
    overflow:hidden;
}

#home {
    position:absolute;
    width: 52px;
    height:52px;
    top: 10px;
    left: 42px;
    z-index:3;
    background:url(/System/Imagenes/Botones/home.png);
    overflow:hidden;
    cursor:pointer;
}

#izquierda {
    position:absolute;
    width: 52px;
    height:52px;
    top: 55px;
    left: 16px;
    z-index:3;
    background:url(/System/Imagenes/Botones/bk.png);
    overflow:hidden;
    cursor:pointer;
    display:block;
}

#derecha {
    position:absolute;
    width: 52px;
    height:52px;
    top: 55px;
    left: 71px;
    z-index:3;
    background:url(/System/Imagenes/Botones/fw.png);
    overflow:hidden;
    cursor:pointer;
    display:block;
}

#izquierda_no {
    position:absolute;
    width: 52px;
    height:52px;
    top: 55px;
    left: 16px;
    z-index:3;
    background:url(/System/Imagenes/Botones/bk_.png);
    overflow:hidden;
    display:none;
}

#derecha_no {
    position:absolute;
    width: 52px;
    height:52px;
    top: 55px;
    left: 71px;
    z-index:3;
    background:url(/System/Imagenes/Botones/fw_.png);
    overflow:hidden;
    display:none;
}

#instructivo {
    position:absolute;
    width: 52px;
    height:52px;
    top: 100px;
    left: 42px;
    z-index:3;
    background:url(/System/Imagenes/Botones/control.png);
    overflow:hidden;
    cursor:pointer;
}

#informacion {
    position:absolute;
    width: 52px;
    height:52px;
    top: 154px;
    left: 42px;
    z-index:3;
    background:url(/System/Imagenes/Botones/help.png);
    overflow:hidden;
    cursor:pointer;
}

#instructivo_no {
    position:absolute;
    width: 52px;
    height:52px;
    top: 100px;
    left: 42px;
    z-index:3;
    background:url(/System/Imagenes/Botones/control_.png);
    overflow:hidden;
}

#informacion_no {
    position:absolute;
    width: 52px;
    height:52px;
    top: 154px;
    left: 42px;
    z-index:3;
    background:url(/System/Imagenes/Botones/help_.gif);
    overflow:hidden;
}

/*AREA TRABAJO*/

#marco_superior {
    position:absolute;
    width: -moz-calc(100% - 208px);
    width:calc(100% - 208px);
    width:-webkit-calc(100% - 208px);
    height:25px;
    top: 153px;
    left: 34px;
    z-index:3;
    background:url(/System/Imagenes/Soporte/up.png);
    overflow:hidden;
}

#marco_superior_variable {
    position:absolute;
    width: -moz-calc(100% - 208px);
    width:calc(100% - 208px);
    width:-webkit-calc(100% - 208px);
    height:25px;
    top: 165px;
    left: 34px;
    z-index:3;
    background:url(/System/Imagenes/Soporte/up.png);
    overflow:hidden;
}

#marco_superior_curva {
    position:absolute;
    width:40px;
    height:25px;
    top: 153px;
    left: -moz-calc(100% - 180px);
    left:calc(100% - 180px);
    left:-webkit-calc(100% - 180px);
    z-index:3;
    background:url(/System/Imagenes/Soporte/cor_up.png);
    overflow:hidden;
}

#marco_superior_curva_variable {
    position:absolute;
    width:40px;
    height:25px;
    top: 165px;
    left: -moz-calc(100% - 180px);
    left:calc(100% - 180px);
    left:-webkit-calc(100% - 180px);
    z-index:3;
    background:url(/System/Imagenes/Soporte/cor_up.png);
    overflow:hidden;
}

#marco_derecha {
    position:absolute;
    width:40px;
    top: 178px;
    height: -moz-calc(100% - 280px);
    height:calc(100% - 280px);
    height:-webkit-calc(100% - 280px);
    left: -moz-calc(100% - 180px);
    left:calc(100% - 180px);
    left:-webkit-calc(100% - 180px);
    z-index:3;
    background:url(/System/Imagenes/Soporte/right.png);
    overflow:hidden;
}

#marco_derecha_variable {
    position:absolute;
    width:40px;
    top: 189px;
    height: -moz-calc(100% - 291px);
    height:calc(100% - 291px);
    height:-webkit-calc(100% - 291px);
    left: -moz-calc(100% - 180px);
    left:calc(100% - 180px);
    left:-webkit-calc(100% - 180px);
    z-index:3;
    background:url(/System/Imagenes/Soporte/right.png);
    overflow:hidden;
}

#marco_inferior_curva {
    position:absolute;
    width:40px;
    height:25px;
    left: -moz-calc(100% - 180px);
    left:calc(100% - 180px);
    left:-webkit-calc(100% - 180px);
    top: -moz-calc(100% - 102px);
    top:calc(100% - 102px);
    top:-webkit-calc(100% - 102px);
    z-index:3;
    background:url(/System/Imagenes/Soporte/cor_down.png);
    overflow:hidden;
}

#marco_inferior {
    position:absolute;
    width: -moz-calc(100% - 180px);
    width:calc(100% - 180px);
    width:-webkit-calc(100% - 180px);
    height:25px;
    left: 0px;
    top: -moz-calc(100% - 102px);
    top:calc(100% - 102px);
    top:-webkit-calc(100% - 102px);
    z-index:3;
    background:url(/System/Imagenes/Soporte/down.png);
    overflow:hidden;
}

#marco_cuerpo {
    position:absolute;
    width: -moz-calc(100% - 180px);
    width:calc(100% - 180px);
    width:-webkit-calc(100% - 180px);
    height: -moz-calc(100% - 280px);
    height:calc(100% - 280px);
    height:-webkit-calc(100% - 280px);
    left: 0px;
    top: 178px;
    z-index:3;
    background:url(/System/Imagenes/Soporte/fill.png);
    overflow:hidden;
}

#marco_cuerpo_variable {
    position:absolute;
    width: -moz-calc(100% - 180px);
    width:calc(100% - 180px);
    width:-webkit-calc(100% - 180px);
    height: -moz-calc(100% - 292px);
    height:calc(100% - 292px);
    height:-webkit-calc(100% - 292px);
    left: 0px;
    top: 190px;
    z-index:3;
    background:url(/System/Imagenes/Soporte/fill.png);
    overflow:hidden;
}

/*PIE*/

#logo_harweb {
    position:absolute;
    width: 148px;
    height:59px;
    left: 10px;
    top: -moz-calc(100% - 67px);
    top:calc(100% - 67px);
    top:-webkit-calc(100% - 67px);
    z-index:3;
    background:url(/System/Imagenes/portalPCFD_logo.png);
    overflow:hidden;
}

#estado {
    position:absolute;
    width: 106px;
    height:140px;
    left: -moz-calc(100% - 106px);
    left:calc(100% - 106px);
    left:-webkit-calc(100% - 106px);
    top: -moz-calc(100% - 140px);
    top:calc(100% - 140px);
    top:-webkit-calc(100% - 140px);
    z-index:3;
    background:url(/System/Imagenes/loc.png);
    overflow:hidden;
}

#secretaria_nombre {
    position:absolute;
    width: 620px;
    height:54px;
    left: -moz-calc(100% - 625px);
    left:calc(100% - 625px);
    left:-webkit-calc(100% - 625px);
    top: -moz-calc(100% - 54px);
    top:calc(100% -54px);
    top:-webkit-calc(100% - 54px);
    text-shadow: #333 0.1em 0.1em 0.2em; 
    padding-right:5px;
    color:#333;
    font-size:20px;
    z-index:4;
    overflow:hidden;
    text-align:right;
}



/*COMPONENTES*/

#columna1_1 {
    position:absolute;
    width: -moz-calc(50% - 5px);
    width: calc(50% - 5px);
    width: -webkit-calc(50% - 5px);
    left:0px;
    top:0px;
    height: 100%;
    overflow:hidden;
    z-index:5;
    display:inline;
}

#columna1_2 {
    position:absolute;
    width: -moz-calc(50% - 5px);
    width: calc(50% - 5px);
    width: -webkit-calc(50% - 5px);
    left: -moz-calc(50% + 5px);
    left: calc(50% + 5px);
    left: -webkit-calc(50% + 5px);
    top:0px;
    height: 100%;
    overflow:hidden;
    z-index:5;
    display:inline;
}

#triangle-l1 {
	border-color: transparent #21409A transparent transparent;
	border-style:solid;
	border-width:15px;
	height:0px;
	width:0px;
	position: absolute;
	left: -8px;
	top: 52px;
	z-index: -1; /* displayed under bubble */
    display:inline;
}

#triangle-r1 {
	border-color: transparent transparent transparent #21409A;
	border-style:solid;
	border-width:15px;
	height:0px;
	width:0px;
	position: relative;
	left: -moz-calc(100% - 18px);
    left: calc(100% - 18px);
    left: -webkit-calc(100% - 18px);
	top: 52px;
	z-index: -1; /* displayed under bubble */
    display:inline;
}
#rectangle1 {
	background: #21409A;
	height: 50px;
	width: -moz-calc(100% - 10px);
    width: calc(100% - 10px);
    width: -webkit-calc(100% - 10px);
	position: absolute;
	left:7px;
	top: 16px;
	float: left;
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
    -khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
    -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	z-index: 100; /* the stack order: foreground */
    display:inline;
}


#triangle-l2 {
	border-color: transparent #00A94F transparent transparent;
	border-style:solid;
	border-width:15px;
	height:0px;
	width:0px;
	position: absolute;
	left: -8px;
	top: 52px;
	z-index: -1; /* displayed under bubble */
    display:inline;
}

#triangle-r2 {
	border-color: transparent transparent transparent #00A94F;
	border-style:solid;
	border-width:15px;
	height:0px;
	width:0px;
	position: relative;
	left: -moz-calc(100% - 18px);
    left: calc(100% - 18px);
    left: -webkit-calc(100% - 18px);
	top: 52px;
	z-index: -1; /* displayed under bubble */
    display:inline;
}
#rectangle2 {
	background: #00A94F;
	height: 50px;
	width: -moz-calc(100% - 10px);
    width: calc(100% - 10px);
    width: -webkit-calc(100% - 10px);
	position: absolute;
	left:7px;
	top: 16px;
	float: left;
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
    -khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
    -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	z-index: 100; /* the stack order: foreground */
    display:inline;
}


.columna_interior {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position:absolute;
    width: -moz-calc(100% - 40px);
    width: calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    height: -moz-calc(100% - 4px);
    height: calc(100% - 4px);
    height: -webkit-calc(100% - 4px);
    left:20px;
    top:0px;
    overflow:auto;
    z-index:5;
    border-color:rgba(230,230,230,1);
    border-width:2px;
    border-style:solid;
}

#normativa {
    position:absolute;
    width:100%;
    top:80px;
    height: -moz-calc(100% - 80px);
    height: calc(100% - 80px);
    height: -webkit-calc(100% - 80px);
    overflow:auto;
}

#practica {
    position:absolute;
    width:100%;
    top:80px;
    height: -moz-calc(100% - 80px);
    height: calc(100% - 80px);
    height: -webkit-calc(100% - 80px);
    overflow:auto;
    
}

/*ARCHIVOS*/

.comentarios {
    width:300px;
    height:150px;
}

.comentarios2 {
    position:absolute;
    top:0px;
    left:0px;
    width:300px;
    height:150px;
    position:relative;
    background-color:white;
    border:groove;
    
    overflow-y:auto;
}


/*ESTADOS*/

#informacione {
    position:absolute;
    width: 480px;
    top: -moz-calc(50% - 100px);
    top: calc(50% - 100px);
    top: -webkit-calc(50% - 100px);
    left: 0px;
    height: 200px;
    overflow:hidden;
    z-index:5;
    display:inline;
}

#estado_img {
    position:absolute;
    width: 480px;
    top: -moz-calc(50% - 173px);
    top: calc(50% - 173px);
    top: -webkit-calc(50% - 173px);
    left: -moz-calc(100% - 480px);
    left: calc(100% - 480px);
    left: -webkit-calc(100% - 480px);
    height: 345px;
    overflow:hidden;
    z-index:5;
    display:inline;
}

/*TEMAS*/
.boton_continuar {
    position:absolute;
    width:100%;
    height:40px;
    left:0px;
    top: -moz-calc(100% - 35px);
    top: calc(100% - 35px);
    top: -webkit-calc(100% - 35px);
    z-index:10;
}

/*VENTANAS MODALES*/

#dialog1 {
    overflow:auto;
    display: none;
    position: fixed;
    top: -moz-calc(50% - 200px);
    top: calc(50% - 200px);
    top: -webkit-calc(50% - 200px);
    left: 50%;
    width: 600px;
    height: 400px; 
    background-color: #EEE;
    color: #333;
    border: 1px solid #EEE;
    padding: 12px;
    border-radius: 10px 10px;
    -webkit-box-shadow:10px 10px 10px #cccccc;
    -moz-box-shadow:10px 10px 10px #cccccc;
    box-shadow:10px 10px 10px #cccccc;
    z-index:9999;
}

#dialog3 {
    overflow:auto;
    display: none;
    position: fixed;
    top: -moz-calc(50% - 200px);
    top: calc(50% - 200px);
    top: -webkit-calc(50% - 200px);
    left: -moz-calc(50% - 300px);
    left: calc(50% - 300px);
    left: -webkit-calc(50% - 300px);
    width: 600px;
    height: 400px; 
    background-color: #EEE;
    color: #333;
    border: 1px solid #EEE;
    padding: 12px;
    border-radius: 10px 10px;
    -webkit-box-shadow:10px 10px 10px #cccccc;
    -moz-box-shadow:10px 10px 10px #cccccc;
    box-shadow:10px 10px 10px #cccccc;
}

#dialog11 {
    overflow:auto;
    display: none;
    position: fixed;
    top: -moz-calc(50% - 200px);
    top: calc(50% - 200px);
    top: -webkit-calc(50% - 200px);
    left: -moz-calc(50% - 300px);
    left: calc(50% - 300px);
    left: -webkit-calc(50% - 300px);
    width: 600px;
    height: 400px; 
    background-color: #EEE;
    color: #333;
    border: 1px solid #EEE;
    padding: 12px;
    border-radius: 10px 10px;
    -webkit-box-shadow:10px 10px 10px #cccccc;
    -moz-box-shadow:10px 10px 10px #cccccc;
    box-shadow:10px 10px 10px #cccccc;
}

#dialog2 {
    overflow:auto;
    display: none;
    position: fixed;
    top: -moz-calc(50% - 120px);
    top: calc(50% - 120px);
    top: -webkit-calc(50% - 120px);
    left: 50%;
    width: 400px;
    height: 240px; 
    background-color: #EEE;
    color: #333;
    border: 1px solid #EEE;
    padding: 12px;
    border-radius: 10px 10px;
    -webkit-box-shadow:10px 10px 10px #cccccc;
    -moz-box-shadow:10px 10px 10px #cccccc;
    box-shadow:10px 10px 10px #cccccc;
}

#acciones {
    overflow:auto;
    display: none;
    position: fixed;
    top: -moz-calc(50% - 200px);
    top: calc(50% - 200px);
    top: -webkit-calc(50% - 200px);
    left: -moz-calc(50% - 200px);
    left: calc(50% - 200px);
    left: -webkit-calc(50% - 300px);
    width: 400px;
    height: 200px; 
    background-color: #EEE;
    color: #333;
    border: 1px solid #EEE;
    padding: 12px;
    border-radius: 10px 10px;
    -webkit-box-shadow:10px 10px 10px #cccccc;
    -moz-box-shadow:10px 10px 10px #cccccc;
    box-shadow:10px 10px 10px #cccccc;
}
#escenarios {
    overflow:auto;
    display: none;
    position: absolute;
    top: -moz-calc(50% - 200px);
    top: calc(50% - 200px);
    top: -webkit-calc(50% - 200px);
    left: -moz-calc(50% - 200px);
    left: calc(50% - 200px);
    left: -webkit-calc(50% - 300px);
    width: 600px;
    height: 350px; 
    background-color: #EEE;
    color: #333;
    border: 1px solid #EEE;
    padding: 12px;
    border-radius: 10px 10px;
    -webkit-box-shadow:10px 10px 10px #cccccc;
    -moz-box-shadow:10px 10px 10px #cccccc;
    box-shadow:10px 10px 10px #cccccc;
    z-index:9999;
}

#acciones2 {
    overflow:auto;
    display: none;
    position: fixed;
    top: -moz-calc(50% - 200px);
    top: calc(50% - 200px);
    top: -webkit-calc(50% - 200px);
    left: -moz-calc(50% - 300px);
    left: calc(50% - 300px);
    left: -webkit-calc(50% - 300px);
    width: 600px;
    height: 400px; 
    background-color: #EEE;
    color: #333;
    border: 1px solid #EEE;
    padding: 12px;
    border-radius: 10px 10px;
    -webkit-box-shadow:10px 10px 10px #cccccc;
    -moz-box-shadow:10px 10px 10px #cccccc;
    box-shadow:10px 10px 10px #cccccc;
}

#dialog4 {
    overflow:auto;
    display: none;
    position: fixed;
    top: -moz-calc(50% - 120px);
    top: calc(50% - 120px);
    top: -webkit-calc(50% - 120px);
    left: -moz-calc(50% - 200px);
    left: calc(50% - 200px);
    left: -webkit-calc(50% - 200px);
    width: 400px;
    height: 240px; 
    background-color: #EEE;
    color: #333;
    border: 1px solid #EEE;
    padding: 12px;
    border-radius: 10px 10px;
    -webkit-box-shadow:10px 10px 10px #cccccc;
    -moz-box-shadow:10px 10px 10px #cccccc;
    box-shadow:10px 10px 10px #cccccc;
}

#dialog9 {
    overflow:auto;
    display: none;
    position: fixed;
    top: -moz-calc(50% - 120px);
    top: calc(50% - 120px);
    top: -webkit-calc(50% - 120px);
    left: -moz-calc(50% - 200px);
    left: calc(50% - 200px);
    left: -webkit-calc(50% - 200px);
    width: 400px;
    height: 240px; 
    background-color: #EEE;
    color: #333;
    border: 1px solid #EEE;
    padding: 12px;
    border-radius: 10px 10px;
    -webkit-box-shadow:10px 10px 10px #cccccc;
    -moz-box-shadow:10px 10px 10px #cccccc;
    box-shadow:10px 10px 10px #cccccc;
}

#dialog5 {
    overflow:auto;
    display: none;
    position: fixed;
    top: -moz-calc(50% - 175px);
    top: calc(50% - 175px);
    top: -webkit-calc(50% - 175px);
    left: -moz-calc(50% - 250px);
    left: calc(50% - 250px);
    left: -webkit-calc(50% - 250px);
    width: 500px;
    height: 350px; 
    background-color: #EEE;
    color: #333;
    border: 1px solid #EEE;
    padding: 12px;
    border-radius: 10px 10px;
    -webkit-box-shadow:10px 10px 10px #cccccc;
    -moz-box-shadow:10px 10px 10px #cccccc;
    box-shadow:10px 10px 10px #cccccc;
}

#dialog7 {
    overflow:auto;
    display: none;
    position: fixed;
    top: -moz-calc(50% - 150px);
    top: calc(50% - 150px);
    top: -webkit-calc(50% - 150px);
    left: -moz-calc(50% - 250px);
    left: calc(50% - 250px);
    left: -webkit-calc(50% - 250px);
    width: 400px;
    height: 300px; 
    background-color: #EEE;
    color: #333;
    border: 1px solid #EEE;
    padding: 12px;
    border-radius: 10px 10px;
    -webkit-box-shadow:10px 10px 10px #cccccc;
    -moz-box-shadow:10px 10px 10px #cccccc;
    box-shadow:10px 10px 10px #cccccc;
}

#contentTabs2 {
    /*overflow:auto;*/
    display: none;
    position: fixed;
    top: -moz-calc(50% - 300px);
    top: calc(50% - 300px);
    top: -webkit-calc(50% - 300px);
    left: -moz-calc(50% - 300px);
    left: calc(50% - 300px);
    left: -webkit-calc(50% - 300px);
    width: 1200px;
    height: 600px; 
    background-color: #EEE;
    color: #333;
    border: 1px solid #EEE;
    padding: 12px;
    border-radius: 10px 10px;
    -webkit-box-shadow:10px 10px 10px #cccccc;
    -moz-box-shadow:10px 10px 10px #cccccc;
    box-shadow:10px 10px 10px #cccccc;

}
#contentTabs3 {
    /*overflow:auto;*/
    display: none;
    position: fixed;
    top: -moz-calc(50% - 300px);
    top: calc(50% - 300px);
    top: -webkit-calc(50% - 300px);
    left: -moz-calc(50% - 300px);
    left: calc(50% - 300px);
    left: -webkit-calc(50% - 300px);
    width: 1200px;
    height: 600px; 
    background-color: #EEE;
    color: #333;
    border: 1px solid #EEE;
    padding: 12px;
    border-radius: 10px 10px;
    -webkit-box-shadow:10px 10px 10px #cccccc;
    -moz-box-shadow:10px 10px 10px #cccccc;
    box-shadow:10px 10px 10px #cccccc;

}
#contentTabs4 {
    display: none;
    position: fixed;
    top: -moz-calc(50% - 300px);
    top: calc(50% - 300px);
    top: -webkit-calc(50% - 300px);
    left: -moz-calc(50% - 300px);
    left: calc(50% - 300px);
    left: -webkit-calc(50% - 300px);
    width: 1200px;
    height: 600px; 
    background-color: #EEE;
    color: #333;
    border: 1px solid #EEE;
    padding: 12px;
    border-radius: 10px 10px;
    -webkit-box-shadow:10px 10px 10px #cccccc;
    -moz-box-shadow:10px 10px 10px #cccccc;
    box-shadow:10px 10px 10px #cccccc;

}
#contentTabs5 {
    display: none;
    position: fixed;
    top: -moz-calc(50% - 300px);
    top: calc(50% - 300px);
    top: -webkit-calc(50% - 300px);
    left: -moz-calc(50% - 300px);
    left: calc(50% - 300px);
    left: -webkit-calc(50% - 300px);
    width: 1200px;
    height: 600px; 
    background-color: #EEE;
    color: #333;
    border: 1px solid #EEE;
    padding: 12px;
    border-radius: 10px 10px;
    -webkit-box-shadow:10px 10px 10px #cccccc;
    -moz-box-shadow:10px 10px 10px #cccccc;
    box-shadow:10px 10px 10px #cccccc;
    

}

#tablaEstru1 {
    position: absolute;
    /*float:left;
    top: -moz-calc(50% - 300px);
    top: calc(50% - 300px);
    top: -webkit-calc(50% - 300px);
    left: -moz-calc(50% - 300px);
    left: calc(50% - 300px);
    left: -webkit-calc(50% - 300px);*/
    

}

#tablaEstru2 {
    position: absolute;
    float:left;
    /*top: -moz-calc(50% - 300px);
    top: calc(50% - 300px);
    top: -webkit-calc(50% - 300px);*/
    left: -moz-calc(100% - 500px);
    left: calc(100% - 500px);
    left: -webkit-calc(100% -500px);
    

}





#gridResultadosSuper {
    display: none;
    position: fixed;
    top: -moz-calc(50% - 300px);
    top: calc(50% - 300px);
    top: -webkit-calc(50% - 300px);
    left: -moz-calc(50% - 300px);
    left: calc(50% - 300px);
    left: -webkit-calc(50% - 300px);
    width: 1200px;
    height: 600px; 
    background-color: #EEE;
    color: #333;
    border: 1px solid #EEE;
    padding: 12px;
    border-radius: 10px 10px;
    -webkit-box-shadow:10px 10px 10px #cccccc;
    -moz-box-shadow:10px 10px 10px #cccccc;
    box-shadow:10px 10px 10px #cccccc;

}

#datosCargados {
    display: none;
    position: fixed;
    top: -moz-calc(50% - 200px);
    top: calc(50% - 200px);
    top: -webkit-calc(50% - 200px);
    left: -moz-calc(50% - 220px);
    left: calc(50% - 220px);
    left: -webkit-calc(50% - 220px);
    /*width: -moz-calc(50%);
    width: calc(50%);
    width: -webkit-calc(50%);*/
    /*height: -moz-calc(50% - 100px);
    height: calc(50% - 100px);
    height: -webkit-calc(50% - 100px);*/
    width: 1000px;
    height: 400px; 
    background-color: #EEE;
    color: #333;
    border: 1px solid #EEE;
    padding: 12px;
    border-radius: 10px 10px;
    -webkit-box-shadow:10px 10px 10px #cccccc;
    -moz-box-shadow:10px 10px 10px #cccccc;
    box-shadow:10px 10px 10px #cccccc;

}


.jqmOverlay { background-color: #000; }

#holder {
    position:absolute; 
    top:0px;
    left:0px;
    width: 100%;
    height:100%;
}

.reporte {
    /*position:absolute; 
    top:0px;
    left:0px;*/
    background-color:aqua;
    width: 100%;
    height:1000px;
}

.map {
    position:absolute;
    top: -moz-calc(50% - 225px);
    top: calc(50% - 225px);
    top: -webkit-calc(50% - 225px);
    left: -moz-calc(50% - 331px);
    left: calc(50% - 331px);
    left: -webkit-calc(50% - 331px);
}

#contenedor_nombre_est {
    position:absolute;
    width:100%;
    height:54px;
    left:0px;
    top: -moz-calc(100% - 50px);
    top: calc(100% - 50px);
    top: -webkit-calc(100% - 50px);
    z-index:10;
}

#nombre_est {
    width:100%;
    height:50px;
    z-index:3;
    text-shadow: black 0.1em 0.1em 0.2em; 
    color: #21409A;
    font-size:30px;
}


#dialog6 {
    overflow:auto;
    display: none;
    position: fixed;
    height: -moz-calc(100% - 200px);
    height: calc(100% - 200px);
    height: -webkit-calc(100% - 200px);
    width: -moz-calc(100% - 200px);
    width: calc(100% - 200px);
    width: -webkit-calc(100% - 200px);
    left: 388px;
    top: 88px; 
    background-color: #EEE;
    color: #333;
    border: 1px solid #EEE;
    padding: 12px;
    border-radius: 10px 10px;
    -webkit-box-shadow:10px 10px 10px #cccccc;
    -moz-box-shadow:10px 10px 10px #cccccc;
    box-shadow:10px 10px 10px #cccccc;
}



.textPuntaje {
    border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.5);
	box-shadow:0px 0px 8px rgba(0,0,0,0.5);
	background-color:rgba(255,255,255,0.7);	
    width:50px;
}


#directorio tr:nth-child(even) { background: #ddd }
#directorio tr:nth-child(odd) { background: #fff}

.obligatorio {
    color:red;
    font-weight:bold;
}