body {
	background-color: #fff;
	color: #333; 
	margin:0px;
	padding:0px;	
}

body, p, ol, ul, td {
  font-family: arial, helvetica, sans-serif;
  font-size: 13px; line-height: 18px;  
}

img {
	border: none;	
}


#header{
	position:relative;
	height: 22px;
}

#top_menu{

	background: #053462;
	height: 20px;
	width: 100%;
	left:0px;
	position: absolute;
	top: 0px;
	font-size: 10px;
	border-top: solid 1px #666;
	border-bottom: solid 1px #666;
}

#main_title {
   margin-left:20px;
   color: #fff;
   text-shadow: 2px 2px 2px #000;
}

#logout{
	float:right;
	margin-right:20px;
	color: #fff;
}

#logout a{
	color: #fff;
}

#logo{ 
	position: relative;	
	left: 5px;
	top: 0px;		 
}

#logo_sigtierras{
	position: absolute;
	top:0px;
	right: 10px;
}

#inicio{
width: 25px;
height: 25px;
}

#nosotros{
width: 25px;
height: 25px;
}

#contacto{
width: 25px;
height: 25px;
}

#ayuda{
width: 20px;
height: 20px;
}



#logo_banner{
   max-width: 100%;
    height: auto;
	background-color: #003759;
}

#logo_pie{
   max-width: 100%;
    height: auto;
	background-color: #003759;
}


.main_image {
	             /**not repeat;*/
	background-image: none;
	position:relative;
	top:0px;
	left:0px;
}

#container {	
	padding: 2px; 
	background-color:#fff	
}

.Clear {clear:both}

/**
 * Contenido
 */
#content {position: relative; overflow:hidden; }

#map_div { position:relative; width:100%; height:100%; background:#fff}
#map_div #button_bar { border:1px dotted #ddd; position:absolute; right:5px; top:5px; margin:1px;background:#fff;}
#map_div #button_bar a { float:left; margin:1px }
#map_div #button_bar a:hover { background:url("/sinat_web_descarga/javax.faces.resource/images/map_buttons/highlighted.png.xhtml")}


#map_div #button_bar img { border: 0px; }
#map { width:100%; height:100%; }

#map_div #map_info { border:1px dotted #ddd; position:absolute; left:5px; top:5px; margin:1px; background: #FCF8E3;padding:2px;cursor:pointer;}

#map_loading { position:absolute; left:20px; top:10px; font-size:10px; font-weight:bold; z-index:100}
#map_loading_container { height:10px; width:100px; border:1px solid #ccf; padding:1px; }
#map_loading_bar { height:100%; width:0%; background-color:#6A7B88; }

.ScaleDiv {
	position:absolute; left:10px; bottom:10px; height: 2px;
	border: 1px solid #eee; background-color: #333;
	font-size: 10px; text-align: right;
}
.ScaleDiv span { position: relative; bottom: 15px; }

.MapCoordinatesDiv {
	position:absolute; right:10px; bottom:5px; 
}

.MapCoordinatesDiv span { font-size: 10px; text-align: right; }

.MeasureToolLength { font-size:10px;font-weight:bold;color:#000 }


/**
 * Pie
 */


#footer {
	position:relative;
	text-align: center;
	height:20px; 
	font-size:85%; 
	background: #2d2c4d;
	border-top: 1px solid  #666;
	border-bottom : 1px solid #666;
	color: #fff;
}

#westt {
	position:relative;
	text-align: center;
	height:20px;
	font-size:85%;
	background: #2d2c4d;
	border-top: 1px solid  #666;
	border-bottom : 1px solid #666;
	color: #fff;
}

/**
 * Overlay
 */
#overlay {
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:202;
	background-color:#000;
}

#invalid_browser{
	position: absolute;
	width: 600px;
	height: 400px;		
	top: 50%;
	left: 50%;
	margin-top: -215px; /* height/2 = 400px / 2 */
	margin-left: -300px; /* width/2 = 500px / 2 */
	background-color: #ffc;
	border: 1px solid #999999;;
	z-index: 203;
	/*font-size: 90%;*/
	/*  padding:20px;
    text-align: center;*/
}

.title_sinat{
	padding-left: 20px;
	background: url("../images/arrow_down.png") no-repeat;
}

#sinat_login{
padding:4px;
border: 1px solid #f0c36d;
background: #f9edbe;
margin: 2px;
}

#layer_manager{
	background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 34px;
    width: 130px;
}


/***************************/
/*Estilos propios*/
/***************************/
label{
	font-weight: bold;
}
.lista_seleccion{
	width: 240px !important;
	overflow-y: scroll !important;    
    max-height:300px !important;	
}
.lista_seleccion li {
	font-size: 10px !important;
}
.tablas_top{
	text-align: center !important;
	vertical-align:top !important;	
}
.tablas_top table{
	vertical-align:top !important;	
}
.tablas_top td{
	vertical-align:top !important;	
}

.padding_compacto td{
	padding: 0 !important;
}

.filtroColumna input{
background:white !important;
}

div.centrar{
	width:900px;
	margin: 0 auto;
	text-align: center;
}

.buttons input {
    margin: 5px;
    padding: 5px 5px 5px 20px; /* 20px makes room for your background image */
    border: 1px solid #aaa;
}

