/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

/* Elements */

body {
  margin: 5px 0;
  font-family: "Tahoma", Arial, Helvetica, sans-serif;
  font-size: 13px;
/*  color: #A1A1A1;*/
}

h1 {}

h2, h3, h4, h5, h6 {
  color: #2582A4;
}

p, ol, ul {
  text-align: justify;
}

strong {
  font-weight: bold;
  color: #808080;
}

a {
  color: #66A019;
}

a:hover {
  text-decoration: none;
  color: #2582A4;
}

a.current{
  font-size: 1.5em;
  background-color: #f0f0f0;
}

.trans_right {
	text-align: right;
	padding-right: 5px;
}
a.trans_green{
	font-size: 1.1em;
	color: #008000;
	text-align: right;	
}

a.trans_red{
	font-size: 1.1em;
	color: #FF0000;
	text-align: right;
}

a.trans_orange{
	font-size: 1.1em;
	color: #FFA500;
	text-align: right;
}

a.manteniment{
  font-size: 0.7em;
}

.box {
  margin-bottom: 20px;
  padding-bottom: 0;
  background: url(/images/img07.gif) repeat-x left bottom;
}

.bottom {
  display: block;
  margin-bottom: 0;
  padding-bottom: 10px;
  background: url(/images/img08.gif) no-repeat left bottom;
}

.image {
  float: left;
  margin: 3px 0 0 0;
  padding: 0;
}

.indent {
  margin-left: 125px;
}

.left{
  float:left;
}

.right{
  float:right;
}

.separateTop{
  padding-top: 5px;
}

.space{
  margin-right: 10px;
}

.etiqueta{
  font-weight: bold;
  color: #000;
}

.capsalera{
  color: #666;
}

.no_wrap{
  white-space: nowrap;  
}

.wrap{white-space: normal;}

.red{color: red;}
.bold{font-weight: bold;font-size: 12px;}
.strike{text-decoration: line-through;}
#previewTractament{
  float:left;
  clear: left;
  width: 200px;
}

#detallTractament{
  padding-left: 210px;
}

.collection_select, .text_field, .small_text_field, .large_text_field{
  padding: 2px 5px;
  background: #FFFFFF;
  border: none;
  border: solid thin #DDD;
}

.text_field{
  width: 300px;
}

.small_text_field {
  width: 100px;
}

.large_text_field {
  width: 500px;
}

.button, .button_margin{
  height: 20px;
  background: #87C4DB;
  border: none;
  text-transform: lowercase;
  font-size: 10px;
  font-weight: bold;
  color: #FFFFFF;
}

.button_margin{
  margin-bottom: 5px;
}

.image_link{
  border:none;
}

#funcions_cerca, #descripcions_cerca{
  margin-bottom: 20px;
}

#resultat_cerca{
  margin-top: 20px;
}

#links_altres_fitosanitaris{
  margin: 10px 0 10px 0;
}

/* Submenu */
.submenu {
/*  clear : both;*/
  height : 30px;
}
.submenu li {
  padding-top: 10px;
  display: inline;
}

.submenu a {
  color:#000000;
  display:block;
  float:left;
  font-size:12px;
  font-weight:bold;
  height:18px;
  margin:0pt 5px 0pt 0pt;
  padding:5px;
  text-decoration:none;
  text-transform:lowercase;
  border: solid 1px #87C4DB;
  background: transparent url(/images/img04_2.gif) repeat-x scroll 0%
}
.submenu a:active {
  background: transparent url(/images/img04.gif) repeat-x scroll 0%
}

/* Errors */
#errors{
  padding-left: 15px;
} 
#errors, #errors ul, #errors ul li {
  color: red;
  font-size: 10px;
  font-weight: bold;
}
#errors ul {
  list-style-image: url('/images/creu.gif');
}

.error, tr.error td{
  color: #f00;
}

/* Buscador */
#buscador span{
  width:100px;
  display: block;  
  
}

#buscador fieldset {
  display: inline;
  margin: 0;
  padding: 0;
  border: none;
}

.field_pattern {
  width: 300px;
  padding: 2px 5px;
  background: #FFFFFF;
  border: none;
  border: solid thin #DDD;
}

/* Paraules */

#paraules{
  text-align: justify;
}

#paraules span{ white-space: nowrap; }

#paraules a.color_1, #paraules a.color_2, #paraules a.color_3, #paraules a.color_4, #paraules a.color_5{
  text-decoration: none; 
  font-weight: bold;
}
#paraules a.color_1{ color: #A6B950; }
#paraules a.color_2{ color: #50B998; }
#paraules a.color_3{ color: #5071B9; }
#paraules a.color_4{ color: #B96350; }
#paraules a.color_5{ color: #B99850; }

#paraules span.estil_1{ font-size: 1.5em;}
#paraules span.estil_2{ font-size: 2.5em;}
#paraules span.estil_3{ font-size: 3.5em;}
#paraules span.estil_4{ font-size: 4.5em;}
#paraules span.estil_5{ font-size: 5.5em;}
#paraules span.estil_6{ font-size: 6.5em;}

/* Paraules_superior */

#paraules_superior{
  text-align: justify;
  float: right;
  width: 100%;
  margin-bottom: 20px;
}

#paraules_superior span{ float:left; }

#paraules_superior a.color_1, #paraules_superior a.color_2, #paraules_superior a.color_3, #paraules_superior a.color_4, #paraules_superior a.color_5{
  text-decoration: none; 
  font-weight: bold;
}
#paraules_superior a.color_1{ color: #A6B950; }
#paraules_superior a.color_2{ color: #50B998; }
#paraules_superior a.color_3{ color: #5071B9; }
#paraules_superior a.color_4{ color: #B96350; }
#paraules_superior a.color_5{ color: #B99850; }

#paraules_superior span.estil_1{ font-size: 0.75em;}
#paraules_superior span.estil_2{ font-size: 1em;}
#paraules_superior span.estil_3{ font-size: 1.25em;}
#paraules_superior span.estil_4{ font-size: 1.5em;}
#paraules_superior span.estil_5{ font-size: 1.75em;}
#paraules_superior span.estil_6{ font-size: 2em;}

/* Header */

#header {
  width: 99%;
  height: 37px;
  margin: 0 auto;
  background: #BECF74 url(/images/img01.gif) repeat-x;
  border-bottom: 2px solid #FFFFFF;
}

/* Menu */

#menu {
/*  height: 25px;*/
  margin: 0;
  padding: 0 0 0 10px;
  list-style: none;
 /* background: url(/images/img02_2.gif) no-repeat;*/
}

#menu li {
  padding-top: 10px;
  display: inline;
}

#menu a {
  display: block;
  float: left;
  height: 20px;
  padding: 0 10px 0 0 ;
  text-transform: lowercase;
  text-decoration: underline;
  font-size: 12px;
/*  font-weight: bold;*/
  color: #02f;
}

/*#menu a:hover*/
#menu a.current {
  background-color: transparent;
  color: #000;
  text-decoration: none;
  font-weight: bold;
  padding: 0 10px 0 0 ;
/*  background: url(/images/img04_2.gif) repeat-x;*/
}

/* Idiomes */

#idiomes {
  float: right;
  height: 37px;
  margin: 0;
  padding: 0 10px 0 0;
  list-style: none;
  text-align: right;
  background: url(/images/img03.gif) no-repeat right top;
}

#idiomes li {
  display: inline;
}

#idiomes a {
  display: block;
  float: left;
  height: 27px;
  padding: 10px 2px 0px 2px;
  text-transform: lowercase;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
}

#idiomes a.selected {
  color: #444;
}

#idiomes a:hover {
  background: #A4B74C url(/images/img04.gif) repeat-x;
}

/* Search */

#search {
  float: right;
  height: 28px;
  margin: 0;
  padding: 9px 10px 0 0;
}

#search fieldset {
  display: inline;
  margin: 0;
  padding: 0;
  border: none;
}

#pattern {
  width: 164px;
  padding: 2px 5px;
  background: #FFFFFF;
  border: none;
}

#send {
  height: 20px;
  background: #87C4DB;
  border: none;
  text-transform: lowercase;
  font-size: 10px;
  font-weight: bold;
  color: #FFFFFF;
}

#entrada_esquerra {
  padding: 0;
  float: left;
  width: 200px;
  min-height: 395px;
}

#entrada_dreta {
  margin-left: 210px;
}

#anuncis{
}
#anuncis .border{
  border: 1px solid #8080db;
  padding:5px;
  font-size: 11px;
  margin-bottom:10px;
}
.anunci{
  min-height: 100px;
  text-align: justify;
}

.anunci h1{
  background: url(/images/anuncis_titol.gif) no-repeat;
  height: 18px;
  padding-top: 2px;
  text-align: center;
  font-size: 13px;
}

.anunci h1.llista{
  background: transparent;
  height: 18px;
  padding-top: 2px;
  text-align: left;
  font-size: 13px;
}
.anunci a, .anunci a:hover {
  color:  #000;
  text-decoration: none;
}

.anunci p a, .anunci p a:hover{
  color: black;
  text-decoration: none;
}
/* Login_layer */

#login_layer {
  float: left;
  height: 37px;
  margin: 0;
  padding: 5px 0 0 10px;
  list-style: none;
  background: url(/images/img02.gif) no-repeat;
  width:98%
}

#login_layer h1, #login_layer h2, #login_layer a {
  margin: 0;
  padding: 0;
  text-decoration: none;
  text-align: center;
  color: #FFFFFF;
}

#login_layer a{
  text-transform: lowercase;
  font-size: 15px;
}

#login_layer h1 {
  margin-bottom: 10px;
  font-size: 34px;
  text-transform: lowercase;
}

#login_layer h2 {
  margin-top: -5px;
  font-size: 12px;
}

#login_layer p{
  margin: 0 0 5px 20px;
}

#login_layer span{
  font-size: 11px;
  font-weight: bold;
  color: #333;
  text-align: right;
  display: block;  
  float: left;
  margin-right: 5px;
}

#login_layer span.entrar{
  margin-left: 60px;
}

#login_layer fieldset {
  display: inline;
  margin: 0;
  padding: 0;
  border: none;
}

.field_login {
  width: 100px;
  height: 15px;
  font-size: 11px;
  padding: 2px 5px;
  background: #FFFFFF;
  border: solid thin #DDD;
}

#send_login {
  height: 20px;
  background: #87C4DB;
  border: none;
  text-transform: lowercase;
  font-size: 10px;
  font-weight: bold;
  color: #FFFFFF;
}

/* Login_page */

#login_page p{
  margin: 0 0 5px 20px;
}

#login_page span{
  font-size: 11px;
  font-weight: bold;
  color: #000;
  text-align: right;
  display: block;  
  float: left;
  width: 60px;
  margin-right: 5px;
}

#login_page span.entrar{
  margin-left: 60px;
}


#login_page fieldset {
  display: inline;
  margin: 0;
  padding: 0;
  border: none;
}

/* Logged_layer */

#logged_layer {
  float: left;
  height: 37px;
  margin: 0;
  padding: 5px 0 0 10px;
  list-style: none;
  background: url(/images/img02.gif) no-repeat;
  width: 98%
}

#logged_layer h1, #logged_layer h2, #logged_layer a {
  margin: 0;
  padding: 0;
  text-decoration: none;
  text-align: center;
  color: #FFFFFF;
}

#logged_layer a{
  text-transform: lowercase;
  font-size: 15px;
}

#logged_layer h1 {
  margin-bottom: 10px;
  font-size: 34px;
  text-transform: lowercase;
}

#logged_layer h2 {
  margin-top: -5px;
  font-size: 12px;
}

#logged_layer p{
  margin: 0 0 5px 20px;
}

#logged_layer span{
  font-size: 11px;
  font-weight: bold;
  color: #333;
  text-align: right;
  display: block;  
  float: left;
  margin-right: 5px;
}

#logged_layer span.sortir{
  margin-left: 60px;
}

#logged_layer fieldset {
  display: inline;
  margin: 0;
  padding: 0;
  border: none;
}

#send_logout {
  height: 20px;
  background: #87C4DB;
  border: none;
  text-transform: lowercase;
  font-size: 10px;
  font-weight: bold;
  color: #FFFFFF;
}

/* Content */

#content {
  width: 100%;
  margin: 0 auto;
  clear: both;
  margin:0pt 0pt 10px;
}

#subHeader {
  width: 100%;
/*  height: 25px;*/
  float:both;
  margin: 0 auto;
  padding: 5px 0 0 0;
 /* background: #BECF74 url(/images/img01_2.gif) repeat-x;*/
}

#subHeader h3 {
  padding: 0 20px;
}

#subHeader ul {
  margin-left: 0;
/*  padding-left: 20px;
  padding-right: 20px;*/
  list-style: none;
}

#subHeader li {
  padding: 5px 0;
  border-top: 1px solid #EFEFEF;
}

#subHeader li.first {
  border: none;
}

#colTwo {
  text-align: left;
  margin: 0px auto;
 /* padding: 0 10px 0 10px;*/
  width:99%;
  min-height: 400px;
 /* background: url(/images/img09.gif) repeat-x;*/
}

#colTwo h2 {
  margin-top: 0;
  font-size: 26px;
}

#colTwo h3 {
  margin-bottom: 0;
  font-size: 18px;
}

#colTwo h4 {
  margin-top: 0;
  font-size: 11px;
  font-weight: normal;
}

#colTwo .box {
  margin: 0 -30px 30px -20px;
  padding: 0 30px 0 20px;
}

#colTwo .bottom {
  margin: 0 0 20px -20px;
  padding: 0 0 20px 20px;
}

#titol{
  float:left;
  width: 100%;
}
#cos{
  text-align: justify;
}


/* Logo */

#logo{
  float:left;
  margin: 0 10px 20px 0;
}

/* Footer */

#footer {
  clear: both;
  width: 99%;
  margin: 0 auto;
  padding-top: 25px;
  background: url(/images/img11.gif) repeat-x;
  min-height: 60px;
}
#footer .dreta{
  float:right;
}
#footer .esquerra{
  float:left;
}
#footer span {
  margin: 0 10px 0 0;
  vertical-align: middle;
}

#footer li {
  display:  block;
  float:left;
  padding-right: 5px;
}

#footer img { 
  border: none
}

/* Quadres */
#colTwo div.staticHeader{
  height: 20px;
  background: url('/images/staticHeader01.gif') repeat-x;
  padding: 0 0 0 15px; 
  margin-top: 10px;
  color: black;
  font-weight: bold; 
  font-size:17px;
}

#colTwo div.staticSmallHeader{
  height: 15px;
/*  background: url('/images/staticHeader01.gif') repeat-x;*/
  background-color: #ececec;
  padding: 0 0 0 6px; 
  margin-top: 5px;
  color: black;
  font-weight: bold; 
  font-size:13px;
}

#colTwo div.staticContent, #colTwo div.staticContentMargin{
  background-color: #fff; 
  border: solid 1px #87C4DB; 
}
#colTwo div.staticContent{
  padding:0 10px 0 10px; 
  margin-top: 0;
}
#colTwo div.staticContentMargin{
  padding:10px 5px 10px 5px;
  margin: 0 0 10px 0;
}

#colTwo div.formHeader{
  height: 20px;
  background-color: #66A019; 
  padding:0 0 0 15px; 
  margin-top: 0;
  color: black;
  font-weight: bold; 
  font-size:17px;
}

#colTwo div.formSmallHeader{
  height: 15px;
  background-color: #ececec;
  padding:6px 0 0 6px; 
  margin-top: 0;
  color: black;
  font-weight: bold; 
  font-size:13px;
}

#colTwo div.formContent{
  background-color: #fff; 
  border: solid 1px #66A019; 
  padding: 0px 10px 0px 10px; 
  margin: 0 0 10px 0;
}

/* Llistes */

#old #colTwo ul, #colTwo ul li ul{
  list-style-type: none;
  padding: 0;
}

#old #colTwo ul li{
  font-size: 1.3em;
  font-weight: bold;
}

#old #colTwo ul li ul li{
  font-size: 0.8em;
  color: black;
  margin-bottom: 10px;
}

#old .preview_productes{
  padding: 5px 0 5px 0;
}

.preview_productes thead tr th{
  font-size: 11px;
}

.preview_productes tbody tr td{
  font-size: 9px;
}

#capsalera_content{
  padding: 0 5px 0 5px;
  background-color: #fff;
  border: solid thin #87C4DB;
}

#capsalera_content span.capsalera, #productes_content span.capsalera{
  font-size: 9px;
}

#capsalera_content label.etiqueta, #productes_content label.etiqueta{
  font-size: 11px;
}

#productes_content{
  padding: 0;
  background-color: #fff; 
  border: solid thin #87C4DB; 
}

#uhcs_content ul li{
  color: black;
  font-size: 11px;
  margin-bottom: 10px;
}

#uhcs_content ul li ul li{
  color: black;
  font-size: 9px;
  margin-bottom: 0;
}

#uhcs_content ul li ul li.black{
  text-decoration: underline;
}


/* Thcs Unitats TRactament */
.uhcsUnitatTractament {
  float: left;
  height: 37px;
  margin: 0;
  padding: 0 0 0 10px;
  list-style: none;
}

.uhcsUnitatTractament li {
  display: inline;
}

/* Taules */

#old table{
  border-spacing: 5px 0;
}

#old tbody tr.rowA{
  background-color: #ecfab3;
  color: inherit;
}
#old tbody tr.rowB{
  background-color: #f7fbe8;
  color: inherit;
}
#old tbody tr.errorRowA{
  background-color: #FF9900;
  color: inherit;
}
#old tbody tr.errorRowB{
  background-color: #ffd393;
  color: inherit;
}
#old tbody tr.rowA:hover, #old tbody tr.rowB:hover, #old tbody tr.errorRowA:hover, #old tbody tr.errorRowB:hover{
  background-color: #f8d42b;
  color: inherit;
}

#old tbody tr td{
  text-align: center;
  font-size: 1.15em;
  color: #333;
}

#old tbody tr td.alternativa{
  color: #f00;
}

#old tbody tr th{
  background-color: white;
}

#old thead tr th{
  font-size: 1.15em;
  font-weight: bold;
  color: #000;
  text-align: center;
  background-color: #d0d0d0;
}

#old ul li table, #old ul li ul li table, #old table tbody tr td table{
  margin: 10px 0 10px 20px;
  background-color: #f0f0f0;
}

#old ul li table thead, #old ul li ul li table thead, #old table tbody tr td table thead{
  font-size: 0.80em;
  background-color: #d0d0d0;
}

#old ul li table tbody, #old ul li ul li table tbody, #old table tbody tr td table tbody{
  font-weight: normal;
  font-size: 0.70em;
}