@CHARSET "UTF-8";
/*taronja  #0066cc), el blau(#0066cc), i el groc #ffd200 */
body{
	background-color: #f1f4f8;
	background:#edf0f3 url(../img/nav/fons_blau.png) repeat-x top;
}
a:link {text-decoration: none;color: #0066cc;}
a:visited {
	text-decoration: none;
	color: #0066cc;
}
a:active {
	text-decoration: none;
	color: #0066cc;
}
a:hover {
	text-decoration: underline;
	color: #0066cc;
}

a.active{
	text-decoration: underline;
}

img.thumbnail{width: 50px;}
img.thumbnail150{width: 150px;}

/* layout */
#main{
	background-color: #fff;
	/*height: 500px;*/
	min-height: 500px;
	border: 1px solid #ddd;
	background-image: url("");
	background-position: right;
	background-repeat: no-repeat;
	margin-top: 5px;
}

#menuSuperior ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
	}
#menuSuperior ul li {
	margin-left: 0.1em;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
}

#menu{
	text-align:left;
	background-color: #5195c4;
	line-height:37px;
	color:#fff;
	font-weight: normal;
	font-size: 1.5em;
	
}
	#menu ul {
		margin-left: 0;
		padding-left: 0;
		display: inline;
		border: none;
		}
	#menu ul li {
		margin-left: 1em;
		padding-left: 2px;
		border: none;
		list-style: none;
		display: inline;
	}
	#menu ul li>a {
		color:#fff;
	}
	#menuBgLeft{
		float:left;
		background-image: url("../img/nav/bg_left.jpg");
	}
	#menuBgCenter{
	background-image: url("../img/nav/background.jpg");
	font-size: 17px;
	}
	#menuBgRight{
		float:right;
		background-image: url("../img/nav/bg_right.jpg");
	}

#breadcrums{
	background-color: #ccc;
	font-weight: bold;
	color:#666;
	margin: 0;
	padding: 3px 0 3px 20px;
}
		#breadcrums ul {
			display: inline;
			border: none;
		} 
		#breadcrums ul li {
			margin-left: 0.1em;
			padding-left: 2px;
			border: none;
			list-style: none;
			display: inline;
		}

#subMenu{
	border-right: 1px solid #ddd;
}
/* content styles */
div.app{
	padding-bottom: 1em;
}
div.app img{
	float:left;
	padding:4px;
	margin-right: 4px;
}
div.appButton{
	text-align:right;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	margin-top: 20px;
}
div.app h5{
	margin-bottom:4px;
}
div.app p {
	margin-bottom:2px;
}

#footer{
	color:#777;
	font-size: 0.9em;
	text-align:center;
	padding: 10px 0 20px 0;
}

/********************* FORMS *********************/
fieldset{
	border:1px solid #ccc;
	padding:1em;
}
/**  colors i estil **/
input, textarea ,select {
	border: 1px solid #0066cc;
}
/**  LABEL  **/
label {
	float:left;
	font-weight: bold;
	text-align:left;
	vertical-align:top;
}
.button{
	color:#fff;
	background-color: #0066cc;
	font-weight: bold;
}
/**  onmousehover event **/
input:hover, textarea:hover ,select:hover{
	border: 1px solid #0066cc;
}
.button:hover{
	background-color: #0066cc;
	border: 1px solid #0057AE;/*darkgoldenrod1*/
}
/** onmousefocus event **/
input:focus, textarea:focus ,select:focus {
	border: 1px solid #0066cc;
}
.button:focus{background-color: #0066cc;}
.readonly{background-color: #ccc;}

/** tamanys **/
/* tamany normal*/
.formNormal br{
	line-height: 0;
}
.formNormal input, .formNormal textarea , .formNormal select {
	width: 160px; 
	display:block;
	margin-bottom: 1em;
}
.formNormal textarea{
	height:120px;
}
.formNormal label {
	float:left;
	width: 120px;
	margin-bottom: 1em;
}
.formNormal .button{
	margin-left:120px;
}

/* tamany large*/
.formLarge input, .formLarge textarea, .formLarge select {
	width: 190px;
}
.formLarge label{
	/*width: 150px;*/	
}
.formLarge textarea {
	height: 190px;	
}
.formLarge .button{
	width: 190px;
}
.formLarge input[type="checkbox"]{
	width:12px;
}
/*
.tableForm input, .tableForm textarea, .tableForm  select{
	margin-bottom: 0;
}
.formLarge br{
	line-height: 0;
}
.formLarge input, .formLarge textarea, .formLarge select {
	width: 190px;
	display:block;
	margin-bottom: 1em;
}
.formLarge label{
	float:left;
	width: 150px;	
	margin-bottom: 1em;
}
.formLarge textarea {
	height: 190px;	
}
.formLarge .button{
	width: 190px;
	margin-left:150px;
}*/
/* table forms */
.tableForm input, .tableForm textarea, .tableForm  select{
	margin-bottom: 0;
}

.bigInput{
	width: 320px;
}

span.shpValid{
	float: right;
}

/********************* /FORMS *********************/
/* buttons */
button.submitBtn { border:0; cursor:pointer; font-weight:bold; padding:0 20px 0 0; text-align:center;  width: auto; }
button.submitBtn span { position:relative; display:block; white-space:nowrap; padding:0 0 0 20px; }
button.submitBtn { background:url(../img/button/btn_orange_right.gif) right no-repeat; font-size:1.8em; font-weight: bold; }
button.submitBtn span { height:50px; line-height:50px;background:url(../img/button/btn_orange_left.gif) left no-repeat;color:#fff; }
button.submitBtn:hover {background:url(../img/button/btn_orange_right_hover.gif) right no-repeat; }
button.submitBtn:hover span {background:url(../img/button/btn_orange_left_hover.gif) left no-repeat; }

button.submitBtnPetit { border:0; cursor:pointer; font-weight:bold; padding:0 10px 0 0; text-align:center;  width: auto; }
button.submitBtnPetit span { position:relative; display:block; white-space:nowrap; padding:0 0 0 10px; }
button.submitBtnPetit { background:url(../img/button/btn_orange_right_petit.gif) right no-repeat; font-size:1em; font-weight: bold; }
button.submitBtnPetit span { height:25px; line-height:25px;background:url(../img/button/btn_orange_left_petit.gif) left no-repeat;color:#fff; }
button.submitBtnPetit:hover {background:url(../img/button/btn_orange_right_hover_petit.gif) right no-repeat; }
button.submitBtnPetit:hover span {background:url(../img/button/btn_orange_left_hover_petit.gif) left no-repeat; }

/** UTILS **/
.error{
	background: url("../img/icon/error.png") #F08080 no-repeat 1em;/*lightcoral*/
	padding:0.5em 0.5em 0.5em 3em;
	border:1px solid #B22222;/*firebrick*/
}
.errorMessage{
	background: #F08080 no-repeat 1em;/*lightcoral*/
	border:1px solid #B22222;/*firebrick*/
}
.errorLabel{
	color:#B22222;/*firebrick*/
}
.tdLabel {text-align:left; vertical-align:top; } 
.info{
	background: url("../img/icon/info.png") #FCF6CF no-repeat 1em;/*Warm Summer*/
	padding:0.5em 0.5em 0.5em 3em;
	background-color:#FCF6CF;/*Warm Summer*/
	border:1px solid #FFC125;/*goldenrod1*/ 
}
.notice{
	background: url("../img/icon/info.png") #BDE5F8 no-repeat 1em;
	padding:0.5em 0.5em 0.5em 3em;
	background-color:#BDE5F8;
	border:1px solid #00529B;
}


.code{font-family: monospace;}
.hidden{display:none;}
.center{text-align: center;}
.bigCenter{width: 100%;text-align: center;}
.zeropadding{padding: 0;}
.zeromargin{margin: 0;}
.color{width:20px;height: 20px;border:1px solid #ddd;padding-left:1em;display:inline}
#pie1{
	float:right;
	margin-right: 30px;
}
#pie2{ float:right; 
}
#pie3{ float:right; 
}
#prg_version{
	float: left;
	font-size:11px;
}
#cap{
	text-align:right;
	color:#FFFFFF;
	font-size:11px;
	width: 960px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 10px;
	
}
#cap a:visited, #cap a:active, #cap a:hover, #cap a:link{
	color:#FFFFFF;
	text-decoration: underline;
}

/*Color picker*/
#picker {
    background-color: #FFFFFF;
    border: 1px solid;
    float: right;
    position: absolute;
    top: auto;
    width: 200px;
}
#close_picker{
	top: 0;
	right: 0;
	width: 15px;
	height: 15px;
	border: 1px solid #000;
	position: absolute;
	margin: 3px;
}

.up_img{
	width:20px;
	float:left;
}

.down_img{
	float:left;
}

.addLink{
	background: url("../img/icon/add.png") no-repeat scroll 0 0 transparent;
    float: right;
    padding-left: 18px;
}

.divService {
    background-image: url("/idecwebservices/share/images/wms.png");
    background-repeat: no-repeat;
    cursor: pointer;
    height: 28px;
    width: 28px;
}

div.addServer{
	float: right;
}

.examples_apps{
	text-align:center;
}

.examples_apps ul li{
	display: inline;
	padding-right: 20px;
	list-style-type: none;
}

.help_thumb{
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */	
}

.help_thumb a{
	text-decoration:none;
}
.help_thumb:hover{
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}