html, body {
                width: 100%; 
				max-width: 1366px;
                height: 100%;
				max-height: 768px;
                margin: 0%;
                padding: 0;
				background-color:#F8F8F8;
        }

#carga{
	position: absolute;
	right: 50%;
	top: 50%;
	width: 100%;
	height: 100%;
	background-color:#0099FF;
	color:#ffffff;
	font-family:verdana;
	font-size: 20pt;
	font-weight: bold;
}
#cabecera{
	position: absolute;
	right: 0%;
	top: 0%;
	width: 100%;
	height: 17%;
	background-color:#F4F8FC;
	color:#ffffff;
	font-family:verdana;
	font-size: 20pt;
	font-weight: bold;
}
#menu{
position:absolute;
top:20%;
left:5%;
}
#estimacion {
position:absolute;
left: 0%;
top: 17%;
width: 98%;
height: 27%;
padding: 0% 1% 0% 1%;
border-top: 1px solid black;
border-bottom: 1px solid black;
background-color: #0099FF;
	font-family:verdana;
	font-size: 100%;
color:#FFFFFF;
}
#resultado {
position:absolute;
left: 0%;
top: 44%;
bottom: 0%;
width: 98%;
height: 48%;
padding: 1% 1% 1% 1%;
font-size: 90%;
background-color: #F8F8F8;
color:#000000;
}
#boton-excel {
  display: inline-block;
  padding: 2% 2%;
  font-size: 100%;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #ff0000;
  border: none;
  border-radius: 10%;
  box-shadow: 0 100% #999;
}
#boton-excel:hover {background-color: #3e8e41}
#boton-excel:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}
#tipo {
position:absolute;
top: 15%;
left: 50%;
width: 50%;
padding:0%;
height: 85%;
background-color: #FFFFFF;
color:#ffffff;
}
#est_max, #est_min, #tipo, #aceptar, #Limpiar {
     position:absolute;
}
#colaboradores{
	position: absolute;
	left: 80%;
	top: 10%;
	width: 10%;
	height: 9%;
	background-color:#F4F8FC;
	color:#ffffff;
	font-family:cursive;
	font-size: 20pt;
	font-weight: bold;
}
#colaboradores2{
	position: absolute;
	left: 90%;
	top: 5%;
	width: 10%;
	height: 10%;
	background-color:#F4F8FC;
	color:#ffffff;
	font-family:cursive;
	font-size: 20pt;
	font-weight: bold;
}
#menu-presentacion {
position:absolute;
left: 0%;
top: 17%;
width: 100%;
height: 5%;
padding: 0% 0% 0% 0%;
border-top: 1px solid black;
border-bottom: 1px solid black;
background-color: #3a93d2;
	font-family:verdana;
	font-size: 100%;
	font-weight:bold;
	text-shadow:1px 1px #999;
	text-align:center;
	vertical-align:middle;
color:#FFFFFF;
border-color:#F8F8F8;
border-radius:5px;
}
#nuevos {
position:absolute;
left: 0%;
top: 22%;
bottom: 0%;
width: 98%;
height: 55%;
padding: 1% 1% 0% 1%;
font-size: 90%;
background-color: #F8F8F8;
color:#000000;
}
#datos_colaborador {
position:absolute;
right: 0%;
top: 22%;
bottom: 0%;
width: 38%;
height: 55%;
padding: 1% 1% 0% 1%;
font-size: 90%;
background-color: #F8F8F8;
color:#000000;
}
#dataciones-introduccion {
position:absolute;
left: 25%;
top: 20%;
bottom: 0%;
width: 72%;
height: 80%;
padding: 0% 2% 0% 1%;
font-size: 84%;
background-color: #e7e5e5;
color:#0000CD;
}
#presentacion{
	position: absolute;
	right: 20%;
	left: 30%;
	top: 18%;
	width: 60%;
	padding: 2%;
	background-color:#e7e5e5;
	color:#000000;
	font-family:verdana;
	font-size: 9pt;
}
#contacto{
	position: absolute;
	right: 1%;
	top: 15%;
	width: 60%;
	padding: 2%;
	background-color:#F0F0F0;
	color:#000000;
	font-family:verdana;
	font-size: 9pt;
}
#titulo{
	position: absolute;
	left: 1%;
	top: 2%;
	width: 8%;
	height: 10%;
	background-color:#0F4C81;
	color:#ffffff;
	font-family:verdana;
	font-size: 150%;
	font-weight: bold;
    text-decoration:none;
    display:block;
    border-radius:10px; /*some css3*/
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    text-shadow:0 2px 2px rgba(0,0,0, .7);
}
#subtitulo{
	position: absolute;
	left: 1%;
	top: 60%;
	width: 18%;
	height: 10%;
	background-color:#0099FF;
	color:#ffffff;
	font-family:verdana;
	font-size: 55%;
	font-weight: bold;
}
#proyecto{
	position: absolute;
	left: 18%;
	top: 20%;
	width: 72%;
	height: 5%;
	background-color:#0099FF;
	color:#ffffff;
	font-family:verdana;
	font-size: 75%;
	font-weight: bold;
	text-decoration:none;
    display:block;
    border-radius:10px; /*some css3*/
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    text-shadow:0 2px 2px rgba(0,0,0, .7);
}
#mappanel {
    position: absolute;
    left:0%;
    top:17%;  
    width: 100%;
	height: 83%;
    padding: 0%; 
	background-color:#FFFFFF;
	color:#ffffff;
}
#gxtree {
    position: absolute;
	right:18%;
	top:17%;
	height: auto;
    width: 15%;
    padding: 0%; 
}
#gxtree2 {
    position: absolute;
    right:0%;
	top:17%;
	height: auto;
    width: 18%;
    padding: 0%; 
}
#cursor{
    position: absolute;
    left:1%;
	top:25%;
	height: 2.5%;
	border-style: solid;
	border-width: 1;
	padding: 0.2%;
	font-size: 13;
	background-color: #ffffff; 
}
#version{
    position: absolute;
    right:1%;
	bottom:-11%;
	height: 2.5%;
	padding: 0.1%;
	font-size: 15;
}
/* main menu styles */
#menu_principal{
position:absolute;
top:10%;
height:7%;
left:1%;}
#nav {
    display:inline-block;
    left:30%;
	width:100%;
    margin:0px auto;
    padding:0;
    background:#3a93d2 url(../images/bg.png) repeat-x 0 -110px;
    border-radius:10px; /*some css3*/
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    box-shadow:0 2px 2px rgba(0,0,0, .5);
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .5);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .5);
}
#nav li {
    margin:5px;
    float:left;
    position:relative;
    list-style:none;
}
#nav a {
    font-weight:bold;
    color:#e7e5e5;
    text-decoration:none;
    display:block;
    padding:6px 20px;
    border-radius:10px; /*some css3*/
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    text-shadow:0 2px 2px rgba(0,0,0, .7);
}
/* selected menu element */
#nav .current a, #nav li:hover > a {
    background:#3a93d2 url(../images/bg.png) repeat-x 0 -20px;
    color:#fff;
    border-top:1px solid #f8f8f8;
    box-shadow:0 2px 2px rgba(0,0,0, .7); /*some css3*/
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .7);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .7);
    text-shadow:0 2px 2px rgba(255,255,255, 0.7);
}
/* sublevels */
#nav ul li:hover a, #nav li:hover li a {
    background:none;
    border:none;
    color:#000;
}
#nav ul li a:hover {
    background:#3a93d2 url(../images/bg.png) repeat-x 0 -100px;
    color:#fff;
    border-radius:10px; /*some css3*/
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    text-shadow:0 2px 2px rgba(0,0,0, 0.7);
}
#nav ul li:first-child > a {
    -moz-border-radius-topleft:10px; /*some css3*/
    -moz-border-radius-topright:10px;
    -webkit-border-top-left-radius:10px;
    -webkit-border-top-right-radius:10px;
}
#nav ul li:last-child > a {
    -moz-border-radius-bottomleft:10px; /*some css3*/
    -moz-border-radius-bottomright:10px;
    -webkit-border-bottom-left-radius:10px;
    -webkit-border-bottom-right-radius:10px;
}
/* drop down */
#nav li:hover > ul {
    opacity:1;
    visibility:visible;
}
#nav ul {
    opacity:0;
    visibility:hidden;
    padding:0;
    width:175px;
    position:absolute;
    background:#aabbcc url(../images/bg.png) repeat-x 0 0;
    border:1px solid #7788aa;
    border-radius:10px; /*some css3*/
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    box-shadow:0 2px 2px rgba(0,0,0, .5);
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .5);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .5);
    -moz-transition:opacity .25s linear, visibility .1s linear .1s;
    -webkit-transition:opacity .25s linear, visibility .1s linear .1s;
    -o-transition:opacity .25s linear, visibility .1s linear .1s;
    transition:opacity .25s linear, visibility .1s linear .1s;
}
#nav ul li {
    float:none;
    margin:0;
}
#nav ul a {
    font-weight:normal;
    text-shadow:0 2px 2px rgba(255,255,255, 0.7);
}
#nav ul ul {
    left:160px;
    top:0px;
}

	div.olControlMousePosition {
		left: 1%;
		display: block;
		width: 18%;
		border-style: solid;
		border-width: 1;
		padding: 0.2%;
		background-color: #ffffff;

		height: 3%;
		bottom: 0%;
		font-family: verdana;
		font-size: smaller;
	}
	.olControlScale {
		right: 1%;
		bottom: 10%;
		display: block;
		background-color: #ffffff;
		position: absolute;
		font-size: smaller;
	}
        .legend {
            padding-left: 18px;
        }
        .x-tree-node-el {
            border-bottom: 1px solid #ddd;
            padding-bottom: 0px;
        }
        .x-tree-ec-icon {
            width: 3px;
        }
        .gx-tree-layer-icon {
            display: none;
        }
        /* avoid pink tiles */
        .olImageLoadError {
            background-color: transparent !important;
        }