/*
 * Controls b�sics
 */
html, body {
   margin: 0px;
   width: 100%;
   background-color: #fff;
   color: #000;
   font-family: arial, helvetica, sans-serif;
   font-size: 12px;
   text-align: left;
}
a, a:link, a:visited {
   color: #4d6bc6;
   text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
strong {
   font-weight: bold;
}
big {
   font-family : arial, helvetica, sans-serif;
   font-size : 14px;
}
form, p {
   padding: 0;
   margin: 0;
}
input, textarea, select {
   border : 1px inset silver;
   color : black;
   background : white;
}
.button {
   border : 1px outset silver;
   color : black;
   background : silver;
   font-size: 1.1em;
   font-family: Arial, Helvetica, Sans-Serif;
   height: 18px;
}
.button:active {
   border : 1px inset silver;
}
.button:hover {
   background: #b7b7b7;
}
.check, .radio {
   background-color: transparent;
   border: 0;
}
img {
   border: 0;
}
hr {
   border: 0;
   border-top: 1px solid #00c1ff;
}
h1 {
   /* t�tol de la p�gina */
   margin: 0;
   padding: 0;
   color: #0bf;
   font-family: "Courier New", Courier, Monospace;
   font-size: 3em;
   font-weight: bold;
}
img { border: 0 }
/*
 * IDs b�sics (definits a la plantilla de la p�gina)
 */
#container {
   margin: 0;
   padding: 0;
}

/* Cap�alera */
#header {
   height: 115px;
   width: 100%;
   background-color: #6782d3;
}
#cap {
   margin: 0;
   padding: 0;
   height: 93px;
}
#cap .logotip {
   position: relative;
   left: 30px;
   top: 10px;
   border: 0;
}
#cap .adcap {
   position: absolute;
   right: 20px;
   top: 5px;
}
#info {
   position: absolute;
   top: 75px;
   height: 15px;
   line-height: 14px;
   width: 100%;
   border-top: 1px solid #fff;
   background-color: #4d6bc6;
   color: #fff;
   padding-top: 2px;
   font-size: 11px;
}
#info .visitants {
   margin-left: 10px;
   float: left;
}
#info .visitants img {
   vertical-align: top;
   margin-top: -2px;
}
#info .estacions {
   position: absolute;
   right: 10px;
}
/* Cos */
#cos {
   width: 100%;
   color: #000;
   text-align: left;
}
#cos td {
   vertical-align: top;
}
#col2 {
   padding: 0;
   padding: 5px;
}
#col3 {
/*   position: relative;
   top: 120px;
   right: 5px;*/
   padding: 5px;
   width: 205px;
   background-color: #fff;
   text-align: left;
   font-size: 0.9em;
}
/* Peu */
#footer {
   clear: both;
   color: #000;
   display: block;
   margin: 20px 230px 20px 10px;
   padding: 5px 0 5px 0;
}
#footer .ad {
   text-align: center;
   padding-bottom: 20px;
}
address, address a:link, address a:visited {
   border-top: 1px solid #4d6bc6;
   text-align: left;
   color: #4d6bc6;
   font-style: italic;
}

.rssfeed {
   /* Bloc per fils RSS */
   background: transparent;
}

/*
 * Caixes
 */
h2 {
   padding: 0;
   margin: 15px 0 0 0;
   color: #fff;
   background-color: #6782d3;
   border: 1px solid #6782d3;
   font-family: arial, helvetica, sans-serif;
   font-size: 1.2em;
   text-align: left;
   font-weight: bold;
}
.box {
   /* Contenidor d'una caixa */
   margin: 0 0 20px 0;
   padding: 0;
   clear: both;
}

.box_content {
   /* Contingut de les caixes */
   display: block;
}

/*
 * Caixa d'identificaci� i opcions d'usuari autoritzat
 */
#login {
   margin: 0px 0px 15px 0px;
}
#login h2 {
   padding: 0;
   color: #fff;
   background-color: #6782d3;
   border: 1px solid #6782d3;
   font-family: arial, helvetica, sans-serif;
   font-size: 1.2em;
   text-align: left;
   font-weight: bold;
}
#login form {
   border: 1px solid #cad4f0;
   margin: 2px 0px 0px 0px;
   padding: 2px;
}

#login_avatar {
   border-bottom: 1px solid #d8001c;
   padding: 5px 10px 5px 10px;
   margin-top: 2px;
   text-align: center;
}
#login_username {
   font-size: 1em;
   float: left;
   padding-bottom: 2px;
   width: 45%;
   margin: 3px 0 3px 0;
}
#login_passwd {
   font-size: 1em;
   float: left;
   padding-bottom: 2px;
   width: 45%;
   margin: 3px 0 3px 0;
}
#login_input_username {
   font-family: Arial, Helvetica, Sans-Serif;
   padding-bottom: 2px;
   margin: 3px 0 3px 0;
}
#login_input_username input {
   font-size: 1em;
   width: 50%;
}
#login_input_passwd {
   font-family: Arial, Helvetica, Sans-Serif;
   padding-bottom: 2px;
   margin: 3px 0 3px 0;
}
#login_input_passwd input {
   font-size: 1em;
   width: 50%;
}
#login_submit {
   font-size: 0.9em;
   text-align: center;
   padding-bottom: 4px;
   height: 15px;
}

/*
 * Paginador
 */
#pager {
   border-top: 1px solid black;
}
#pager_back {
   /* P�gina anterior */
   float: left;
   font-weight: bold;
}
#pager_next {
   /* P�gina seg?ent */
   text-align: right;
   font-weight: bold;
}

/*
 * Articles
 */
.story {
   /* Contenidor d'un article */
/*    clear: both; */
   text-align: left;
}
#story_4, #story_5, #story_6, #story_7 {
   /* Contenidor d'un article de portada */
   width: 45%;
   float: left;
   margin: 1%;
}
#story_6, #story_8 {
   clear: both;
}
.attachment {
   /* Mostra dels fitxers annexos */
   margin-left: 20px;
}
.more {
   margin: 5px 0 5px 0;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 0.9em;
}
.more a, .more a:visited, .more a:active {
   /* Llegir la resta de l'article */
   float: right;
   padding: 2px 10px 2px 10px;
}
.more a:hover {
   text-decoration: none;
   color: #000;
}
.story_footer {
   /* Comentaris, dossiers i m�s */
   clear: both;
   margin-bottom: 15px;
   padding-bottom: 5px;
}
.story_dossier {
   /* Vincle a dossiers associats */
   float: left;
}
.story_comments {
   /* Vincle a comentaris */
}
.story_related {
   /* Articles relacionats */
   clear: both;
   border: 1px solid #cad4f0;
   margin: 5px;
   padding: 5px;
}
.story_edit {
   /* Enlla� a edici� de l'article */
   float: right;
}

/*
 * Contenidor de f�rums associats a articles
 */
#forums {
   width: 100%;
}

/*
 * Disseny de les plantilles d'usuari
 */
.story {
   margin: 0;
   padding: 0;
}
h1, h3, .titol {
   /* t�tol dels articles */
   padding: 0;
   margin: 0;
   color: #4d6bc6;
   font-family: arial, helvetica, sans-serif;
   font-size: 1.4em;
   font-weight: bold;
   width: 100%;
   border-bottom: 1px solid #575757;
   text-align: left;
}
h3 a, h3 a:link, h3 a:visited, h3 a:hover, .titol a, .titol a:link, .titol a:visited, .titol a:hover {
   color: #4d6bc6;
   text-decoration: none;
}
h3 img, .titol img {
   vertical-align: -0.6em;
}

h4, .subtitol {
   /* subt�tol dels articles */
   margin: 0 0 5px 0;
   padding-left: 10px;
   color: #575757;
   font-family: verdana, arial, helvetica, sans-serif;
   font-weight: bold;
   font-size: 0.9em;
   background: url(../img/bullet.png) left 3px no-repeat;
}

.text p {
   font-family: Sans-Serif, Verdana, Arial, Helvetica;
   margin: 0px;
   font-size: 0.9em;
}

.foto {
   float: left;
/*    width: 105px; */
   margin-right: 10px;
   text-align: left;
}
.foto p {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 0.9em;
   text-align: justify;
   color: #575757;
}
/*
 * Fitxes zonals
 */
.navcontainer {
   text-align: left;
   margin-top: 5px;
   margin-bottom: 5px;
   display: block;
}
.navlist {
   padding: 1px 0;
   margin-left: 0;
   border-bottom: 1px solid #778;
   font: bold 11px Arial, Helvetica, sans-serif;
}

.navlist li {
   list-style: none;
   margin: 0;
   display: inline;
}

.navlist li a, .navlist a, .navlist a:visited {
   padding: 1px 0.3em;
   margin-left: 3px;
   border: 1px solid #778;
   border-bottom: none;
   background: #cad4f0;
   text-decoration: none;
   color: #000;
}

.navlist li a:hover {
   color: #000;
   background: #6782d3;
   border-color: #227;
   text-decoration: none;
   color: #000;
}

.navlist .active li, .navlist .active a, .navlist .active a:visited {
   background: white;
   border-bottom: 1px solid white;
   color: #000;
}
.navlist li.inactive, .navlist li a.inactive {
   background: white;
   border-bottom: 1px solid white;
   color: #000;
}

/*
 * Blocs d'apartats
 */
ul {
   list-style-position: outside;
   list-style-image: url(../img/bullet.png);
   margin: 2px 0px 0px 0px;
   padding: 2px 0 0 17px;
}
li {
   height: auto;
   line-height: auto;
   border: none;
   padding: 0;
   background: transparent;
}
li a:hover {
   background-color: transparent;
}

.tip_cam {
   text-align: center;
   display: block;
}
.tip_cty {
   font-weight: bold;
   background: #FFD001;
   padding: 2px;
   display: block;
   min-width: 120px;
   width: auto !important;
   width: 130px;
}
.tip_max {
   color: #f00;
   display: block;
}
.tip_min {
   color: #00f;
   display: block;
}
.tip_met {
   color: #000;
   display: block;
}
.tip_tmp {
   float: right;
   text-align: right;
   font-weight: bold;
   font-size: 15px;
   border: 1px solid #ccc;
   padding: 1px;
   margin: 1px;
}
.tip_tmp img {
   float: left;
   margin: 2px;
   border: 0;
}
#camtab table {
   width: 600px;
}
#camtab th {
   background-color: #6681d2;
   color: #fff;
   font-size: 13px;
   width: 150px;
   text-align: center;
   width: 600px;
}
#camtab td {
   text-align: center;
   border: 1px solid #6681d2;
   padding: 2px;
   width: 150px;
}

#camtab td img {
   width: 120px;
   height: 98px;
}
#camtab .empty {
   border: 1px solid #E6F2FF;
}
#stationlist {
   width: 640px;
   min-width: 640px;
   border-spacing: 0;
   border-collapse: collapse;
   margin: 0;
}
#stationlist td {
   text-align: center;
   font-family : Arial, Helvetica, sans-serif;
   font-size : 11px;
   border: 2px solid #E6F2FF;
}
#stationlist th {
   text-align: left;
   font-family : Arial, Helvetica, sans-serif;
   font-size : 11px;
   border: 2px solid #E6F2FF;
   font-weight: normal;
}
/*
 * Formulari Login
 */
#loginform {
   width:100%;
   margin:auto;
}
#loginform fieldset {
   border: 1px solid #4d6bc6;
   width: 95%;
   margin: auto;
   margin-top: 1.2em;
   background-color: #fff;
}
#loginform fieldset fieldset {
   border: 1px solid #4d6bc6;
   width: 80%;
   margin: auto;
   margin-top: 1.2em;
}
#loginform legend{
   font-weight:bold;
   font-size: 9pt;
   color: #4d6bc6;
}
#loginform label{
   width: 40%;
   float: left;
   text-align: right;
   margin-right: 0.5em;
   display: block
}
#loginform p {
   margin: 2px;
   clear: both;
}
#loginform .submit {
   text-align: center;
   margin: 5px;
   font-size: 10px;
}
#loginform .help {
   font-style: italic;
}
#loginform .errmsg {
   color: #fff;
   background-color: #f00;
   font-weight: bold;
   display: block;
}

#previ {
   width: 100%;
}
#previ p {
   clear: both;
}
.data table {
   border-spacing: 0;
   border-collapse: collapse;
   width: 640px;
}
.data th, .data td {
   text-align: left;
   padding: 2px;
   margin: 2px;
   vertical-align: top;
   text-align: left;
   border: 1px solid #f7f9ff;
   font-size: 0.9em;
}
.data th {
   font-weight: bold;
}
.data caption {
   font-weight: bold;
   background-color: #4d6bc6;
   color: #fff;
   text-align: center;
}

.stationlist table {
   border-spacing: 0;
   border-collapse: collapse;
   width: 640px;
   font-size: 0.9em;
}
.stationlist th, .stationlist td {
   text-align: center;
   padding: 2px;
   margin: 2px;
   vertical-align: top;
   border: 1px solid #e6ebfa;
}
.stationlist th {
   font-weight: bold;
}
.stationlist th a, .stationlist th a:link, .stationlist th a:active, .stationlist th a:visited {
   color: #fff;
}
.stationlist caption {
   font-weight: bold;
   background-color: #4d6bc6;
   color: #fff;
   text-align: center;
   font-size: 1.4em;
   margin: 10px 0 5px 0;
}

#calendari table {
   border-spacing: 0;
   border-collapse: collapse;
   width: 12em;
   margin-left: 20px;
   margin-right: 20px;
   font-size: 0.9em;
}
#calendari th, #calendari td {
   text-align: center;
   vertical-align: top;
   border: none;
}
#calendari th {
   font-weight: bold;
   font-size: 1.2em;
}
#calendari caption {
   font-weight: bold;
   background-color: #4d6bc6;
   color: #fff;
   text-align: center;
   font-size: 1.5em;
}
#calendari .link {
   color: #4d6bc6;
   cursor: pointer;
   font-weight: bold;
}

.statdata {
   border: 1px solid #6782d3;
   -moz-border-radius: 10px;
   width: 200px;
   display: block;
   text-align: center;
   padding-top: 10px;
}
.statdata table {
   border-spacing: 0;
   border-collapse: collapse;
   width: 180px;
   margin: 10px;
}
.statdata th, .statdata td {
   text-align: center;
   padding: 2px;
   margin: 2px;
   vertical-align: top;
   border: 1px dotted #e6ebfa;
}
.statdata th {
   font-weight: bold;
}
.statdata caption {
   font-weight: bold;
   background-color: #4d6bc6;
   color: #fff;
   text-align: center;
   font-size: 1.1em;
}

.top10 {
   text-align: center;
}

.top10 table {
   padding: 2px;
   margin: 2px;
   width: 640px;
   margin: auto;
}

#dtop1 {
   display: block;
}
#dtop2, #dtop3 {
   display: none;
}
#stations {
   text-align: center;
}
.mapaprevi {
   float: left;
   margin-right: 10px;
}

.hprevi {
   display: block;
   margin-bottom: 20px;
   height: 500px;
}
blockquote {
   margin-left: 60px;
   font-style: italic;
   background: #f6f6f6;
   padding: 10px;
   border: 1px solid #2ca2e2;
   -moz-border-radius: 10px;
}
.tbtip {
   margin: 2px;
   border-collapse: collapse;
   empty-cells: hide;
   white-space: nowrap;
}
.tbtip td {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 0.8em;
   padding: 1;
   border: 1px solid #ccc;
   background-color: #fff;
   text-align: center;
}
.tbtip th {
   background-color: #ffd001;
   font-weight: bold;
   padding: 2px;
   text-align: left;
}
.zw {
   vertical-align: top;
   border: 0 solid #fff;
}
.zt {
   font-size: 14px !important;
   font-weight: bold;
}
.zx { color: #f00; }
.zn { color: #00f; }
sup {
   font-size: 6px;
   color: #000;
}
#extracontent {
   display: block;
   clear: both;
}
#stlist {
   font-size: 0.9em;
   text-align: center;
   border: 1px solid #7a84d8;
   margin: 5px;
}
.sprite-fall, .sprite-fastfall, .sprite-fastraise, .sprite-raise, .sprite-steady{
	background: url(//static.meteoclimatic.net/img/sprite-fall.png) no-repeat left;
	float: right;
}
.sprite-fall{ background-position: 0 0; width: 7px; height: 4px; } 
.sprite-fastfall{ background-position: 0 -54px; width: 7px; height: 9px; } 
.sprite-fastraise{ background-position: 0 -113px; width: 7px; height: 9px; } 
.sprite-raise{ background-position: 0 -172px; width: 7px; height: 4px; } 
.sprite-steady{ background-position: 0 -226px; width: 4px; height: 7px; } 

.sprite-manual, .sprite-sem_g, .sprite-sem_nok, .sprite-sem_nul, .sprite-sem_obs, .sprite-sem_ok, .sprite-sem_qr, .sprite-sem_qt, .sprite-sem_qv, .sprite-sem_t, .sprite-sem_tpv, .sprite-sem_v, .sprite-warn {
	background: url(//static.meteoclimatic.net/img/sprite-manual.png) no-repeat left;
	float: left;
	margin: 1px 3px;
}
.sprite-manual{ background-position: 0 0; width: 12px; height: 12px; } 
.sprite-sem_g{ background-position: 0 -62px; width: 12px; height: 12px; } 
.sprite-sem_nok{ background-position: 0 -124px; width: 12px; height: 12px; } 
.sprite-sem_nul{ background-position: 0 -186px; width: 12px; height: 12px; } 
.sprite-sem_obs{ background-position: 0 -248px; width: 12px; height: 12px; } 
.sprite-sem_ok{ background-position: 0 -310px; width: 12px; height: 12px; } 
.sprite-sem_qr{ background-position: 0 -372px; width: 12px; height: 12px; } 
.sprite-sem_qt{ background-position: 0 -434px; width: 12px; height: 12px; } 
.sprite-sem_qv{ background-position: 0 -496px; width: 12px; height: 12px; } 
.sprite-sem_t{ background-position: 0 -558px; width: 12px; height: 12px; } 
.sprite-sem_tpv{ background-position: 0 -620px; width: 12px; height: 12px; } 
.sprite-sem_v{ background-position: 0 -682px; width: 12px; height: 12px; } 
.sprite-warn{ background-position: 0 -744px; width: 12px; height: 12px; } 

.sprite-tip_e, .sprite-tip_ene, .sprite-tip_ese, .sprite-tip_n, .sprite-tip_ne, .sprite-tip_nne, .sprite-tip_nnw, .sprite-tip_nw, .sprite-tip_s, .sprite-tip_se, .sprite-tip_sse, .sprite-tip_ssw, .sprite-tip_sw, .sprite-tip_w .sprite-tip_wnw, .sprite-tip_wsw {
	background: url(//static.meteoclimatic.net/img/sprite-wnd.png) no-repeat left;
	margin: 0 auto;
}
.sprite-tip_e{ background-position: 0 0; width: 28px; height: 28px; } 
.sprite-tip_ene{ background-position: 0 -78px; width: 28px; height: 28px; } 
.sprite-tip_ese{ background-position: 0 -156px; width: 28px; height: 28px; } 
.sprite-tip_n{ background-position: 0 -234px; width: 28px; height: 28px; } 
.sprite-tip_ne{ background-position: 0 -312px; width: 28px; height: 28px; } 
.sprite-tip_nne{ background-position: 0 -390px; width: 28px; height: 28px; } 
.sprite-tip_nnw{ background-position: 0 -468px; width: 28px; height: 28px; } 
.sprite-tip_nw{ background-position: 0 -546px; width: 28px; height: 28px; } 
.sprite-tip_s{ background-position: 0 -624px; width: 28px; height: 28px; } 
.sprite-tip_se{ background-position: 0 -702px; width: 28px; height: 28px; } 
.sprite-tip_sse{ background-position: 0 -780px; width: 28px; height: 28px; } 
.sprite-tip_ssw{ background-position: 0 -858px; width: 28px; height: 28px; } 
.sprite-tip_sw{ background-position: 0 -936px; width: 28px; height: 28px; } 
.sprite-tip_w{ background-position: 0 -1014px; width: 28px; height: 28px; } 
.sprite-tip_wnw{ background-position: 0 -1092px; width: 28px; height: 28px; } 
.sprite-tip_wsw{ background-position: 0 -1170px; width: 28px; height: 28px; } 

#ztmc {
   float: right;
   color: #4d6bc6;
   font-size: 0.95em;
}