body {
	font-size: 11px;
	background-color: #C0C0C0;
	margin: 0px;
	margin-bottom: 15px;
	font-family: Arial, Helvetica, sans-serif;
}


p, ul, li, ol {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}

table#container {
	background-color: #fff;
	border: solid 1px #678F99;
	width: 970px;
    /*height:700px;*/
}

td#logo {background-image: url(/img/header.png); background-repeat: no-repeat; background-position: 100% 50%;}
td#logo_home {background-image: url(/img/header_home.png); background-repeat: no-repeat; background-position: 100% 50%;}

tr#sizer td {background-color: #0258AB; height: 12px;}

td#menu {
	color: #FFF;
	background-color: #F8A51B;
	height: 24px;
}

td#centrohome h1 {color: #F8A51B}

ul#menu1 {float: left; margin: 0px; padding: 0px; list-style: none;margin-top: 5px;margin-bottom: 5px; margin-left: 14px;}
ul#menu1 li {display: inline; padding-right: 4px;padding-left: 4px; font-size: 11px;border-right: solid 1px #fff;}
ul#menu1 li.last {border: none;}
ul#menu1 li a {color: #fff; font-size: 12px;}

ul#menu2 {float: right; margin: 0px; padding: 0px; list-style: none;margin-top: 5px;margin-bottom: 5px; margin-right: 5px;}
ul#menu2 li {display: inline; padding-right: 4px;padding-left: 4px; font-size: 11px;border-right: solid 1px #0258AB;}
ul#menu2 li.last {border: none;}
ul#menu2 li a {color: #0258AB; font-size: 12px;}

a {color: #0258AB;}

strong {	font-weight: normal;color: #111;}

#menu a {color: #666;	text-decoration: none;}
#menu a:hover {text-decoration: underline;}

td#spacer {
	border-bottom: solid 1px #F8A51B;
	background-color: #EAEAEA;
	color: #0258AB;
}

/** submenu **/
ul#submenu {margin: 0px; padding: 0px; list-style: none;margin-top: 5px;margin-bottom: 5px; margin-left: 15px; float: left;}
ul#submenu li {display: inline; padding-right: 8px;padding-left: 8px; font-size: 11px;border-right: solid 1px #0258AB;}
ul#submenu li.last {border: none;}
ul#submenu li a {color: #0258AB;}

div#comboany {float: right; margin: 5px 15px 5px 0;}

td#quickaccess {
	background-image: url(/img/fons_trama.gif);
	height: 46px;
	border-bottom: solid 1px #F8A51B;
	padding-left: 18px;
}

td#quickaccess h1 {
	font-size: 16px;
	color: #0258AB;
	margin: 10px 0 0 0;
	font-weight: bold;
	float: left;
}

td#menulateral {
	vertical-align: top;
	padding-left: 15px;
	padding-bottom: 30px;
	width: 215px;
	/*background-image: url(/img/img_esq.png);*/
	background-repeat: no-repeat;
	background-position: 0% 100%;
}

td#menulateral ul {
	margin: 0px;
	padding: 0px;
	margin-left: 15px;
	padding-top: 15px;
}

td#menulateral li {
	list-style-image: url(/img/bullet.png);
    padding-top: 2px;
	padding-bottom: 4px;

}

td#menulateral li a {color: #0258AB;}

td#menulateral a:hover {
	text-decoration: underline;
	color: #0258AB;
}

td#menulateral a:active {	color: #0258AB;}

td#content {
	padding: 15px;
	vertical-align: top;
}

td#content td {color: #686868;}

td#content th {
	color: #61919D;
	text-align: left;
}

td#centrohome {
	padding-left: 18px;
	padding-right: 18px;
	padding-bottom: 8px;
	padding-top: 8px;
}



td#footer {
	border-top: solid 5px #0258AB;
	border-bottom: solid 4px #0258AB;
	padding-left: 18px;
	padding-right: 18px;
	padding-bottom: 8px;
	padding-top: 8px;
	background-color: #ededed;
	color: #525252;
}

#footer h1 {color: #0258AB; margin: 0px; font-size: 14px; font-weight: bold; margin-bottom: 4px;}
#footer h2 {color: #525252; margin: 0px; font-size: 12px;s}

table#navhome td {vertical-align: top; padding-top: 5px;}

div.leftbox {float: left; width: 290px;}
div.leftbox img {float: left; border: solid 1px #ccc; margin-right: 14px;}
div.rightbox {float: right; width: 590px;}
div.rightboxtop {float: right; margin: 8px 18px 8px 0;}
div.rightbox img {float: left; margin-right: 5px;}
div.rightbox ul {list-style: none; margin: 0px; padding: 0px;}
div.rightbox ul li, table#navhome td {padding-bottom: 10px; border-bottom: solid 1px #D2D2D2; margin-bottom: 5px; clear: both;}
div.rightbox ul li.last, table#navhome td.last {border: none;}
div.rightbox ul li.first, table#navhome td.first {border-top: solid 1px #D2D2D2; padding-top: 5px;}
div.rightbox h3, table#navhome h2 {font-size: 12px; font-weight: bold; margin:0px;}
div.rightbox h3 a, table#navhome h2 a { color: #0258AB; text-decoration: underline;}

table#navhome p {margin-top: 0px;}


td#condus {color: #666; padding: 15px; padding-top: 20px; padding-bottom: 20px;border-top: solid 1px #0258AB;}

td#condus div.rightbox {width: 420px; text-align: right;}
td#condus div.rightbox img {float: none; margin: 0px;}

td#copyright {color: #666; padding: 15px; padding-top: 5px; padding-bottom: 5px;border-top: solid 1px #0258AB; font-size: 9px;}
td#copyright ul {list-style: none; margin: 0px; padding: 0px; margin-bottom: 15px;}
td#copyright ul li {display: inline; font-size: 9px; padding-right: 10px;}
td#copyright ul li a {text-decoration: underline; color: #000;}

li a {text-decoration: none;}
ol li {	text-indent: 0px;}
li a:hover {	text-decoration: underline;}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; color: #666666;
	font-weight: bold;
	margin: 0px;
	/*margin-top: 0px;
	border-bottom: solid 1px #666;*/
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
	margin: 0px;
	font-weight: bold;
	margin-top: 10px;
}

.style4 {font-family: Arial, Helvetica, sans-serif}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px; color: #666666;
	font-weight: normal;
	margin-top: 0px;
}

h2 {
	color: #0258AB;
	font-weight: bold;
	margin: 0px;
	font-size: 16px;
}

#comboespecie {
	font-size: 11px;
	vertical-align: middle;
}

a.especie {text-decoration: none;}
a.especie:hover {text-decoration: underline;}

table.imgcontainer {
	margin-top: 15px;
	margin-bottom: 30px;
	color: #676767;
}
table.imgcontainer img {width: 275px;}
table.imgcontainer img.fotogran {width: 420px;}


table.imgcontainer td {
	vertical-align: top;
	padding-left: 5px;
}

table.infotable {
	margin: 10px;
	margin-left: 0px;
	border-collapse: collapse;
	width: 100%;
}

table.infotable td, table.infotable th {border-top: solid 1px #eee; vertical-align: top; padding-bottom: 2px;}
table.infotable th {padding-right: 4px; }
tr.par td {background-color: #eee}
tr.impar td {background-color: #fff}

li.separador {
	margin-top: 10px;
margin-bottom: 10px;
line-height: 40px;
	border-top: solid 1px #ccc;
}

table#credits td {vertical-align: top; padding-bottom: 5px;}

table#credits td.field {
	font-weight: bold;
	padding-right: 10px;
}

a.pdf {
	background-image: url(/img/pdf_ico.gif);
	background-repeat: no-repeat;
	background-position: 100% 0%;
	padding-right: 18px;
}

ul#downloads li {margin-bottom: 15px;}

/** form **/

fieldset {border: none;}

table#formulari label{
	font-size: 11px;
}

input, select, textarea {
	border-style: none;
	border: solid 1px #666;
	color: #666;
	font-size: 11px;
	padding-left: 2px;
	margin-right: 4px;
}

input.disabled, select.disabled, textarea.disabled {}

input.required {
	border: solid 1px #000;
	background-color: #FAFEAD;
}

input.btn {
	cursor: pointer;
	border: double 3px #666;
	color: #0258AB;
}

div#error {
	color: red;
	border: solid 1px #F7C857;
	background-color: #FAFEAD;
	padding: 10px;
	font-size: 11px;
	margin-bottom: 10px;
	font-weight:bold;
}

label {
	color: #0258AB;
}

label.obligatorio {
	font-weight: bold;
}
label.clickable {cursor: pointer;}
label strong {color: inherit; font-weight: bold;}

#login td {padding-bottom: 10px;}

#login input {
	border-style: none;
	color: #999;
	font-size: 11px;
}

#login input.required {
	border: solid 1px #000;
	background-color: #fff;
}

table#login input.btn {
	cursor: pointer;
	border: double 3px #666;
	color: #0258AB;
}

/** taules formularis **/
table.formtainer {width: 450px;}
table.formtainer td {vertical-align: top;}
table.formtainer td.firstd {width: 200px;}
div#formunitat h3 {margin:6px 0 0 2px; font-size: 14px; color: #0258AB;}
table#artificials {border: solid 1px #ddd; margin-bottom: 6px;}
table#artificials td {background-color: #efefef; padding: 2px;}

/** taules llistats **/
a.add {background-image: url(/img/add.gif); background-repeat: no-repeat; background-position: -1px -2px; padding: 2px 10px 2px 15px; text-decoration: none; margin-top: 5px; display: block;}
table.llistat {width: 100%; margin-top: 10px; clear: both; border-collapse: collapse;}
td#content table.llistat th {background-color: #F8A51B; padding: 2px; color: #fff; font-weight: normal; vertical-align: top;}
table.llistat td {padding-top: 4px; padding-left: 2px; vertical-align: top;}
table.llistat tr.par td {background-color: #eaeaea;}
table.llistat tr.impar td{background-color: #fff;}
table.llistat a {text-decoration: none;}
table.llistat a:hover {text-decoration: underline;}
table.llistat a img {vertical-align: middle;}
table.llistat tbody.bordes td {border-right: solid 1px #999; padding: 4 2px 0 2px;}

/** bordes redondeados gris **/
table#roundgrey {margin-bottom: 8px;}
table#roundgrey td {background-color: #E5E5E5; color: #333; text-align: right;}
table#roundgrey img {border: none; margin: 0px;}
table#roundgrey h1 {color: black; text-align: right; font-family: Times, serif; margin: 0px; margin-bottom: 8px; font-size: 16px;}

table#roundorange {margin-bottom: 8px; width: 100%}
table#roundorange td {background-color: #FAB329; color: #0258AB; text-align: left;}
table#roundorange img {border: none; margin: 0px;}
table#roundorange tr#fosc td {color: #fff; background-color: #FC9D2A; font-weight: bold; padding-bottom: 12px; vertical-align: top;}

div#indicator img {vertical-align: middle; margin-left: 10px;}
div#crumbs {margin-bottom: 10px; color: #999;}
div#crumbs a {text-decoration: none;}
div#crumbs a:hover {text-decoration: underline;}
td#msg {border-bottom: solid 1px #ccc; width: 100%;}
td#msg.noborder {border: none;}
td#msg p {font-size: 1em; color: #333;}

div#sidebar {background-color: #efefef; margin-top: 5px; padding:0 0 5px 5px;}
div#sidebar h2 {font-size: 12px; margin: 0;}

div#confidencialitat {margin-top: 2em;}
div#confidencialitat p { font-size: 11px;}