/* Reset

-------------------------------------------------------------------*/

* { padding: 0; margin: 0; }

ul, ol { list-style: none; list-style-position: inside; }

ol ol, ul ul, ol ul, ul ol { margin-left: 20px; margin-bottom: 0; }

img { border: none; }





/* Body

-------------------------------------------------------------------*/

body { 

	font: 12px/18px  Verdana, "Lucida Grande", Helvetica, Arial, Geneva, sans-serif; 

	color: #222; 

	background: #fafafa url(portada/bg.jpg); 

}



h1, h2, h3, h4, h5,h6 { font-family: "Trebuchet MS", Helvetica, Arial, Geneva, Sans-Serif; font-weight: normal; color: #333; }

h1 { font-size: 18px; line-height: 26px; margin-bottom: 10px; }

h2 { font-size: 20px; line-height: 24px; margin-bottom: 7px; }

h3 { font-size: 18px; line-height: 22px; margin-bottom: 5px; }

h4 { font-size: 16px; line-height: 20px; margin-bottom: 5px; }

h5 { font-size: 14px; line-height: 18px; margin-bottom: 5px; }

h6 { font-size: 12px; line-height: 16px; margin-bottom: 5px; }



h1 span { color: #999; }

a { color: #2a78c4; text-decoration: none; }

a:hover { color: #2a78c4; text-decoration: underline; }

a:visited { color: #2a78c4; }



p { margin-bottom: 0px; }

p.right {text-align: right}
p.center {text-align: center}
p.left {text-align: left}

input, textarea { font: 12px Verdana, Helvetica, Arial, Geneva, sans-serif; }



blockquote { 

	font: italic 14px/22px Georgia, Serif; 

	padding: 5px 10px;

	margin-bottom: 10px;

	background: #eef3f7; 

}




/* Contenidor

-------------------------------------------------------------------*/

#contenidor { 

	width: 900px; 

	padding-bottom: 10px; 

	margin: 20px auto 20px auto;

	overflow: hidden; 

}

#contenidor #tall { 

	width: 900px; 

	float: left; 

	overflow: hidden; 

	background: #d6ded4 url(portada/sidebar-bg.gif) repeat-y top right; 

}




/* Header

-------------------------------------------------------------------*/

#header { 

	width: 900px; 

	height: 53px; 

	float: left; 

	background: url(portada/header.gif) no-repeat center; 

	position: relative; 

}

#header h1 { 

	font: 24px Verdana;

	padding: 12px 0 0 15px; 

	margin-bottom: 0; 

	color: #333; 

}

#header h1 a { 

	font: 24px Verdana;

	padding: 12px 0 0 1px; 

	margin-bottom: 0; 

	color: #333; 

}

#header h1 a:hover { text-decoration: underline; }

#header h1 span { 

	padding-left: 20px; 

	font-size: 13px; 
text-align: right;
	color: #444; 

}



/* Contingut

-------------------------------------------------------------------*/

#contingut { 

	width: 670px; 

	float: left; 

	padding: 15px; 

	background: #fff; 

}



#contingut .post { 

	margin-bottom: 20px; 

}

#contingut .post h1.post-title { 

	color: #333;

	background: url(portada/post.gif) no-repeat 0 6px; 

	padding-left: 23px;

}

#contingut .post h1.post-title a { 

	text-decoration: none; font: bold; 

	color: #333;

}



#contingut .post .post-info { 

	clear: both; 

	font-size: 11px; 

	color: #777; 

	padding: 3px 5px 3px 5px; 

	margin-bottom: 20px; 

	border-top: 1px solid #bdccdc; 

	border-bottom: 1px solid #bdccdc; 

	background: #e9eff5; 

}

#contingut .post .post-info a { color: #333; text-decoration:none; }

#contingut .post .post-info a:hover { color: #555; text-decoration:underline; }



#contingut #pages { text-align: center; }

#contingut #pages a { font: bold 20px "Trebuchet MS"; color: #414d4c; text-decoration: none; }

#contingut #pages a:hover { color: #1e2726; text-decoration:underline; }



#contingut ul, ol, dl { margin-bottom: 10px; }

#contingut ul { 

	list-style: disc;

	list-style-position: inside; 

}

#contingut ol { 

	list-style: decimal; 

	list-style-position: inside; 

}

#contingut dl dt { 

	font-weight: bold;

}

#contingut dl dd { 

	font-style: italic;

	margin: 0 0 5px 20px;

	color: #555;

}



.aligncenter { margin-left: auto; margin-right: auto; }

.alignleft { float: left; margin: 5px 15px 10px 0; }

.alignright { float: right; margin: 5px 0 10px 15px; }





/* Sidebar

-------------------------------------------------------------------*/

#sidebar { 

	width: 200px; 

	float: left; 

	font-size: 13px; 

	color: #555; 

	margin-bottom: 15px;

}

#sidebar h3 { 

	font: bold 13px Verdana; 

	color: #333; 

}



#sidebar a { color: #333; font: 12px Verdana; text-decoration: none;  }

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



#sidebar .bloc { 

	padding: 15px; 

	overflow: hidden;

	background: url(portada/sidebar-block-bg.gif) no-repeat bottom center; 

}

#sidebar .bloc ul li { 

	padding-left: 20px;  

	background: url(portada/arrow.gif) no-repeat 0px 3px ; 

}







/* Footer

-------------------------------------------------------------------*/

#footer {

	width: 900px;

	height: 28px;

	float: left;

	clear: both;  

	position: relative;

	background:  url(portada/footer.gif) no-repeat; 

}


#footer p { 

	line-height: 28px; 

	color: #333; 

	padding-left: 15px; 
text-align: right;
padding-right: 15px; 
	font-size: 11px; 

	margin: 0; 

}

#footer a { 

	color: #2a78c4;

	text-decoration: none;

}

#footer a:hover { color: #2a78c4; text-decoration:underline; }



.tauler {

      width: 570px;

      height: 480px;

      border: none;

      margin-top: 0px;

      margin-bottom: 0px;

      margin-left: 0px;

      margin-right 0px;

      padding: 0px;

}

.resum {

      width: 100%;

      height: 420px;

      border: none;

      margin-top: 0px;

      margin-bottom: 0px;

      margin-left: 0px;

      margin-right 0px;

      padding: 0px;

}


.pantalla {

      width: 640px;

      height: 480px;

      border: none;

      margin-top: 0px;

      margin-bottom: 0px;

      margin-left: 0px;

      margin-right 0px;

      padding: 0px;

}

.temps_gn {

      width: 640px;

      height: 210px;

      border: none;

      margin-top: 0px;

      margin-bottom: 0px;

      margin-left: 0px;

      margin-right 0px;

      padding: 0px;

}


.llibre {

      width: 600px;

      height: 480px;

      border: none;

      margin-top: 0px;

      margin-bottom: 0px;

      margin-left: 15px;

      margin-right 0px;

      padding: 0px;

}

.cel {

      width: 600px;

      height: 180px;
      
      border: none;

      margin-top: 0px;

      margin-bottom: 0px;

      margin-left: 0px;

      margin-right 0px;

      padding: 0px;

}

.faselluna {

      width: 220px;

      height: 200px;
      
      border: none;

      margin-top: 0px;

      margin-bottom: 0px;

      margin-left: 0px;

      margin-right 0px;

      padding: 0px;

}


.fase {

      width: 200px;

      height: 200px;

      border: none;

      margin-top: 0px;

      margin-bottom: 0px;

      margin-left: 0px;

      margin-right 0px;

      padding: 0px;

}

.clock { margin-right: 20px; margin-bottom: 5px; float: right; }

.online {
width: 200px;
       height:50px;
     

}

.diaridebord {

      width: 600px;
background-color: #000000;
color:#ffffff;
      height: 300px;

      border: none;

      margin-top: 0px;

      margin-bottom: 0px;

      margin-left: 0px;

      margin-right 0px;

      padding: 0px;

}