body {
	margin: 0;
	padding: 0;
	background: #FFFFFF url(images/img01.jpg) repeat-x left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #787878;
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
	font-family: Franklin gothic medium;
	font-weight: normal;
	color: #F93D00;
}

h1 {
	font-size: 2em;

}

h2 {
	font-size: 1.6em;
}

h3 {
	font-size: 1.6em;
}

p, ul, ol {
	margin-top: 0;
	line-height: 180%;
}

ul, ol {
}

a {
	text-decoration: none;
	color: #006A8C;
}

a:hover {
}

#wrapper {
	width: 900px;
	margin: 15px;
	padding: 0;
}

/* Header */

#header {
	width: 900px;
	height: 100px;
	margin: -10px;
}

/* Logo */

#logo {
	float: left;
	width: 900px;
	height: 100px;
	margin: 0;
	color: #FFFFFF;
	background: url(images/img03.gif) no-repeat left 25px;
}

#logo h1, #logo p {
	margin: 0;
	padding: 0;
	
 }

#logo h1 {
	padding-top: 25px;
	padding-left: 70px;
	letter-spacing: -1px;
	font-size: 2.2em;
	font-weight: bold;
}

#logo p {
	margin-top: -6px;
	padding-left: 70px;
	color: #FF6B9D;
} 

#logo p a {
	color: #FF6B9D;
}

#logo a {
	border: none;
	background: none;
	text-decoration: none;
	color: #FFFFFF;
}

/* Search */

#search {
	float: right;
	width: 230px;
	padding: 0;
}

#search form {
	height: 41px;
	margin: 0;
	padding: 70px 0 0 0px;
}

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

#search-text {
	width: 210px;
	border: none;
	text-transform: lowercase;
	font: bold 1.2em Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

#search-submit {
	display: none;
}

/* Menu */

#menu {
	width: 900px;
	height: 50px;
	margin: 0 auto;
	padding: 0;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
	height: 35px;
	padding-top: 10px;
        *padding-top: 20px;
	background: url(images/img02.gif) no-repeat right 17px;
	*background: url(images/img02.gif) no-repeat right 27px;
}

#menu a {
	display: block;
	padding: 0px 20px;
	border: none;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #969696;
}

#menu a:hover, #menu .current_page_item a {
}

#menu .current_page_item a {
	padding-left: 0;
}

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

/* Page */

#page {
	width: 900px;
	margin: 0 auto;
	padding-top: 30px;
        
}

#page-bgtop {
}

#page-bgbtm {
}

/* Content */

#content {
	float: right;
	width: 700px;
}

.post {
	margin-bottom: 8px;
	width: 775px;
}

.post-bgtop {
}

.post-bgbtm {
}

.post .title {
	background: #2C2C2C url(images/img06.gif) no-repeat left top;
	height: 28px;
	padding: 12px 0 0 28px;
	font-size: 14px;
	color: #969696;
}

.post .title a {
	color: #969696;
}

.post .meta {
	padding-left: 20px;
	padding-bottom: 5px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
}

.post .entry {
	padding: 10px 20px 15px 20px;
	text-align: justify;
}


/* caixa text */

#cont{
   float: left;
   text-align:left;
   padding: 9px;
   margin: 0 auto;
   width:765px; 

}

#text{
   border:solid 1px #CCCCCC;
   margin:-10px 2px 2px -10px;
   padding:2px;
   background:#FFFFFF;

}


/* Sidebar */

#sidebar {
	float: left;
	width: 180px;
	background: #006A8C;
	color: #FFFFFF;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
	margin: 0;
	padding: 0;
}

#sidebar li ul {
	background: url(images/img05.jpg) no-repeat left bottom;
	padding-bottom: 30px;
}

#sidebar li li {
	margin-left: 15px;
	margin-right: 15px;
	line-height: 25px;
	border-bottom: 1px dashed #D2D4C9;
}

#sidebar li li span {
	display: block;
	margin-top: -20px;
	padding: 0;
	font-size: 11px;
	font-style: italic;
}

#sidebar h2 {
	background: #2C2C2C url(images/img04.jpg) no-repeat left top;
	height: 31px;
	padding: 9px 0 0 28px;
	font-size: 14px;
	color: #969696;
}

#sidebar p {
	margin: 0 15px;
	padding: 20px 0px;
	text-align: justify;
}

#sidebar a {
	color: #BDBDBD;
	border: none;
}

#sidebar a:hover {
	text-decoration: underline;
}


/* Footer */

#footer {
	width: 100%;
	background: #2C2C2C;
	height: 20px;
	margin: 0 auto;
	padding: 0px 0 15px 0;
	font-family: Arial, Helvetica, sans-serif;
}

#footer p {
	margin: 0;
	padding-top: 10px;
	line-height: normal;
	font-size: 11px;
	text-transform: normal;
	text-align: center;
	margin-left: 10%
	
}

#footer ul.licencia{
	padding-top: 0px;
	margin-left: auto;
	margin-right: 15px
}


#footer a {
	color: #FFFFFF;
}


/* tabla */

#dades

table.helpT
{ text-align: left;
font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #404040;
width: 700px;
background-color: #fafafa;
border: 1px #6699CC solid;
border-collapse: collapse;
border-spacing: 0px; } 

td.helpHed
{ border-bottom: 2px solid #6699CC;
border-left: 1px solid #6699CC;
background-color: #BEC8D1;
text-align: left;
text-indent: 5px;
font-family: Verdana, sans-serif, Arial;
font-weight: bold;
font-size: 11px;
color: #404040; }

td.helpBod
{ border-bottom: 1px solid #9CF;
border-top: 0px;
border-left: 1px solid #9CF;
border-right: 0px;
text-align: left;
text-indent: 10px;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: 12px;
color: #404040;
background-color: #fafafa; }

table.sofT
{ text-align: left;
text-indent: 5px;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: 11px;
color: #404040;
width: 775px;
background-color: #fafafa;
border: 1px #6699CC solid;
border-collapse: collapse;
border-spacing: 0px; }

/* iframe */

#finestra {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

/* enllaços */

.buttonscontainer {width: 230px;}
.buttons a {color:#6D6C6C;
background-color: #FFFFFF;
padding: 2px;
padding-left: 3px;
display: block;
border-left: 10px solid #DDD4D2;
font: 10px Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
text-align: left;
margin-top: 1px;}

.buttons a:hover {border-left: 10px solid #778899;
text-decoration: none;
color: #000000}


/* imatges */

#webcam { 
   margin:0 auto; 
}

.contenedorwebcam { 
   float:left; 
   margin: 10px; 
   padding:5px; 
}

.contenedorwebcam { 
   float:left; 
   width:165px; 
   height:140px; 
   margin: 3px; 
   padding:5px; 
   background-color:#f5f7f9; 
   border-right: #a5a7aa solid 1px; 
   border-bottom: #a5a7aa solid 1px; 
   text-align:center; 
}

#grafics { 
   margin:0 auto; 
}

.contenedorgrafics { 
   float:left; 
   margin: 10px; 
   padding:5px; 
}

.contenedorgrafics { 
   float:left; 
   width:320px; 
   height:200px; 
   margin: 3px; 
   padding:5px; 
   background-color:#f5f7f9; 
   border-right: #a5a7aa solid 1px; 
   border-bottom: #a5a7aa solid 1px; 
   text-align:center; 
}

#estacio { 
   margin:0 auto; 
}

.contenedorestacio { 
   float:left; 
   margin: 10px; 
   padding:15px; 
}

.contenedorestacio { 
   float:left; 
   width:275px; 
   height:213px; 
   margin: 10px; 
   padding:20px; 
   background-color:#f5f7f9; 
   border-right: #a5a7aa solid 1px; 
   border-bottom: #a5a7aa solid 1px; 
   text-align:center; 
}

#estacio2 { 
   margin:0 auto; 
}

.contenedorestacio2 { 
   float:left; 
   margin: 10px; 
   padding:15px; 
}

.contenedorestacio2 { 
   float:left; 
   width:224px; 
   height:300px; 
   margin: 30px; 
   padding:20px; 
   background-color:#f5f7f9; 
   border-right: #a5a7aa solid 1px; 
   border-bottom: #a5a7aa solid 1px; 
   text-align:center; 
}

#webcam1 { 
   margin:0 auto; 
}

.contenedorwebcam1 { 
   float:left; 
   margin: 10px; 
   padding:15px; 
}

.contenedorwebcam1 { 
   float:left; 
   width:352px; 
   height:290px; 
   margin: 5px; 
   padding:15px; 
   background-color:#f5f7f9; 
   border-right: #a5a7aa solid 1px; 
   border-bottom: #a5a7aa solid 1px; 
   text-align:center; 
}

#avisos1 { 
   margin:0 auto; 
}

.contenedoravisos1 { 
   float:left; 
   margin: 10px; 
   padding:15px; 
}

.contenedoravisos1 { 
   float:left; 
   width:180px; 
   height:320px; 
   margin: 15px; 
   padding:15px; 
   background-color:#f5f7f9; 
   border-right: #a5a7aa solid 1px; 
   border-bottom: #a5a7aa solid 1px; 
   text-align:center; 
}

#avisos2 { 

   margin:0 auto; 
   width: 520px;

}

.contenedoravisos2 {
   float: left; 
   margin: 10px; 
   padding:15px;
    
}

.contenedoravisos2 { 
   float:center; 
   width:490px; 
   height:433px; 
   margin top: 100px; 
   padding:15px; 
   background-color:#f5f7f9; 
   border-right: #a5a7aa solid 1px; 
   border-bottom: #a5a7aa solid 1px; 
   text-align:center; 
}

#radar { 
   margin:0 auto; 
}

.contenedorradar {
   float:center; 
   margin: 10px; 
   padding:15px;
    
}

.contenedorradar { 
   float:center; 
   width:480px; 
   height:540px; 
   margin: 15px; 
   padding:15px; 
   background-color:#f5f7f9; 
   border-right: #a5a7aa solid 1px; 
   border-bottom: #a5a7aa solid 1px; 
   text-align:center; 
}

#previsions { 
   margin:0 auto; 
}

.contenedorprevisions {
   float:center; 
   margin: 10px; 
   padding:15px;
    
}

.contenedorprevisions { 
   float:center; 
   width:492px; 
   height:680px; 
   margin: 15px; 
   padding:15px; 
   background-color:#f5f7f9; 
   border-right: #a5a7aa solid 1px; 
   border-bottom: #a5a7aa solid 1px; 
   text-align:center; 
}

#aire { 
   margin:0 auto; 
}

.contenedoraire {
   float:center; 
   margin: 10px; 
   padding:15px;
    
}

.contenedoraire { 
   float:center; 
   width:700px; 
   height:600px; 
   margin: 15px; 
   padding:15px; 
   background-color:#f5f7f9; 
   border-right: #a5a7aa solid 1px; 
   border-bottom: #a5a7aa solid 1px; 
   text-align:center; 
}

#satelit { 
   margin:0 auto; 
}

.contenedorsatelit {
   float:center; 
   margin: 15px; 
   padding:15px;
    
}

.contenedorsatelit { 
   float:center; 
   width:640px; 
   height:480px; 
   margin: 15px; 
   padding:15px; 
   background-color:#f5f7f9; 
   border-right: #a5a7aa solid 1px; 
   border-bottom: #a5a7aa solid 1px; 
   text-align:center; 
}

#iso { 
   margin:0 auto; 
}

.contenedoriso {
   float:left; 
   margin: 10px; 
   padding:10px;
    
}

.contenedoriso { 
   float:left; 
   width:701px; 
   height:507px; 
   margin: 10px; 
   padding:10px; 
   background-color:#f5f7f9; 
   border-right: #a5a7aa solid 1px; 
   border-bottom: #a5a7aa solid 1px; 
   text-align:center; 
}

#plujaneu { 
   margin:0 auto; 
}

.contenedorplujaneu {
   float:left; 
   margin: 10px; 
   padding:5px;
    
}

.contenedorplujaneu { 
   float:left; 
   width:330px; 
   height:243px; 
   margin: 5px; 
   padding:15px; 
   background-color:#f5f7f9; 
   border-right: #a5a7aa solid 1px; 
   border-bottom: #a5a7aa solid 1px; 
   text-align:center; 
}

#sondatge { 
   margin:0 auto; 
}

.contenedorsondatge {
   float:center; 
   margin: 10px; 
   padding:5px;
    
}


.contenedorsondatge { 
   float:center; 
   width:632px; 
   height:760px; 
   margin: 15px; 
   padding:15px; 
   background-color:#f5f7f9; 
   border-right: #a5a7aa solid 1px; 
   border-bottom: #a5a7aa solid 1px; 
   text-align:center; 
}

#mass { 
   margin:0 auto; 
}

.contenedormass {
   float:center; 
   margin: 3px; 
   padding:5px;
    
}

.contenedormass { 
   float:center; 
   width:725px; 
   height:466px; 
   margin: 15px; 
   padding:15px; 
   background-color:#f5f7f9; 
   border-right: #a5a7aa solid 1px; 
   border-bottom: #a5a7aa solid 1px; 
   text-align:center; 
}

#radio { 
   margin:0 auto; 
}

.contenedorradio {
   float:center; 
   margin: 15px; 
   padding:15px;
    
}

.contenedorradio { 
   float:center; 
   width:700px; 
   height:200px; 
   margin: 15px; 
   padding:15px; 
   background-color:#f5f7f9; 
   border-right: #a5a7aa solid 1px; 
   border-bottom: #a5a7aa solid 1px; 
   text-align:center; 
}

#altresmitjans1 { 
   margin:0 auto; 
}

.contenedoraltresmitjans1 { 
   float:left; 
   margin: 10px; 
   padding:15px; 
}

.contenedoraltresmitjans1 { 
   float:left; 
   width:180px; 
   height:320px; 
   margin: 5px; 
   padding:15px; 
   background-color:#f5f7f9; 
   border-right: #a5a7aa solid 1px; 
   border-bottom: #a5a7aa solid 1px; 
   text-align:center; 
}

#altresmitjans2 {
   margin:0 auto; 
}

.contenedoraltresmitjans2 { 
   float:left; 
   margin: 10px; 
   padding:15px; 
}

.contenedoraltresmitjans2 { 
   float:left; 
   width:250px; 
   height:320px; 
   margin: 5px; 
   padding:15px; 
   background-color:#f5f7f9; 
   border-right: #a5a7aa solid 1px; 
   border-bottom: #a5a7aa solid 1px; 
   text-align:center; 
}
   

#altresmitjans3 { 
  margin:0 auto;
  width: 435px; 
}

.contenedoraltresmitjans3 { 
   float:left; 
   margin: 10px; 
   padding:15px; 
}


.contenedoraltresmitjans3 { 
   float:center; 
   width:426px; 
   height:320px; 
   margin: 5px; 
   padding:15px; 
   background-color:#f5f7f9; 
   border-right: #a5a7aa solid 1px; 
   border-bottom: #a5a7aa solid 1px; 
   text-align:center; 
}