body {
  margin : 0;
  padding : 0;
  font : 73% arial, verdana, tahoma, "Trebuchet MS", sans-serif;
  line-height : 1.7em;
  color : #333;
  background : #fff;
}
#banner {
  height : 100px;
  margin : 0 auto;
  padding : 0;
  background : #000 url(/images/image01.jpg) no-repeat;
  color : #ddd;
}
#banner h1 {
  margin : 0;
  padding : 10px 25px;
  font-size: 16px;
  text-align: left;
  background : transparent;
  color : #fff;
}
#banner h1 a {
  color: #FFF;
  text-decoration: none;
}
#navlist {
  padding : 4px 5px 4px 0;
  margin : 0 0 10px;
  text-align : left;
/*  letter-spacing : 3px;*/
  color : #fff;
  background : #7ABA2E;
}
#navlist li {
  list-style : none;
  margin : 0;
  display : inline;
}
#navlist li a {
  padding : 5px 0.75em;
  margin : 0;
  color : #fff;
  background : #7ABA2E;
  text-decoration : none;
  font-size: 10px;
}
#navlist li a:link {
  color : #fff;
  background :#7ABA2E;
}
#navlist li a:visited {
  color : #fff;
  background : #7ABA2E;
}
#navlist li a:hover {
  color : #fff;
  background : #BA3F2F;
}
#navlist li a#current {
  color : #fff;
  background : #BA3F2F;
}
.menu ul li {
  line-height : 1.8em;
  margin : 0 10px 0 0;
  padding : 0;
  list-style-type : square;
  color : #BA3F2F;
  background : inherit;
}
.menu ul li a {
  color : #BA3F2F;
  background : inherit;
}
.menu ul li a:hover {
  color : #7ABA2E;
  background : inherit;
}
#content {
  min-height: 400px;
}
#content p {
padding : 10px;
}
#sidebar-a {
  float : left;
  width : 140px;
  margin-left : 15px;
  padding : 0 5px 0 10px;
  border-right : 1px solid #eee;
}
#sidebar-b {
  float : right;
  width : 140px;
  margin : 0 15px 0 0;
  padding : 0 5px 0 10px;
  border-left : 1px solid #eee;
}
#footer {
  clear : both;
  padding : 3px 5px 5px;
  margin : 10px 0 0;
  background : #7ABA2E;
  color : #f7f7f7;
  text-align: center;
}
#footer a {
  text-decoration : none;
  color : #000;
  background : inherit;
}
#footer a:hover {
  text-decoration : underline;
  color : #fff;
  background : inherit;
}
#footer a img {
  vertical-align: text-bottom;
}
a {
  text-decoration : none;
  color : #BA3F2F;
  background : inherit;
}
a:hover {
  text-decoration : underline;
  color : #aaa;
  background : inherit;
}
a img {
  border : 0;
}
.border {
  padding : 10px;
  margin : 10px;
  border : 1px solid #aaa;
}
.imgleft {
  float : left;
  border : 1px solid #aaa;
  margin : 5px 10px 10px 15px;
  padding : 5px;
}
.imgright{
  float : right;
  border : 1px solid #aaa;
  margin : 5px 15px;
  padding : 15px;
}
h1 {
  margin : 20px;
  padding : 5px;
  font-size : 140%;
  letter-spacing : 3px;
  text-align: center;
  color : #fff;
  background : #aaa;
}
h2 {
  margin : 0;
  padding : 0;
  font-size : 130%;
  text-transform : none;
  letter-spacing : 5px;
  color : #BA3F2F;
  background : inherit;
}
h3 {
  padding : 5px;
  text-transform : uppercase;
  font-size : 110%;
  letter-spacing : 5px;
  color : #fff;
  background : #eee;
}
h4 {
  padding : 5px;
  text-transform : uppercase;
  font-size : 110%;
  color : #fff;
  background : #f17c0b;
}
.clear {
  clear : both;
  width : 100%;
}
.col3 {
  float: left;
  width: 150px;
}
.col3center {
  float: left;
  margin: 0 3%;
}
strong {
  color: #000;
}
#login_header label {
  width: 80px;
}
label {
  margin-right: 10px;
  text-align: right;
  display: inline-table;
}
label.large{
  width: 80px;
  vertical-align: top;
}
span#login_header_left{
  float:right;
  margin-right: 5px;
}
span#login_header_left #button{
  margin-top: 23px;
}
span#login_header_right{
  float:right;
}
#login_header{
  position:relative;
  top:18px;  
}
#login_header input{
  width: 75px;
  border: medium none;
  font-size: 9px;
  height: 13px;
}
#login_header input#commit{
  margin-top: 1px;
}
#user-bar-greeting{
  position: relative;
  top: 22px;
  margin-right: 5px;
}

div.left {
  float : left;
  margin: 0 5px 0 0;
}
div.right {
  float : right;
}
input.small {
  width: 25px;
}
#map {
/*  margin:  0 20px 10px 20px;*/
  height: 400px;
}
#map_filter {
  margin: 0 0 0 20px;
  height: 35px;
  text-align:center;
}
#error {
  color: red;
  font-weight: bold;
}
.red {
  color: red;
}
.orange {
  color: orange;
}
.white {
  color: white;
}
.green {
  color: green;
}
.bgred {
  background-color: red;
}
.bgorange {
  background-color: orange;
}
.bgwhite {
  background-color: white;
}
.bggreen {
  background-color: green;
}
.bars {
  display: inline-table;
  border: solid black 1px;
  height:6px;
  line-height:0;
  vertical-align:middle;
}
.graphic {
  font-size: 0.9em;
}
.graphic-line {
  height:13px;
}
table th {
  font-weight: bold;
}
table tr.A{
  background-color:#EEE;
}
table tr.B{
  background-color:#CCC;
}
.question {
  font-weight: bold;
  font-size: 1.1em;
}
.answer {
  text-align: justify;
  
}
.tags {
  color: orange
}
.esquerra {
  float:left;
}
#content .esquerra p {
  padding: 3px;
}
.clear {
  clear: both;
}

.meteo-stations-models-links {

}
.meteo-stations-models-links li {
  border-left: 1px solid black;
  margin-left: 5px; 
  padding-left: 5px;
  display: inline;
  list-style: none outside none;
}
.meteo-stations-models-links li.first {
  border-left: none;
  margin-left:0;
  padding-left:0;
}
h2 a:hover, li p a:hover {
  text-decoration : none;
  color : #BA3F2F;
}
#models{
  width: 100%;
}
#models .map{
  width: 100%;
}

#models #map{
  height: 500px;
}
#models #resume , #models #map{
  vertical-align: top;
}
table.data th{
  padding:0 5px;
}
table.data td{
  text-align:center;
}