body {margin: 0; padding: 0; color: #666; background-color: #fff;}
body * { font-family: Arial, Helvetica, sans-serif; font-size: 13px}

#wrapper {margin: .25em 1em 0 1em;} /** 970px **/
#header {height: 83px; border-bottom: solid 3px #21499e; background-color: #fff;}
#contents {padding: 0 1em; min-height: 18em;}
#footer {border-top: solid 1px #999; padding: .5em 1em 2em 1em; margin-top: 1em;}

ul#mainmenu {list-style: none; margin: 0; padding: .5em 0 .5em 1em; border-bottom: solid 1px #999; background-color: #dde5f2}
ul#mainmenu li {display: inline; font-size: .8em; padding: 0 1.4em 0 .4em; border-right: solid 1px #999;}
ul#mainmenu li.first {padding-left: 0;}
ul#mainmenu li.last {border: none;}
ul#mainmenu a {color: #40485d; text-decoration: none;}
ul#mainmenu a:hover {text-decoration: underline;}


ul#info {list-style: none; padding: 0 0 0 0;}
ul#info li {display: inline; font-size: .8em; padding: 0 0 0 0;}
ul#info li.first {padding-left: 0;}

ol#main {padding: 1em 1em 1em 2em;}
ol#main li {padding: 0em 0em 1em 0em;}


#submenu {height: 1.5em; border-bottom: solid 1px #F80023; padding: .5em 1em .5em 1.5em; font-size: .7em; background-image: url(http://www.sioc.cat/img/fons_trama.gif);}

#header p {font-size: .8em; padding-left: 1em; color: #fff;}
#contents p {font-size: .9em;}
#footer p {width: 680px; font-size: .8em;}
#footer a {font-size: 1em; color: #40485d; text-decoration: underline;}
#footer a:hover {text-decoration: none;}

/** estils enlla�os dels continguts generals color antic #da8630 **/
#contents a {font-size: 1em; color: #40485d; text-decoration: underline;}
#contents a:hover {text-decoration: none;}

/** estils enlla�os del navegador superior del contingut inici >> observacions..**/
#migas a {font-size: .7em; color: #40485d; text-decoration: underline;}
#migas a:hover {text-decoration: none;}

h1 {font-size: 1.13em; color: #666;}
h2 {font-size: 1.1em; color: #666;}
h3 {font-size: 1em; color: #000;}

div.cl {clear:both;}
/** forms **/
form div {margin-top: .25em;}
label {float: left; font-size: .9em; color: #666;}
label.required {font-weight: bold;}
label.clickable {cursor: pointer;}
div.formcontainer {width: 600px; float: left;}
body#observation div.formcontainer{ width: 350px;}
div.formcontainer input, select {float: right; margin-right: 1em; border: solid 1px #b3b3b3; color: #666; padding: .1em; font-size: .9em;
		background-image: url(http://o.aolcdn.com/dojo/1.2/dijit/themes/tundra/images/validationInputBg.png);
	}

div.formcontainer input {width: 16em;}
textarea {float: left; clear: both; font-size: .9em; border: solid 1px #b3b3b3; color: #000; padding: .06em;}
div.formcontainer input.btn, div.formcontainer button {width: auto; margin-top: 1em; cursor: pointer; border: double 3px; color: #666;}
button {font-size: 1em;}
input.btn:hover {color: #000;}

fieldset {border: solid 1px #ccc; padding: 0.25em; margin: 0;}

div#listcontainer {float: left; width: 420px;}
table.list {width: 100%; border-collapse: collapse;}
table.list * {font-size: .9em; padding-left: .25em;}
table.list th {text-align: left; font-weight: normal; border-bottom: solid 1px #F80023; background-color: #E0E4B7;}
table.list td {cursor: pointer; vertical-align: top;}
table.list tr.odd td {background-color: #fafafa;}
table.list tr.even td {background-color: #fff; /** border-bottom: solid 1px #e9e9e9; **/}
table.list tr.selected td {background-color: #d6e9f8;}

img.icon {border: none;}

div#crumbs {font-size: .8em; padding: 1em; padding-left: 0}
div#crumbs a {font-size: 1em; color: #40485d;}
div#crumbs a:hover {text-decoration: none;}

div.myMap {float: right; border: double 3px #b3b3b3; margin: .25em;}
div#bigmap {border: double 4px #999; margin: 0 0 0 2.5em; width: 580px; height: 480px; float: right;}
div.myMap a {font-size: .8em;}
div.bubble a {font-size: .7em; text-decoration: none; color: #9d9d9d; display: block;}
div.bubble a:hover {text-decoration: underline;}
div.bubble a.add {background-image: url(/marques_especials/img/add.gif); background-repeat: no-repeat; padding-left: 18px;}
div.bubble a.edit {background-image: url(/marques_especials/img/rename.gif); background-repeat: no-repeat; padding-left: 18px;}

div#obs_info {
	clear: both;
	font-size: .9em;
	background-color: #fff;
	border: solid 1px #999;
	padding: .25em;
	height: 365px;
	width: 270px;
	position: absolute;
	top:400px;
	left: 500px;

}
div#obs_info div#tancar {font-size: .8em; float: right;}
div#obs_info #i_cont p {margin: 0 0 .5em 0; font-size: 1em}
div#obs_info strong {color: #000;}

div#obs_info #i_cont {clear: both; margin-top: .25em;}


div.error {border: solid 1px #000; padding: .6em; font-size: .9em; color: #000; margin-bottom: 0;}

ul#imagecontainer {list-style: none; margin: 1em 0 0 0; padding: 0; width: 600px;}
ul#imagecontainer li {display: inline; float: left; margin-right: .6em;}
ul#imagecontainer li img {border: solid 1px #999; padding: 1px; margin-bottom: 0;}
ul#imagecontainer li a.delimage {font-size: .8em; display: block;}

/** tablas **/
table.grid {border-collapse: collapse;}
table.grid th, table.grid td {font-size: .9em; text-align: left; vertical-align: top; border: solid 1px #ececec; padding: 4px 2px;}
table.grid td {cursor: pointer;}
table.grid th {background-image: url(/marques_especials/img/row_bg.png); background-repeat: x-repeat; background-position: 100% 100%;}
table.grid th.sortable {cursor: pointer;}
table.grid th.sortable img {margin-left: 5px;}

table.grid tr.odd td {background-color: #fafafa;}
table.grid tr.even td {background-color: #fff; /** border-bottom: solid 1px #e9e9e9; **/}
table.grid tr.selected td {background-color: #d6e9f8;}

div.pager {font-size: .8em;}
a.kml {background-image: url(/marques_especials/img/kml.png); background-repeat: no-repeat; padding-left: 20px; display: block; margin-top: 1em;}

ol li, ul li { 
	font-size: 1em; 
	line-height: 1.5em; 
	margin: 0;
}

div#contents div p {width: 860px; text-align: justify;}
div#contents div ul li {width: 800px;}
div#contents div img {}

div#obs_info #i_cont p {width: 240px;}

div#indicator {color: #000; text-transform: lowercase;}
div#indicator img {margin-right: .3em; vertical-align: middle;}

tr.anellament td {background-color: #efefef;}

p#pagerp {width: 150px;}

#imgcontainer ul {list-style: none; margin: 0 0 1em 0; padding: 0;}
#imgcontainer ul li {display: inline; margin: 0 .25em}
#imgcontainer ul li img {border: solid 1px #ccc; padding: 2px;}