body {
    margin: 0px; padding: 0px;
    font-size: 11px;
    line-height: 1.5em;
    font-family:Verdana,Arial,Helvetica,san-serif;
    color: #000000;
    background-color: #FFFFFF;
}

table{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    /*color: #FFFFFF;*/
}

table a{
    color: #9C7A4C;
    font-size: 11px;
    font-family: Verdana;
    font-weight: normal;
}

#nota2{
	margin-top:0px;
	height: 60px;
	font-weight:lighter;
	text-align: justify;
	margin-right: 20px;
	padding-left:15px;
}
#nota{
	margin-top:10px;
	height: 60px;
	font-weight:lighter;
	text-align: justify;
	margin-right: 20px;
	padding-left:15px;
}
#nota ul{
	padding-left:10px;
	margin-left:0px;
}
#nota ul li {
 margin-bottom:10px;
}
#nota a{
 font-weight:bold;
 text-decoration:none;
}
#nota2 a{
 font-weight:bold;
 text-decoration:none;
}
#nota a img{
 border:0px;
}
#nota2 a img{
 border:0px;
}
table a:hover{
    text-decoration: underline;
}


table b{
    font-family: Verdana;
    font-size: 11px;
    color: #4D4D4D;
    font-weight:bold;
}

.tableContent{
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    width: 100%;
    margin-bottom: 5px;

}

.cell_category{
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    border-bottom: 1px solid #9C7A4C;
}

.cell_info{
    border: 0px solid #B8B098;
    padding: 0px 0px 0px 0px;
    height: 11px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
}

.cell_info:hover{
    background-color: #D8D8D8;
    text-decoration: underline;
}

a {
    color: #9C7A4C;
    font-size: 8pt;
    font-family: Arial;
    text-decoration:none;
}

a:active {
    text-decoration: underline;
}

select {
  /*width: 170px;*/
  width: 100%;
  margin: 0;
  font-family: Helvetica,sans-serif, Arial;
  font-size: 11px;
  color: #666666;
  border: 1px solid #B8B098;
}

.button {
    font-size: 11px;
    color: #FFFFFF;
    padding: 1px 4px 2px 4px;
    width: auto;
    overflow:visible;
    text-decoration: none;
  border: 1px solid #A0A088;
  background-color: #B8B098;
  cursor: pointer;
  font-family: Arial,Helvetica,sans-serif;
}

.button:hover {
    color: #B8B098;
    background-color: #F2F2EB;
}

/* Capçalera */

#divBanner{
    position: absolute;
    width: 100%;
    height: 76px;
    top: 0;
    left: 0;
    padding:0;
    background-color: white;
}
#divBanner a img{
		border:0px;

}
#divHelpContent {
	position:relative;
	top:40px;
	
}
#divHelpContent p{
   text-align:justify;
   font-family:Arial;

   font-size:10pt;
}
#divHelpContent p b{
   text-align:justify;
   font-family:Arial;
   font-size:10pt;
}
#divTitleLegend{
	font-size: 8pt;

	
}
#divTitleLlenyosa{
	position: absolute;
	z-index:1100;	
}
#imgDescripcio{
	height: auto;
	padding-bottom:4px;
	margin-top:20px;
}
#imgDescripcio p{
	text-align: justify;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #69502B;
}
#grafiquesDescripcio p{
	text-align: justify;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:smaller;
	color: #69502B;
}
#imgSrc{
	height: 80%;
}

#divTitleLlenyosa b{
	position:absolute;
	margin-top:0px;
	margin-left: 0px;
	color: #9C7A4C;
	font-size: 13pt;
	text-decoration:underline;
}

.title{
    /*text-align: center;*/
    color: #CB773E;
    font-family: Arial;
    font-size: 21px;
    font-weight:normal;
    position: absolute;
		left: 300px;
		top: 20px;
		width:700px;
}

.title a{
    color: #CB773E;
    text-decoration: none;
    font-family: Arial;
    font-size: 25px;
    font-weight: normal;
}

#imgLogo1{
    /*display: inline;
    float: left;
    margin-left: 30px;
    cursor: pointer;*/
    border: 0px solid black;
    padding: 0px 0px 0px 0px;

}
#imgLogo2{
    /*display: inline;
    float: left;
    margin-left: 30px;
    cursor: pointer;*/
    border: 0px solid black;
    padding: 4px 0px 4px 3px;

}
#linkLlenyosa{
    /*display: inline;
    float: left;
    margin-left: 30px;
    cursor: pointer;*/
	font-size: 10pt;
}
#idLlistEspecies{
	overflow: auto;
	height:200px;
	padding:10px;
	/*
	position:absolute;
	padding-left:20px;*/
}
.hrBanner{
    background-color: #BF2F14;
    height: 2px;
    border: 0px solid #BF2F14;
    padding: 0px 0px 0px 0px;
    width: 100%;
    font-size: 1px;
}

#divSubBanner{
    position: absolute;
    top: 88px;
    width: 100%;
    left: 0;
    height: 20px;
    font-size: 11px;
    background-color: #498100;
    color: #FFFFFF;
    display: inline;
    /*padding: 2px 0px 0px 20px;*/
}

#divSubBannerText{
    position: absolute;
    padding: 2px 0px 0px 20px;
    display: inline;
    width: 80%;

}

#divSubBannerText a{
    color: #FFFFFF;
    font-size: 10pt;
    font-family: Arial;
}

#divSubBannerLogin{
    position: absolute;
    padding: 0px 0px 0px 0px;
    display:inline;
    left: 400px;
}


#divMain{
    position: absolute;
    top: 68px;
    width:100%;
    clear: both;
    /*height: 0px;*/
}


#divMainLeft{
	position: absolute;
	background-color: #f6e8d3;
}

#divSplitter{
	position: absolute;
    background-color: #FFFFFF;
    background-position: center;
    background-image: url("../img/accordion/collapsed_right.gif");
    background-repeat: no-repeat;
    cursor: pointer;
}

#divMainRight{
    position: absolute;
    z-index: -1;
}

#divTools{
    position: absolute;
    /*top: 100px;*/
    width: 100%;
/*	clear: both;*/
    background-color: #00fff0;
}

#divMap{
    position: absolute;
    top: 2px;
    left: 0;
    width: 100%;
}

#linksInfo{
    position: relative;
	float: left;
	padding-left:2px;
	padding-right:2px;
	margin-top:5px;
	border-right-style:ridge;
	border-right-width:thin;
	border-right-color:  #69502B;
	font-weight:bolder;
	font-size: smaller;
	width: 14%;
	color: #69502B;
    background-color: white;
	
}

#linksInfo a {
	color:  #69502B;

	height: 100%;
}
#linksInfo a:hover {
	color:  #CB773E;
	font-weight:bolder;
}

#imgInfo{
    position: relative;
    float:right;
	width:80%;
	
}

#divOverviewMap {
    padding: 0px;
    background-color: #498100;
    border:0px solid black;
    /*width:102px;*/
    color:black;
    font-weight:bold;
    font-size:10pt;
    font-family: verdana;
    height:0px;
    position:absolute;
    float:right;
    left:0;
    top: 25px;
    /*top:90%;*/
}

#divOverviewMapContainer{
    position: absolute;
}
#divRightTools{
	
	position:absolute;
	padding:2px;
	display:inline;;
	border: 1px solid #69502B;
}
#divToolbar{
	display:inline;
}
#divStatusBar{
    display:inline-block;
    z-index: 100;
	bottom:2px;
	left: 300px;
	padding-top:10px;
	padding-left:10px;
    border: 0px solid #000000;
	font-size: smaller;
    width: 260px;
}

#divMapLoading{
    position: absolute;
    left:100px;
    top:100px;
    height: 15px;
    width: 130px;
    background-image: url('../img/viewer/ajax-loader.gif');
    background-position:center;
    background-repeat:no-repeat;
    z-index: 1001;
}


#divLayerSection{
  overflow-y:auto;
  overflow-x:hidden;
	background-color:#f6e8d3;
	padding-top:10px;
	font-weight:lighter;
	text-align:justify;
	color:#4D4D4D;
	font-family:Verdana;
	font-size:11px;
}

.LayersManagerCustom{
	margin-left:0px;
	width:50%;

}

.divIntroLayersManager{
	line-height:1.2 !important;
	margin-left:10px !important;
	font-weight:lighter !important;
	text-align:justify !important;
	color:#4D4D4D !important;
	font-family:Verdana !important;
	font-size:11px !important;	
}
#divTab1{
	overflow:hidden;
}

.imgIntroLayersManager{	
	valign:absmiddle  !important;
	width:18px  !important;
	height:18px  !important;
	cursor:pointer;

}

#divSearchResults{
    /*height:300px;*/
    overflow:auto;
}

#divSearchPois{
    padding: 10px 0px 0px 0px;
}

#divProfiles{
    font-weight: normal;
    padding: 10px 0px 0px 0px;
}
/*styles for the switchers*/
#divBaseLayerSwitcher{
  position:absolute;

}



#divMapLegend{
    position:absolute;
    z-index: 1001;
}

/*styles for the sections of the accordion*/
.infoDiv{
    /*height:400px;*/
    background-color: #f6e8d3; /*#F2F2EB;*/
    border: 0px solid #000000;
}

.infoContainer{
    /*height:400px;*/
    background-color:#f6e8d3;
    border: 0px solid #000000;
    padding: 0px 0px 0px 0px;
    margin-top:0px;
    color:#4D4D4D;
    font-family:Verdana;
    font-size:11px;
    font-weight:bold;
}



.infoTitle{
    background-color: #9C7A4C;
    color: #FFFFFF;
    font-size: 11px;
    font-family: Verdana;
    border: 1.5px solid #FFFFFF;
    font-weight: bold;
    cursor: pointer;
    margin: 1px;
		padding: 2px 5px;
}

.importantTitle{
    background-color: #8C6A4C;
    color: #FFFFFF;
    font-size: 11px;
    font-family: Verdana;
    border: 1.5px solid #FFFFFF;
    font-weight: bold;
    cursor: pointer;
    margin: 1px;
		padding: 2px 5px;
}



/* login section */
.input_login {
    height: 8pt;
    width: 80px;
    border: 1px #000000 solid;
    font-size: 7pt;
}

.login_button {
    font-size: 8pt;
    font-weight: bold;
    padding: 0px 0px 0px 0px;
    border: 0px;
    background: #F2F2EB;
    color: #000000;
    margin-left: 2px;
    height: 13px;
    text-decoration: none;
    cursor: pointer;
    width:80px;
}


/*does not work in explorer (fucking bill gates)*/
/*.login_button:hover {
    color: rgb(255, 153, 51);
}*/

.divLoading{
    margin: 5px;
}

.imgLoading{
    vertical-align: middle;
}

.bannerTitle{

	color:#9c7a4c;
	font-weight:bold;
	font-family:"Verdana";
	font-size:18px;
}
.spanLoading{
    font-size: 11px;
    font-weight: bold;
    margin-left: 10px
}

.itineraryInfo{
    padding: 5px 0px 0px 0px;
     
}
.itineraryTable{
    font-family: Verdana;
    font-size: 11px;
    width:100%;
    border: 0px solid #000000;
}

.itineraryInfoTitle{
    font-weight: bold;
    background-color: #FFFFFF; /*#B2D388;*/
    height:25px;
    vertical-align: middle;
    width:100%;
    border: 0px solid #999999;
    /*background:transparent url(../img/misc/bg_caja.gif) repeat scroll 0 0;*/
    background:transparent url(../img/misc/bullet_vermell_major.gif) no-repeat scroll 0 4px;
    padding: 0px 0px 0px 15px;
}

.maptip {
  background: #FFFFFF;
  border: 1px solid #999999;
  font-family: Verdana;
  font-size: 11px;
  font-weight: bold;
  color: #4D4D4D;
  padding: 5px;
  opacity: 0.8;
  filter: alpha(opacity=80);
  height:auto;
  width:200px;
  /*background:transparent url(../img/misc/bg_caja.gif) repeat scroll 0 0;*/
}

.maptip_header{
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    color: #AC2115;
}



/* Pestanyes */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
    visibility:hidden;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
	margin-top: 1px;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav {
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #888888;
}

ul.tabbernav li {
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a {
 padding: 3px 2em;
 /*margin-left: 2px;*/
 margin-right: 5px;
 border: 1px solid #778;
 border-bottom: none;
 background: #ffffff;
 text-decoration: none;
 font-size: 14px;
}

ul.tabbernav li a:link { color: #000000; }
ul.tabbernav li a:visited { color: #000000; }

ul.tabbernav li a:hover {
 color: #000000;
 background: #D6D5C1;

}

ul.tabbernav li.tabberactive a {

 	border-top: 1px solid #888888;
 	border-left: 1px solid #888888;
 	border-right: 1px solid #888888;
 	border-bottom: 1px solid #F2F2EB;
 	color: black;
	font-size: 14px;
	font-weight: bold;
	background-color: #F2F2EB;
}

ul.tabbernav li.tabberactive a:hover {

}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 position: absolute;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 overflow:auto;
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

.ul.li{
 color:red;
}



/*loading div*/
#divMainLoading{
    top: 88px;
    position: absolute;
    width: 100%;
    height: 500px;
    background-color: #FFFFFF;
    vertical-align: middle;
    z-index: 2000;
   
}

.divInner{
    position: relative;
    top: 40%;
    margin-right:auto;
    margin-left:auto;
    border:1px dotted #908E8F;
    background-color: #F5F5F5;
}

#divInnerLoading{
    width: 250px;
    padding: 25px 5px 5px 5px;
}

#divLoadingSubtitle{
    width: 100%;
    margin-top: 5px;
}

.txtMediumDarkGrey {
    color: #4C4B4C;
    font-size: 14px;
    font-weight: bold;
}

.txtSmallItalic{
    font-style: italic;
    font-size: 11px;
}
.txtCenter{
    text-align: center;
}

.overflowhidden{
    overflow: hidden;
    text-align: center;
}

.buttonAdminTools{
    font-size: 13px;
    color: #000000;
    padding: 1px 4px 2px 4px;
    margin: 10px 0;
    width: auto;
    overflow:visible;
    text-decoration: none;
    border: 1px solid #A0A088;
    background-color: #FFFFFF;
    cursor: pointer;
    font-family: Arial,Helvetica,sans-serif;
}

.buttonAdminToolsDisabled{
    font-size: 13px;
    color: #FFFFFF;
    padding: 1px 4px 2px 4px;
    margin: 10px 0;
    width: auto;
    overflow:visible;
    text-decoration: none;
    border: 1px solid #A0A088;
    background-color: #A0A088;
    font-family: Arial,Helvetica,sans-serif;
}

.loadingAdminTools{
    background: url("../img/utils/loading.gif") no-repeat;
    width:16px;
    height:16px;
}


.divSlideCombo{
	margin:10px;
	font-family:verdana,sans-serif,Arial;
}

.divSlideIntro{
	margin:10px;
}

.divSlideCombo{
	margin:10px;
}

.spanSliderMain{
	margin:10px;
	display:inline;
}