/* --------------------- css web salt -------------------------------- */
html
{
	overflow:hidden;
}

body, html { font-family:arial,helvetica,sans-serif; font-size:90%; }

body {
	background-color: #ffffff;
}

#main {
	background-color: #434343;
}

#top {
 background-image: url(../images/fonstop.gif);
 background-repeat: repeat-x;
 background-color: #434343;
}

#top1 { float: left; width: 200px; height: 77px; background-image: url(../images/logo_ajsalt.gif); background-repeat: no-repeat; margin-left: 30px;  }
#top2 { float: left;  width: 400px; text-align: center; color: #ffffff; font-family: arial,helvetica, sans-serif; font-size: 24px; text-transform: uppercase;  }
#top3 { float: right; width: 227px; height: 77px;  background-image: url(../images/logo_unsaltandavant.gif); background-repeat: no-repeat;   padding-right: 30px; }

#bottom {
 background-image: url("../images/fonsbottom.gif");
 background-repeat: repeat-x;	
 background-color: #20B2AA;
 font-family: arial,helvetica, sans-serif; 
 font-size: 14px; 
 color: #ffffff;
}

.negreta {
	font-weight: bold;
}

#signatura1 { float: left;  padding: 17px 0px 0px 30px; }
#signatura2 { float: right;  padding: 17px 30px 0px 0px;  text-align: right;}


#bottom a {
	font-family: Arial;
	font-size: 14px;
	color: #f0f0f0;
	text-decoration: none;
	font-weight: bold;
}

#bottom a:hover {
	color: White;
	font-size: 14px;
}



/* input, input.text, input.title { background: #ffffff; border: 1px solid #4A4A4A; margin: .3em .3em .3em 0; }*/
select { background: #ffffff; border: 1px solid #4A4A4A;  }
textarea { background: #ffffff; border: 1px solid #4A4A4A; margin: .5em .5em .5em 0; padding: 5px;}

.imatgePopup {
	border: 0px;
}

#llegenda { margin: 0px 0px 0px 5px }

.llegenda { margin: 5px 5px 5px 5px }


#recomanacionsText{
	font-family: Arial;
	font-size: 13px;
	color: #000000;
	padding: 5px 5px 5px 5px
}


/* --------------------- Altres -------------------------------- */
h1 { font-size: 175%; font-weight: bold; }

a {
	text-decoration: none;
}


.text a {
	font-family: Arial;
	font-size: 13px;
	color: #f0f0f0;
	text-decoration: none;
	font-weight: bold;
}

.text a:hover {
	color: White;
	font-size: 14px;
}

.menu A:Active {
	color: Black;
}

.menu A:Hover {
	color: Black;
}

/* --------------------- css guia -------------------------------- */

#map {
	width: 100%;
	height: 100%;
	/*background-color: #340612;*/
	background-color: white;
}

#llegenda {

	margin-top: 5px;
	height: 180px;
	overflow: auto;
	margin-bottom: 5px;
}

#llegenda img{
	widows: 16px;
	height: 16px;
	border: 0;
	margin-left: 2px;
	margin-right: 2px;
}


/* Marker */
.markerLabel{
	font-weight: bold;
	color: white;
}

/* Mapa */
.olControlMapTypePanel {
	float: right;
	right: 4px;
	top: 10px;
	font-size: 12px;
	font-family: arial, sans-serif, vera;
}

.olControlMapTypePanel  div {
	position: relative !important;
	float: left;
	margin: 1px;
	cursor: pointer;
}

.olControlMapType {
	padding: 0px;
	margin: 0px;
	background-color: white;
	border: 1px solid black;
}

.olControlMapType div {
	width: 100px;
	border-top: 1px solid white;
	border-left: 1px solid white;
	border-right: 1px solid #B0B0B0;
	border-bottom: 1px solid #B0B0B0;
	margin: 0px;
	padding: 1px 2px 1px 2px;
	text-align: center;
}

.olControlMapTypeItemActive {
	font-weight: bold;
}

.olControlMapTypeItemActive .olControlMapType div {
	border-top: 1px solid #6C9DDF;
	border-left: 1px solid #6C9DDF;
	border-right: 1px solid #345684;
	border-bottom: 1px solid #345684;
}

/* Avís de les capes */
/*
.olControlAttribution {
	background-color: #f8f500;
	padding-right: 5px;
	padding-left: 5px;
	color: black;
	left: 242px;
	bottom: 2px;
}
*/
div.olControlMyMousePositionOptions {
	padding-right: 2px;
	padding-left: 2px;
	bottom: 0em;
	left: 0px;
	position: absolute;
	font-family: Arial;
	font-size: x-small;
	background-color: #000000;
}

.olControlMyAttribution {
	padding-right: 5px;
	padding-left: 5px;
	color: black;
	left: 300px;
	bottom: 0px;
	font-family: Arial;
	font-size: x-small;
}

.olControlMyScaleLine {
	padding-right: 2px;
	padding-left: 2px;
	left: 4px;
	bottom: 24px;
	font-size: xx-small;
}

.olControlMyScaleLineTop {
	border: solid 2px black;
	border-top: none;
	text-align: center;
	background-color: #ffffff;
	color: #000000;
}


.olControlOverviewMapExtentRectangle {
	border: 2px dotted red;
}


.olControlOverviewMapElement {
    background:transparent;
    padding: 10px 10px 10px 10px;
    -moz-border-radius: 0 0 0 0;
}

.olPopupContent {
	color: #000000;
}

.olPopupCloseBox{
	top: 0px;
	margin-top: 5px;
}


.olFramedCloudPopupContent {
	color: #000000;
}

a.olFramedCloudPopupContent img {
	border: 0px;
}


/*--------------------------------------------*/
#barraEinesContainer{
	/*background-image: url("../images/fonsbarraeines.gif");
	background-repeat: repeat-x;	*/
	background-color: #cccccc;
	height: 35px;
	width: 100%;
}

.barraEinesContainer_x{
	background-image: url("../images/fonsbarraeines.gif");
	background-repeat: repeat-x;	
	color: #ffffff;
}

.fonsmapa_x{
	background-color: #363636
}


#barraEscala {
	float: left;
	margin-left: 10px;
	margin-top: 6px;
}



#barraMesures {
	float: left;
	margin-top: 6px;
	padding-left: 5px;
	width: 150px;
}


#barraSlide{
	top: 8px;
	right: 8px;
	position:relative;
	
}


#barraSlide div{
	float: right; 
}


.barraSlideText1{
	padding-right: 5px;
	padding-left: 5px;
	float: left;
}

.barraSlideText{
	padding-right: 5px;
	padding-left: 5px;
	float: left;
}


#slidercontainer1{
	float: left;
	width: 100px;
}

.jquery-completed{
	width:95px;
}


.olControlPanelBarraEines div { /*display: block;*/
	width: 28px;
	height: 28px;
	/*top: 150px;*/
	position: relative;
	background-color: #eee;
	margin-top: 2px;
	margin-left: 4px;
	margin-bottom: 2px;
	float: left;
}

.olControlPanelBarraEines .olControlNavigationItemActive {
	background-image: url("../images/eines/pan.gif");	
	width: 24px;
	height: 24px;
	background-position: center;
	background-repeat: no-repeat;
	border: 2px solid #ca0039;
	padding: 1px;
}

.olControlPanelBarraEines .olControlNavigationItemInactive {
	background-image: url("../images/eines/pan.gif");	
	width: 24px;
	height: 24px;
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #ffffff;
	padding: 2px;
}

.olControlPanelBarraEines .olControlMouseDefaultsItemActive {
	background-image: url("../images/eines/pan.gif");	
	width: 24px;
	height: 24px;
	background-position: center;
	background-repeat: no-repeat;
	border: 2px solid #ca0039;
	padding: 1px;
}

.olControlPanelBarraEines .olControlMouseDefaultsItemInactive {
	background-image: url("../images/eines/pan.gif");	
	width: 24px;
	height: 24px;
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #ffffff;
	padding: 2px;
}

.olControlPanelBarraEines .olControlZoomBoxItemActive {
	background-image: url("../images/eines/mActionZoomToSelected.gif");	
	width: 24px;
	height: 24px;
	background-position: center;
	background-repeat: no-repeat;
	border: 2px solid #ca0039;
	padding: 1px;
}

.olControlPanelBarraEines .olControlZoomBoxItemInactive {
	background-image: url("../images/eines/mActionZoomToSelected.gif");	
	width: 24px;
	height: 24px;
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #ffffff;
	padding: 2px;
	}

.olControlPanelBarraEines .olControlMyInfoButtonItemActive {
	background-image: url("../images/eines/mActionIdentify.gif");
	width: 24px;
	height: 24px;
	background-position: center;
	background-repeat: no-repeat;
	border: 2px solid #ca0039;
	padding: 1px;
}

.olControlPanelBarraEines .olControlMyInfoButtonItemInactive {
	background-image: url("../images/eines/mActionIdentify.gif");
	width: 24px;
	height: 24px;
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #ffffff;
	padding: 2px;
}

.olControlPanelBarraEines .olControlImprimirItemActive {
	width: 24px;
	height: 24px;
	background-image: url("../images/eines/imprimir.gif");
	background-position: center;
	background-repeat: no-repeat;
	border: 2px solid #ca0039;
	padding: 1px;
}

.olControlPanelBarraEines .olControlImprimirItemInactive {
	width: 24px;
	height: 24px;
	background-image: url("../images/eines/imprimir.gif");
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #ffffff;
	padding: 2px;
}

.olControlPanelBarraEines .olControlMeasureItemActive {
	background-image: url("../images/eines/measure.gif");	
	width: 24px;
	height: 24px;
	background-position: center;
	background-repeat: no-repeat;
	border: 2px solid #ca0039;
	padding: 1px;
}

.olControlPanelBarraEines .olControlMeasureItemInactive {
	background-image: url("../images/eines/measure.gif");	
	width: 24px;
	height: 24px;
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #ffffff;
	padding: 2px;
}

.olControlPanelBarraEines .olControlMeasureAreaItemActive {
	background-image: url("../images/eines/measurearea.gif");	
	width: 24px;
	height: 24px;
	background-position: center;
	background-repeat: no-repeat;
	border: 2px solid #ca0039;
	padding: 1px;
}

.olControlPanelBarraEines .olControlMeasureAreaItemInactive {
	background-image: url("../images/eines/measurearea.gif");	
	width: 24px;
	height: 24px;
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #ffffff;
	padding: 2px;
}

.olControlMyNavigationHistory {
}


.olControlPanelBarraEines .olControlMyNavigationHistoryPreviousItemActive { 
	background-image: url("../images/eines/view_previous_on.gif");
	width: 24px;
	height: 24px;
	background-position: center;
	background-repeat: no-repeat;
	border: 2px solid #ca0039;
	padding: 1px;
	
}
.olControlPanelBarraEines .olControlMyNavigationHistoryPreviousItemInactive { 
	background-image: url("../images/eines/view_previous_off.gif");
	width: 24px;
	height: 24px;
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #ffffff;
	padding: 2px;
}

.olControlPanelBarraEines .olControlMyNavigationHistoryNextItemActive { 
	background-image: url("../images/eines/view_next_on.gif");
	width: 24px;
	height: 24px;
	background-position: center;
	background-repeat: no-repeat;
	border: 2px solid #ca0039;
	padding: 1px;
}

.olControlPanelBarraEines .olControlMyNavigationHistoryNextItemInactive { 
	background-image: url("../images/eines/view_next_off.gif");
	width: 24px;
	height: 24px;
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #ffffff;
	padding: 2px;
}

.olControlOverviewMapMinimizeButton{
	display: none;
}

.olControlOverviewMapElement{
	padding: 10px 10px 10px 10px;
        background-image: url("../images/fons_tr.gif");
	background-repeat: repeat;
	border: solid 1px #000000;
}

.olControlMapTypePanel {
    float:right;
    right: 10px;
    top: 10px;
    padding:2px;
    font-size: 12px;
    font-family:arial,sans-serif,vera;
	color: #000000;
}
.olControlMapTypePanel  div {
    position: relative !important;
    float:left;
    margin: 1px;
    cursor: pointer;
}
.olControlMapType {
    padding: 0px;
    margin: 0px;
    background-color: white;
    border: 1px solid black;
}
.olControlMapType div {
    width: 120px;
    border-top: 1px solid white;
    border-left: 1px solid white;
    border-right: 1px solid #B0B0B0;
    border-bottom: 1px solid #B0B0B0;
    margin: 0px;
    padding: 1px 2px 1px 2px;
    text-align:center;
}
.olControlMapTypeItemActive {
    font-weight: bold;
}
.olControlMapTypeItemActive .olControlMapType div {
    border-top: 1px solid #6C9DDF;
    border-left: 1px solid #6C9DDF;
    border-right: 1px solid #345684;
    border-bottom: 1px solid #345684;
}

/*---------------- SLIDER -------------------*/


.defaultbar
{
	margin-top: 5px;
    height: 5px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    position: relative;
	}
.defaultbar .jquery-completed
{
	height: 3px;
    background-color: Maroon;
    top: 1px;
    left:1px;
    position: absolute;
    line-height: 1px;
    /*clear: both;
	padding: 0px;*/
	}
.defaultbar .jquery-jslider
{
	height: 15px;
    background-color: #ca003a;
    border: 1px solid Black;
    top: -6px;
    display: block;
    cursor: pointer;
    position: absolute;
    line-height: 1px;
	}
.defaultbar .jquery-jslider-hover
{
	background-color: #000080;
}


.olPopupCloseBox {
	background:transparent url("../images/OpenLayers/close.gif") no-repeat;
	cursor:pointer;
	right: 2px !important;
	/*top: 38px !important;*/
}