/*
Original design: andreas09 (v2.2 - June 01, 2010) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/andreas09/
*/

/* Main tags */
body {background:#fff; color:#303030; font:70% Verdana,Tahoma,Arial,sans-serif; margin:0; padding:0; text-align:center;}
a {color:#505050; font-weight:bold; text-decoration:none; font-size:1.2em;}
a:hover {color:#808080; text-decoration:none;}
p {line-height:1.5em; margin:0 0 15px;}
td {font-size:1.2em; line-height:1.4em; margin:0 0 16px 10px;}
#centra {
text-align:center;	
background-color:#fff;
}
#centra1 {
text-align:center;	
}
.graf1 {
background:#ebedee;
border:2px solid #fff;
text-align:center;
padding:5px;
}
#centra2 {
text-align:center;	
background-color:#fff;
padding-top:5px;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}
#centra3 {
text-align:center;	
background-color:#e8e9ea;
padding-top:5px;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
}
#dadesmoon {
text-align:center;	
background-color:#e8e9ea;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
padding-right:3px;
}
#dadesmoon td {
font-size:0.8em;
}

/* Main container */
/* CAPÇALERA I FONDO */
#container {background:#fff url(images/bodybg.jpg) repeat-x; color:#303030; margin:0; min-width:770px; padding:0; text-align:left; width:100%;}
#fotoclimatic {
background:url(images/logo_meteoclimatic.png);
background-repeat:no-repeat;  
margin-top:0px; 
width:153px; 
height:98px; 
float:right;
}
/* Header section */
#sitename {color:#ffffff; height:72px; margin:0 20px 10px; text-align:left;}
#sitename h1,#sitename h2 {font-weight:400; letter-spacing:-2px; margin:0; padding:0;}
#sitename h1 {position:absolute; font-size:2.4em; padding-top:10px;}
#sitename h2 {text-align:right; margin:0; padding:0;}
#pos_dreta {text-align:right; margin:0; padding:0; margin-right:0px; padding-top:-50px;}

/* Horizontal menu */
#mainmenu {float:left; margin-left:30px; margin-bottom:0px;}
#mainmenu ul {font-size:16px; margin:0; padding:0;}
#mainmenu li {float:left; height:35px; list-style:none; margin:0; padding:0;}
#mainmenu a {border-right:1px solid #b0b0b0; color:#606060; display:block; font-size:0.55em; padding:2px 10px 2px; text-transform:uppercase;}
#mainmenu a:hover {background:#f0f0f0 url(images/menuhover.jpg) top left repeat-x; color:#000; text-decoration:none;}
#mainmenu a.current {background:#f0f0f0 url(images/menuhover.jpg) top left repeat-x; color:#000; text-decoration:none;}

/* Content wrap */
#wrap {clear:both; font-size:0.9em; padding:0;}

/* Sidebars */
#leftside {margin:0; padding:0 10px 10px; width:173px;}
#rightside {margin:0; padding:0 10px 10px; width:173px;}
#leftside {float:left; margin-right:10px;}
#rightside {float:right; margin-left:10px;}
#leftside h1,#rightside h1 {color:#0d85ca; font-size:1.3em; font-weight:bold; letter-spacing:-1px; margin:0 0 12px;}
#leftside h2,#rightside h2 {font-size:1.1em; margin:0 0 20px;}
#leftside p,#rightside p {font-size:0.8em; line-height:1.4em; margin:0 0 16px 10px;}

.linklist {list-style:none; margin:0 0 6px 4px; padding:0;}
#linklist li a {font-size:0.7em;}
.llista {font-size:0.8em;}

/* Sidebar menu */
.nav {background:#e8e9ea; border:1px solid #b0b0b0; color:#606060; display:block; margin-top:2px; padding:0px 0px 0px 10px; position:relative; text-transform:uppercase; width:150px;}
.nav:hover,.active {background:#f8f9fa; border:1px solid #909090; color:#0d85ca; text-decoration:none;}
.sub {font-size:0.8em; letter-spacing:1px; margin:3px 0 2px 10px; padding:0px 0px 0px 10px; width:125px;}

/* Content */
/* Caixa Principal */
#content,#contentalt {background-color:#fff; border-left:1px solid #909090; border-right:1px solid #909090; color:#2a2a2a; padding:0px 10px 5px;}
#content {margin:0 200px;}
#contentalt {margin:0 200px 0 20px;}
#content h1,#content h2,#contentalt h1,#contentalt h2 {color:#0d85ca; font-size:1em; font-weight:bold; letter-spacing:-1px; margin:0 0 0px; padding:0;}
#content h2,#contentalt h2 {font-size:1.6em; margin-bottom:10px;}
#content img,#contentalt img {float:left; margin:0px; padding:5px;}
.colorcelda1 {
background:#ccc;	
}
.esquerra {
text-align:right;	
padding-right:5px;
background:#ebedee;
border:2px solid #fff;
width:50%;
}
.esquerra1 {
text-align:right;	
padding-right:5px;
background:#ebedee;
border:2px solid #fff;
width:25%;
}
.dadesquerra {
background:#ebedee;
border:2px solid #fff;
width:50%;
}
.esq {
text-align:left;	
}
.dret {
text-align:right;	
}
.cent {
text-align:center;	
}
.dades {
text-align:left;
padding-left:5px;
background:#c0d0d9;
border:2px solid #fff;
color:#000;
font-size:1em;
}
.dadesdreta {
background:#ebedee;
border:2px solid #fff;
}
.dadescentre {
background:#ebedee;
border:2px solid #fff;
text-align:center;
}
.dadescentre p {
padding-right:10px;
}
.dadescentre a{
text-align:center;
}
.titoltaula {
color:#0d85ca; font-size:1.3em;
background:#ccc;
border:2px solid #fff;
}
/* Footer */
#footer {background:#fff url(images/footerbg.jpg) top left repeat-x; clear:both; color:#fff; font-size:0.7em; font-weight:bold; margin:0; padding:5px 0; text-align:center; width:100%;}
#footer a {color:#000; font-weight:bold;}

/* Various classes */
.thumbnail {background:#fafbfc; border:1px solid #b0b0b0; margin:0 0 10px 10px; padding:5px;}
.searchform {margin:0;}
.searchbox {background:#f0f0f0; border:1px solid #b0b0b0; margin:0 4px 0 0; width:100px;}
.searchbutton {background:#f0f0f0; border:1px solid #b0b0b0;}
.clearingdiv {clear:both; height:30px; width:1px;}
.hide {display:none;}
.intro {font-size:1.0em; font-weight:bold;}
.small {font-size:0.8em;}
.large {font-size:1.4em;}
.center {text-align:center;}
.right {text-align:right;}

#top-nav ul {
  text-align: center;
}
#top-nav li {
  display: inline;
}
#top-nav a {
  text-decoration: none;
}
#top-nav a:hover {
  text-decoration: none;
}
.poble ul {
  text-align: center;
}
.poble li {
	  display: block;
text-decoration:none;
}
.poble a {
  text-decoration: none;
}
.poble a:hover {
  text-decoration: none;
}
#poble_dades {
font-size:1.3em;	
text-align:justify;
}
/* EXTRES */
/* FORMULARI DE CONTACTE */
#form {
text-align:left;
width:90%;
margin-left:30px;
margin-right:px;
margin-top:20px;
padding-left:20px;
background-image: url(images/pluma.gif);
background-repeat: no-repeat;
background-color:#fff;
}

#form h1 {
font-size: 18pt;
color:#ab4e03;
}

#menuform a {
color:#000;
text-decoration:none;
}

#menuform a:hover {
color:#ab4e03;
}


/* ESTACIO DE L'ANY */
#text {
border:1px solid #b0b0b0;
width:55px;	
float:left;
margin-top:-30px;
color: hsl(88, 50%, 180%);
background-color: hsla(240, 50%, 50%, 0.5);
}
#text i{
display:block;
padding:1px 1px 1px 3px;	
text-align:center;
}