@charset "utf-8";

body{
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
}

#map {
	background-color: #E7EFF1; /* #92B3B5 */
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	position:absolute;	
}

.olControlScaleLine{
    bottom: 50px;
    left: 250px;
}

.filetree span.folder {
    font-weight: 300;
    color: #FFFFFF;
    font-size: 11px;
}


div.olMapViewport {
    background-color: #E7EFF1 !important;
}

.ui-dialog{
    border-radius: 1px;
    background-image: none;
    background-color: rgba(0, 0, 0, 0.8);
}
.ui-widget-content{
    border: 1px solid #000000;
    color: #000000;
}

.ui-widget-header{
    font-family: 'Open Sans', sans-serif;

}

.ui-dialog .ui-dialog-title{
    margin: 0.4em 16px 0.1em 0;

}

.ui-widget-header {
    color: #FFFFFF;
    font-weight: 200;
    font-size: 18px;
}

#tabsCountry a {
    margin-bottom: 0.5em;
}
#tabsCountry .ui-button .ui-button-text {
    line-height: 1em;
}
#tabsCountry .ui-button-text-only {
    font-weight: normal;
}
#boxZoom {
}
#boxTool div {
  cursor: pointer;	
	width: 24px;
	height: 24px;
	margin-right: 5px;
	display:inline-block;
}

#boxIcons {
    bottom: 0;
    height: 30px;
    position: absolute;
    text-align: center;
    width: 100%;
    display:none;
}
#boxLogo {
    display: block;
    right: 10px;
    position: absolute;
    bottom: 50px;
}
#boxLogos {
    display: block;
    left: 10px;
    width: 244px;
    height: 27px;
    position: absolute;
    bottom: 50px;
}

#boxLogo img {
    width: 197px;
    height: 70px;
}

#locateCoor {
    display: inline-block;
    height: 5em;
    text-align: center;
    width: 18em;
}
#locateGeo {
    float: right;
    height: 5em;
    text-align: center;
    width: 26em;
}
#locateButton {
    display: inline-block;
    margin-top: 5px;
    text-align: center;	
}
#tabsLocate label {
    display: block;
    font-weight: bold;
    margin-bottom: 1em;
}

#tabsSearch label {
    display: block;
    font-weight: bold;
    margin-bottom: 1em;
}
#egGenType {
    }
#egGenStatus {
    text-align: center;
    display: inline-block;
    width: 9em;
}
#egButton {
    display: block;
    margin-top: 0.5em;
    text-align: center;
    width: 18em;
}

#txtGeoName { width: 93%; }

.ui-icon-locate      {  background-position: -112px -112px; } 
.ui-icon-tools       {  background-position: -128px -112px; } 
.ui-icon-layers      {  background-position: -144px -112px; } 
.ui-icon-search      {  background-position: -160px -112px; } 
.ui-icon-info        {  background-position: -16px -144px;  } 
.ui-icon-measures    {  background-position: -192px -112px; } 
.ui-icon-legend      {  background-position: -208px -112px; } 

.layerContainer, .layerControl{
    float:left;
}

.layer.layerInactive .layerName{
	text-decoration:line-through;
}

.layer .layerName{
	color: #DDDDDD;
    font-size: 10px;
    font-weight: 300;
    text-decoration: none;
}
.layerLegend{
	padding-left: 25px;
}

.layerName{
    width:100%;
    padding-left:2px;
}
#mainMenu{
	z-index: 2000;
	position: absolute;
	bottom: 0px;
	left:0px;
	right: 0px;
	height: 40px;
    background-color: rgba(0, 0, 0, 0.7);
}

.menuItem{
    color: white;
    font-size: 12px;
    letter-spacing: 0.7px;
    line-height: 10px;
    padding: 15px 10px;
    text-decoration: none;
    text-transform: uppercase;
    cursor:pointer; 
}

.menuItem.menuItemOver{
    text-shadow: 0px 0px 3px rgba(255, 255, 255, 1);
}

.menuItem.info{
    color: #CCC;
    font-size: 10px;
    letter-spacing: 0.5px;
    line-height: 8px;
    padding: 15px 10px;
    text-decoration: none;
    text-transform: uppercase;
    cursor:pointer; 
}


#toolsMenu{
	z-index: 2000;
	position: absolute;
	top: 0px;
	right: 100px;
	height: 42px;
}
.toolsMenuFirst{
	background: url("../images/mainmenu-left.png") no-repeat scroll 0 0 transparent;
	width: 5px;
	height: 42px;
}
#toolsMenuMiddle{
	float: left;
	background: url("../images/mainmenu-middle.png") repeat-x scroll 0 0 transparent;
	height: 42px;
	display: block;
	text-align: center;
	width: 300px;
}

.toolsMenuLast{
	background: url("../images/mainmenu-right.png") no-repeat scroll 0 0 transparent;
	width: 5px;
	height: 42px;
}


.featureTable{
	
}
.featureType{
    color: #59440D;
    font-family: BebasNeueRegular,Georgia,"Times New Roman",Times,serif;
    font-size: 14px;
    line-height: 14px;
}
.attrName{
 text-align: right;	
}
.attrSeparator{
	
}
.attrValue{
	
}
.featureSeparator{
    line-height: 18px;
}
.FeatureInfoResult{
	padding-left: 10px;
}
.downloadGML{
    color: #FFF;
    font-family: 'Open Sans',sans-serif;
    font-size: 12px;
    line-height: 12px;
    text-decoration: none;
}
.rasterValue{
    font-size: 10px;
    line-height: 14px;
    text-decoration: none;
}

.filetree span.folder, .filetree span.file { padding: 0 0 2px 3px !important; }
.filetree span.folder { background: none !important; }
.filetree li.expandable span.folder { background: none !important; }


#boxSearch td {
    padding-right: 1em;
    padding-top: 0.5em;
    vertical-align: top;
}
#boxSearch select { width: 18em; }
#boxSearch optgroup  { color: #59440D; }
#boxSearch optgroup  option { color: #000; }


#boxAnalisys td {
    padding-right: 1em;
    padding-top: 0.5em;
    vertical-align: top;
}
#boxAnalisys td.cb {
    padding-right: 1em;
    padding-top: 1em;
    vertical-align: top;
}

#boxAnalisys .downloadGML.lot{
    font-size: 12px;
}

#boxAnalisys td input {
    width: 50px;
}


#boxAnalisys select { width: 18em; }
#boxAnalisys optgroup  { color: #59440D; }
#boxAnalisys optgroup  option { color: #000; }


.colZoom { text-align: center; }
.coltitle { font-weight: bold; }

.ui-button { margin-bottom: 10px; }
#cmbEGSize_chzn { text-transform: uppercase; }


.iconDialog {
    height: 40px;
    margin-left: -21px;
    margin-top: -10px;
    position: absolute;
    width: 40px;
    z-index: -10;
}
/*
.iconLayers { background: url("imagenes/layers.png") no-repeat scroll 0 0 transparent; }
.iconSearch { background: url("imagenes/search.png") no-repeat scroll 0 0 transparent; }
.iconInfo { background: url("imagenes/info.png") no-repeat scroll 0 0 transparent; }
#boxLocate { background: url("imagenes/layers.png") no-repeat scroll right 0 transparent; }
*/


.olLayerGoogleCopyright,.olLayerGooglePoweredBy{
    display: none;
}

.custombt{
   background-color: #FFFFFF;
    border-radius: 2px;
    font-size: 10px;
    font-weight: bold;
    padding: 7px 11px 4px;
    text-decoration: none;

}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{
    font-size: 10px;
    font-family: 'Open Sans',sans-serif;
     border-radius: 2px;
     box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.75) inset;
     border:none;
     padding: 5px;
}

.dialog_layers{
    right: 20px;
    position: absolute;
}

.dialog_menu{
    right: 20px;
    position: absolute;
}

div.legend{
    color: #FFF;
    font-size: 12px;
    opacity: 0.8;
    margin-bottom: 5px;
    margin-left: 5px;
    font-variant: small-caps;
}

div.legend.space{
    margin-bottom: 7px;
}



#finfoSearchResult th{
    background-color: rgba(120,120,120,0.7);
    padding: 5px;
    font-variant: small-caps;
}

#finfoSearchResult tr:nth-child(odd){
    background-color: rgba(20,20,20,0.5);
    padding: 3px;
    color: #CCC;
}

#finfoSearchResult tr:nth-child(even){
    background-color: rgba(100,100,100,0.5);
    padding: 3px;
    color: #FFF;
}

#finfoSearchResult table{
    width: 100%;
    text-align: left;
    font-size: 11px;
    font-family: 'Open Sans';
}

#finfoSearchResult td{
    padding: 5px;
}

.resCombo{
    padding-bottom: 20px;
    text-align: left;
}

.resCombo label{
    color: #FFF;
    font-size: 12px;
    display: block;
    padding-bottom: 8px;
}