.ui-widget{font-size:11px;}
.ui-dialog { z-index: 3000 !important ;}
.navbar{
	background-color: #DBE9D8;
	border-color: #DBE9D8;
    border-radius: 1;
}
.navbar-custom {
    background-color: #DBE9D8;
    border-color: #DBE9D8;
    border-radius: 1;
}

.navbar-custom .navbar-brand,
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus {
    color: #C1E9B8;
}

.navbar-custom .navbar-nav > li > a {
    color: #303030;
}

.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
    background-color: #C3E5BC;
}

.navbar-custom .navbar-nav > .active > a,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
    color: #FFF;
    background-color: #C3E5BC;
}

.navbar-custom .navbar-text {
    color: #303030;
}

.navbar-custom .navbar-toggle {
    border-color: #AA0000;
}

.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
    background-color: #AA0000;
}

.navbar-custom .navbar-toggle .icon-bar {
    background-color: #C3E5BC;
}

.fondoNav{
	background-color: #FCFCFC;
}

#divterminos
{
     display: none;
	 position: absolute;
     top: 220px;
     left: 50%;
     margin-left: -270px;
	 padding: 5px;
     width: 550px;
     height: 380px;
	 background-image: url('../img/patternFondo.jpg');
	 border: 1px solid #24772F;
	 opacity: 1.0;
     z-index: 99;
	 font-size:9pt; 
	 font-family: Arial; 
	 text-align: justify; 
	 color: #646464;
	 /*#background-color: #D0D0D0; #gris
	 #background-color: #0C6304; #verde
     #background-color: #1A3A6A; #azul*/
}
#wms {
	font-family: Arial;
	font-size: 10pt;
	width: 600px;
	left:-300px;
	padding: 10px;
	border: 1px solid #e5e5e5;
	-webkit-box-shadow: rgba(200,200,200,0.7) 0 4px 10px -1px;
	box-shadow: rgba(200,200,200,0.7) 0 4px 10px -1px;
}
.oculto{
display:none;
}
.divEncUsuario{
float:center;
width:480px;
height:25px;
background-color: #E9E9E9;
border-top:1px solid #24772F;
margin-top:0px;
z-index: 4;
}
.divDetallesUsuario
{
     display: none;
	 position: absolute;
     top: 180px;
     left: 50%;
     margin-left: -250px;
     width: 500px;
     height: 340px;
	 background-color: #FAFCFA;
	 opacity: 1.0;
	 font-size:9pt; 
	 font-family: Arial; 
	 border: 1px solid #e5e5e5;
	-webkit-box-shadow: rgba(200,200,200,0.7) 0 4px 10px -1px;
	box-shadow: rgba(200,200,200,0.7) 0 4px 10px -1px;	 
	 z-index: 1000;

}
.tablaWMS{
cellpadding: 0px;
cellspacing: 0px;
border: 1px solid #BFBFBF;
}
.divCatalogo {
	position: absolute;
	float: center;
	top: 200px;
	left: 430px;
	height: 500px;
	width: 800px;
	border: 1px solid #e5e5e5;
	#background:url('img/patternFondo.jpg');
	background-color: #FAFCFA;
	-webkit-box-shadow: rgba(200,200,200,0.7) 0 4px 10px -1px;
	box-shadow: rgba(200,200,200,0.7) 0 4px 10px -1px;
	z-index: 100;
}
.divBitacoraAcceso {
	position: absolute;
	float: center;
	top: 210px;
	left: 494px;
	height: 380px;
	width: 650px;
	#border: 1px solid #24772F;
	border: 1px solid #e5e5e5;
	#background:url('img/patternFondo.jpg');
	background-color: #FAFCFA;
	padding: 10px;
	-webkit-box-shadow: rgba(200,200,200,0.7) 0 4px 10px -1px;
	box-shadow: rgba(200,200,200,0.7) 0 4px 10px -1px;
	z-index: 1000;
}
.divWMS {
	position: absolute;
	top: 120px;
	left: 140px;
	height: 350px;
	width: 570px;
	border: 1px solid #24772F;
	background-color: #FFF;
	padding: 10px;
	-webkit-box-shadow: rgba(200,200,200,0.7) 0 4px 10px -1px;
	box-shadow: rgba(200,200,200,0.7) 0 4px 10px -1px;
	z-index: 1;
}
.divEncabezado{
float:center;
width:480px;
height:30px;
background:#d3d7da;
background-color:#d3d7da;
border-top:1px solid #24772F;
margin-top:0px;
z-index: 4;
}
.divDetalles {
	position: absolute;
	float: center;
	top: 80px;
	left: 60px;
	height: 400px;
	width: 300px;
	border: 1px solid #24772F;
	background-color: #CCCCCC;
	padding: 20px;
	z-index: 3;
}
.oculto{
	display:none;
}
.clear {
	clear: both;
	height: 50px;
}
#principal
{
	float:center;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

#encabezado
{
	float:center;
	top: 0;
	width: 1200px;
	height: 100px;
}
#piePagina
{
	width: 1200px;
	margin: 0 auto;
}
#contenido
{
	#position: absolute;
	padding-top: 50px;
	width: 1200px;
	height: auto;
}
#divInicioLogin{
	position:absolute;
	width:350px;
	height:320px;
	min-width:350px!important;	
	border: 1px solid #e5e5e5;
	-webkit-box-shadow: rgba(200,200,200,0.7) 0 4px 10px -1px;
	box-shadow: rgba(200,200,200,0.7) 0 4px 10px -1px;
	margin-top:50px;	
	margin-left:800px;
	background-color: #FFFFFF;
	opacity: 0.95;
	float:right;
    border-radius: 8px;
}
#informacionMapa{
	float:center;
	width:800px;
	min-width:650px!important;	
	border: 1px solid #e5e5e5;
	-webkit-box-shadow: rgba(200,200,200,0.7) 0 4px 10px -1px;
	box-shadow: rgba(200,200,200,0.7) 0 4px 10px -1px;
	margin-top:0px;	
	margin-left:0px;
}
#informacion{
	float:center;
	width:700px;
	min-width:650px!important;	
	border: 1px solid #e5e5e5;
	-webkit-box-shadow: rgba(200,200,200,0.7) 0 4px 10px -1px;
	box-shadow: rgba(200,200,200,0.7) 0 4px 10px -1px;
	margin-top:0px;	
	margin-left:0px;
}
#localizacion{
	float:center;
	width:700px;
	border: 1px solid #e5e5e5;
	-webkit-box-shadow: rgba(200,200,200,0.7) 0 4px 10px -1px;
	box-shadow: rgba(200,200,200,0.7) 0 4px 10px -1px;
	margin-top:0px;	
	margin-left:0px;
}
#acceso {
	font-family: Arial;
	font-size: 10pt;
	width: 400px;
	padding: 10px;
	border: 1px solid #e5e5e5;
	-webkit-box-shadow: rgba(200,200,200,0.7) 0 4px 10px -1px;
	box-shadow: rgba(200,200,200,0.7) 0 4px 10px -1px;
}
#registro {
	font-family: Arial;
	font-size: 10pt;
	width: 400px;
	padding: 10px;
	border: 1px solid #e5e5e5;
	-webkit-box-shadow: rgba(200,200,200,0.7) 0 4px 10px -1px;
	box-shadow: rgba(200,200,200,0.7) 0 4px 10px -1px;
}
#divCatalogos
{
	position: fixed;
	top:80px;
	margin-top: 10px;
	left: 300px;
	width: 1050px;
	height: 600px;
	border: 1px solid #e5e5e5;
	opacity: 1;
	background-color:#FFF;
	-webkit-box-shadow: rgba(200,200,200,0.7) 0 4px 10px -1px;
	box-shadow: rgba(200,200,200,0.7) 0 4px 10px -1px;	
	z-index: 10;
}
#divUsuarios
{
	position: absolute;
	margin-top: 10px;
	left: 110px;
	width: 450px;
	height: 280px;
	border: 1px solid #e5e5e5;
	-webkit-box-shadow: rgba(200,200,200,0.7) 0 4px 10px -1px;
	box-shadow: rgba(200,200,200,0.7) 0 4px 10px -1px;
}	
#divUsuarioGraf
{
	position: absolute;
	margin-top: 10px;
	left: 300px;
	width: 320px;
	height: 200px;
	border: 1px solid #e5e5e5;
	-webkit-box-shadow: rgba(200,200,200,0.7) 0 4px 10px -1px;
	box-shadow: rgba(200,200,200,0.7) 0 4px 10px -1px;
}
#divCapasDatos
{
	position: absolute;
	margin-top: 10px;
	left: 10px;
	width: 250px;
	height: 280px;
	border: 1px solid #e5e5e5;
	-webkit-box-shadow: rgba(200,200,200,0.7) 0 4px 10px -1px;
	box-shadow: rgba(200,200,200,0.7) 0 4px 10px -1px;
	overflow-y: scroll;
}
#divCapasGrafico
{
	position: absolute;
	margin-top: 10px;
	left: 280px;
	width: 350px;
	height: 280px;
	border: 1px solid #e5e5e5;
	-webkit-box-shadow: rgba(200,200,200,0.7) 0 4px 10px -1px;
	box-shadow: rgba(200,200,200,0.7) 0 4px 10px -1px;
}
#divAccesosDatos
{	position: relative;
	margin-top: 5px;
	margin-bottom: 20px;
	left: 0px;
	width: 520px;
	height: 260px;
	border: 1px solid #e5e5e5;
	-webkit-box-shadow: rgba(200,200,200,0.7) 0 4px 10px -1px;
	box-shadow: rgba(200,200,200,0.7) 0 4px 10px -1px;
	overflow-y: scroll;
}
#divAccesosGrafico
{
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	left: 0px;
	width: 520px;
	height: 240px;
	border: 1px solid #e5e5e5;
	-webkit-box-shadow: rgba(200,200,200,0.7) 0 4px 10px -1px;
	box-shadow: rgba(200,200,200,0.7) 0 4px 10px -1px;
}
#listadoCatalogo
{
	margin-top: 0px;
	width: 100%;
	padding: 10px;
	height: 335px;
	overflow-y: scroll;
}
#divAreaCatalogo
{
	margin-top: 0px;
	width: 100%;
	padding: 10px;
	height: 335px;
	overflow-y: scroll;
}
#divContenidoCat
{
	position: fixed;
	top:50px;
	margin-top: 10px;
	left: 330px;
	width: 1030px;
	height: 710px;
	border: 1px solid #e5e5e5;
	opacity: 1;
	background-color:#FFF;
	-webkit-box-shadow: rgba(200,200,200,0.7) 0 4px 10px -1px;
	box-shadow: rgba(200,200,200,0.7) 0 4px 10px -1px;	
	z-index: 20;
}