/* Global Styles */
* {
	padding:0px;
	margin:0px;
	list-style-type: none;
	line-height:1.4;
}
body {
	font: 11px/1.4em "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	background: #000 url("imatges/bg.jpg") repeat-x;
	text-align: center;
	color: #ddd;
}
/******************* Repeatble Classes *******************/
.clear{clear:both;}
acronym, abbr {
	cursor: help;
}
img { 
	border:0px;
} 
a{
	text-decoration:none;
	color:#2E8AE5;
} 
a:hover {
	text-decoration:none;
	color:#9CF;
} 
a:visited {  
	text-decoration: line-through; 
}

/* Cosetes */
a#i-heart-rbn {
display:block;
text-indent:-9999em;
text-decoration:none;
width:120px;
height:77px;
background:url('imatges/etiqueta.gif') top left no-repeat;
position:absolute;
left:0;
top:0;
display:none;
}
a#footerlink {
display:block;
text-indent:-9999em;
text-decoration:none;
width:16px;
height:16px;
background:url('imatges/final.png') top left no-repeat;
position:absolute;
right:0;
top:0;
margin-top:10px;
margin-right:10px;
}
/* capes específiques */
#flash_top { 
	top:0px;
	position:absolute;
	clear:both;
	padding-top:10px;
}
#contenedor { 
	/*position: relative; */
	margin: 0 auto; 
	width: 780px;
	text-align:left;
	padding: 5px;
}

html>body #contenedor {width: 750px;}
#central {
	position:relative;
	width: 570px; 
	float: left;
	margin-top:5px;
	margin-bottom:50px;
	padding-right:0px;
 	line-height:2em;
	margin-right:0px;
	padding-top:5px;
	padding-left:5px; 
}
html>body #central {width:580px;}
#navegacion {
	width: 150px; 
	height:100%;
	float: right;
	margin-top:30px;
	margin-bottom:50px;
 	line-height:2em;
	margin-right:0px;
	text-align:left;
	padding-bottom:100px;
	padding-top:5px;
}
#menu {
	clear:both;
	text-align: right;
	margin: 0px;
}
/*peu*/ 
#pie  {
background: url("imatges/pie.png");
	border-top:6px solid #9CF;
	background-color: #192d43;
	clear:both;
	padding:5px 2% 10px 2%;
	color:#aaa;
	text-align: center;
}
#wrappie {
	 clear:both;
	position: relative; 
	margin: 0 auto; 
	text-align:left;
	padding: 5px;
	width:800px;
}
#otras, #enlaces, #propositos, #menupie {
	/*position: relative;*/
	display:inline;
	float: left;
	text-align:left;
	margin-left:20px;
}
#copyright {
   clear:both;
   text-align:center;
   padding-top:20px;
}
#otras span, #enlaces span, #propositos span, #menupie span  {
	visibility:hidden;
}

#otras h3{
	background: url("imatges/anteriores.png") 20px 0px no-repeat;
	height:67px;
	margin-bottom:40px;
	width:157px;
	margin-top:10px;
}
#enlaces h3{
	background: url("imatges/websqueleo.png") top left no-repeat;
	height:67px;
	margin-bottom:20px;
	width:122px;
	margin-top:0px;
}
#propositos h3{
	background: url("imatges/propositos.png") top left no-repeat;
	height:67px;
	margin-bottom:30px;
	margin-top:10px;
}
#menupie h3{
	background: url("imatges/mapaweb.png") top left no-repeat;
	height:80px;
	margin-bottom:10px;
	margin-top:0px;
	width:150px;
}
/*menu de navegacio*/

#noticias, #categorias, #busqueda, #msg {
   	clear:both;
}

#noticias span, #categorias span, #busqueda span  {
	visibility:hidden;
}


#categorias{
	background: url("imatges/busqueda.gif") top left no-repeat;
	margin-bottom:10px;
	padding-left:10px;
	height:125px;
	padding-top:50px;
	padding-bottom:100px;
}


#categorias h3{
	background: url("imatges/anterioes.gif") top left no-repeat;
	height:30px;
	margin-bottom:10px;
}


#noticias{
	margin-top:-37px;
	background: url("imatges/coment.gif") repeat-y;
	padding-bottom:10px;
}



#noticias li, #enlaces li, #propositos li, #categorias_ar li, #categorias_ar li, #otras li {
   	background: url("imatges/bullet2.gif") top left no-repeat;
   	padding-left:20px; 
   	margin-bottom:3px;
}



/*posts*/
.nav {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
	
.izq{float:left;background: url("imatges/bullet3.gif") no-repeat top left;text-align:left;padding-left:20px;}
.der{float:right;background: url("imatges/bullet.gif") no-repeat top right;text-align:right;padding-right:15px;width:300px;}

.post {
  clear:both;
  padding:5px;
  padding-right:10px;
  text-align:left;
  padding-bottom:10px;
  margin-bottom:10px;
  word-spacing: 1px;
  line-height:15px;
}

.top_post {
	clear:both;
	background: url("imatges/cal.jpg") no-repeat -2px 0px;
	margin-bottom:30px;
	height:50px;
}

.titol_post {
	float:left;
	margin-top: -10px;
	padding-left:20px;
	
}
.titol_post h1 {font: 20px Helvetica, Arial, Verdana, sans-serif;letter-spacing: -.05em;margin:10px 0px -10px 0px;padding:5px 0px 5px 0px;line-height: 1em;}

.titol_post h1 {
	color: #fff;
}
.titol_post h2 {
	font-size: 16px;
	color: #fff;
}
.titol_post h1 span {
	color: #82caff;
}
.sota_titol {
	float:left;
	position:relative;
	padding-left:0px;
	width:50px;
}
.any_mes {
   	color: #fff;
	margin-left:22px;
	margin-top:3px;
	font-size: 9px;
	font-weight: bolder;
	}
.dia{
	color: #333;
	text-align: center;
	margin-left:14px;
	margin-top: -3px;
	font-weight: bold;
	font-size: 17px;
}
.num_coment {
	font-size:10px;
	margin-top:5px;
	background: url("imatges/comicon.png") no-repeat 0px 0px;
	padding-left:20px;
}
.num_coment a{
	color:#2E8AE5;
}
.num_coment a:hover{
	border-bottom: 1px dotted #2E8AE5;
	color:#FFF;
}
html>body .hora {position:relative;}
html>body .data {position:relative;}
.text_post {
	padding-left:70px;
   	clear:both;
   	line-height: 2em;
   	margin-bottom:20px;
   	text-align:justify;
}



.text_post ul {
	padding:20px;
}

.text_post li {
   line-height: 2em;
   padding: 10px;
   padding-left:25px;
   background: url("imatges/bullet2.gif") 0px 14px no-repeat;
}

.text_post u
{
text-decoration:none;
border-bottom:1px solid #FC9;
}

.text_post strong, .text_post b
{
	color: #2E8AE5;
	font-weight:bolder;
}

.sota_post {
	clear:both;
   	padding-top:17px;
	background: url("imatges/subpost.gif") no-repeat 70px 0px;
	height:60px;
	text-align:center;
	padding-left:70px;
	width:500px;
}

.sub_izq {
	float:left;
	text-align:left;
	padding-left:10px;
	padding-top:3px;
	width:400px;
}
.volver {
	float:right;
	padding-right:12px;
}

.ratingblock{
	display:none;
	
}


.foto {
	border:2px solid #fff;
	margin-bottom:5px;
	margin-right:10px;
	padding:2px;
	float:left;
	margin-left:0px;
	margin-top:5px;
	background-color:#FFFFFF;
}

.pimg {
 text-align:center;
}
.pimg img{
 border:4px solid #FFF;
}

.reprodflash {
text-align:center;
}

/*enlaces*/
.text_post a{
	background-color:#2E8AE5;
	color: #000;
	border-bottom: 1px dotted #000;
	text-decoration:none;
	padding:2px;
}

.text_post a:hover{
	background-color:#9cf;
}


#noticias a, #enlaces a, #propositos a, #categorias_ar a, #radioblog a{
   	text-decoration:none;
}

.codigo {
   	padding:10px;
	color:#eee;
   	clear:both;
  	border:1px solid #192d43;
	border-left:5px solid #192d43;
	background-color:#111;
	width:350px;
	margin-left:15px;
	margin-bottom:0px;
	line-height: 2em;
	margin-top:5px;
}

code {
	font: 1em Tahoma,Arial, Helvetica, sans-serif;
}

/*Noticies Mini*/

.mini {
background-color:#111;
border: 1px solid #192d43;
border-top: 5px solid #192d43;
padding:10px;
padding-top:10px;
padding-left:25px;
margin-bottom:0px;
margin-left:10px;
width:450px;
}



.titol_post_mini {
	visibility:hidden;
}


.titol_post_mini h3{
	visibility:hidden;
}


.text_post_mini {
   padding-top:5px;
   clear:both;
   line-height: 2em;
}




/*Formularis*/
input, textarea {
	border: 1px solid #BBB;
}
input, select, textarea{
	background-color: #356699; 
	color: #eee;
	padding: 1px;
	border: 1px solid #d1f1ff;
	margin: 2px;
	font: 10px/1.5em "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
}
input:hover, textarea:hover {
	background: #5788bb;
	border: 1px solid #FFF;

}
textarea {
	display: block;
	margin-bottom: 15px;
}
select {
	color:#eee;
	background-color:#356699;
}




.anterior {
padding-left:45px;
margin-bottom:-10px;
background: url("imatges/bullet2.gif") 30px 0px no-repeat;
height:20px;
}




/*Quadre missatges*/
#msg {
	background: url("imatges/msg.gif") no-repeat;
 	text-align:left;
 	padding-top:130px;
 	margin-top:-10px;
	padding-bottom:50px;
	padding-left:5px;
 }

#miss {
	overflow: auto;
	height: 140px;
	padding: 2px;
	width:140px;
}


#miss span strong {
	display: block;
	float: left;
	width: 65px;
	/*margin-right: - 25px;*/
	padding-right: 15px;
	background: url("imatges/bullet.gif") 65px 0px no-repeat;
	color: #FFF;
	text-align: right;
}
#miss span {
	clear: both;
	display: block;
	padding: 1px;
	padding-top:3px;
	color:#9CF;
	border-bottom: 2px dotted #2E8AE5;
}
.comentar {
margin-top:10px;
}


/* comentarios */

.comentarios {
  text-align:left;
  padding-bottom:10px;
  margin-bottom:10px;
  word-spacing: 1px;
  line-height:15px;
}


.titulocomentario {
	clear:both;
	margin-top:-5px;
	padding-left:70px;
}
.titulocomentario h1 {font: 20px Helvetica, Arial, Verdana, sans-serif;letter-spacing: -.05em;margin:10px 0px -10px 0px;padding:5px 0px 5px 0px;line-height: 1em;}

.titulocomentario h1 span {
	color: #2E8AE5;
}

.titulocomentario h2 {font: 15px Helvetica, Arial, Verdana, sans-serif;letter-spacing: -.05em;margin:0px 0px -10px 0px;padding:5px 0px 5px 0px;line-height: 1em;}

.titulocomentario h2 span {
	color: #2E8AE5;
}


.formu p a {
 font-weight:bold;
 color:#FE4593;
}

.formu p a:hover {
 font-weight:bold;
 color:#FE4593;
}


html>body .bloquecoment {;}


.bloquecoment {
	margin: 30px 0px;
}

html>body .bloquecoment {}


.foto_us {
	float: left;
	border:2px solid #fff;
}


.comentario_us {
	float:left;
	width:460px;
	margin-left:35px;
}


.num_com {
	float: left;
	padding-left: 10px;
	padding-right:20px;
	padding-top: 8px;
	font-size:20px;
	background: url("imatges/num_com.gif") no-repeat;
	height:40px;
	text-align:right;
}
.autor {
	float:left;
	font-size: 13px;
	width:350px;
	margin-left:0px;
	margin-top: 16px;
	color: #2E8AE5;
}

.autor a {
	border-bottom: 1px dotted;
}

.data_hora {
	color: #FFF;
	float: left;
	margin-left:-3px;
	padding-top:5px;
}
.data_com {
	background: url("imatges/date.gif") no-repeat;
	padding-left:20px;
}

.hora_com {
	background: url("imatges/timicon.png") no-repeat;
	padding-left:15px;
	height:30px;
}

.coment {
	clear: both;
	padding-top: 20px;
	margin-left:57px;
}

.titulocomentarionuevo{
	clear:both;
	color: #666;
	background: url("imatges/comentario.gif") no-repeat;
	padding-left:45px;
	padding-bottom:0px;
}



/*formulario comentario*/


.formu p
{
clear:both;
}

#form input {
 height:20px;
 clear:right;
 float:right;
}


.input, textarea { 
 clear:both;
 float:left;
}


.boton { 
 border: 1px solid #999; 
 background-color: #666; 
 width: 100px; 
 color: #FFf; 
 font-weight: bold; 
}


.etiquetacom {
 clear:left;
 float:left;
 background: url("imatges/bullet.gif") 3px 0px no-repeat;
 padding-left: 20px;
 font-weight: bold;
 margin-bottom:3px;
 height:20px;
}

label {
 clear:left;
 float:left;
 background: url("imatges/bullet.gif") 3px 0px no-repeat;
 padding-left: 20px;
 margin-bottom:3px;
 margin-top:10px;
}


.formu{
  clear:both;
  padding: 10px;
  text-align:left;
  padding-bottom:10px;
  margin-bottom:10px;
  word-spacing: 1px;
  line-height:15px;
  margin-left:70px;
  color:#9CF;
}

.bloqformu {
  clear:both;
  width:500px;
  padding:5px;
  padding-left:35px;
  height:320px;
  color:#FFF;
  margin-top:20px;
  
}

.formu h2 {font: 15px Helvetica, Arial, Verdana, sans-serif;letter-spacing: -.05em;margin:0px 0px -10px 0px;padding:5px 0px 5px 0px;line-height: 1em;}

.formu h2 span {
	color: #2E8AE5;
	margin-bottom:10px;
}

.gravatar {
	width:300px;
	margin-top:70px;
	margin-left:35px;
	color:#FFF;
	font-size:9px;
}


/*categories*/

.titol_categoria {
	clear:both;
	margin-top:-5px;
	padding-left:70px;
	background: url("imatges/folder.jpg") no-repeat 0px 0px;
	margin-bottom:45px;
}
.titol_categoria h1 {font: 20px Helvetica, Arial, Verdana, sans-serif;letter-spacing: -.05em;margin:10px 0px -10px 0px;padding:5px 0px 5px 0px;line-height: 1em;}

.titol_categoria h1 {
	color: #fff;
}
.titol_categoria h1 span {
	color: #82caff;
}

.categoria {
	margin-bottom:10px;
	margin-left:22px;
}
.data_categoria {
	padding-left:20px;
	width:100px;
	margin-right:10px;
	background: url("imatges/bullet.gif") no-repeat 0px -1px;
}

/* busqueda */

.resultados  {
	padding-left:30px;
	margin-bottom:20px;
	color: #9CF;
}

/*contacto*/

#contacto {
	clear:both;
	margin-top:-5px;
	padding-left:70px;
	background: url("imatges/mail.png") no-repeat 25px 20px;
	margin-bottom:45px;
}


#contacto h2 {font: 20px Helvetica, Arial, Verdana, sans-serif;letter-spacing: -.05em;margin:10px 0px -10px 0px;padding:5px 0px 35px 0px;line-height: 1em;}

#contacto h2 {
	color: #fff;
}
#contacto h2 span {
	color: #82caff;
}


#cuadrocontacto p span {
margin-top:-30px;
}

#contacto {
 text-align:left;
 margin-bottom:30px;
 width:750px;
 padding-top:10px;
 padding-bottom:15px;
 }

#cuadrocontacto {
 display: inline;
 position:relative;
 float:left;
 width:750px;
}

html>body #cuadrocontacto {}

.uno {
	position:relative;
	float:left;
	background: url("imatges/jo.jpg") 260px no-repeat;
	width:300px;
	padding-left:20px;
}

.dos {
	position:relative;
	float:left;
	width:265px;
	margin-top:16px;
}

.dos p {
	padding:10px 0px;
}

.dos ul {
	margin-top:20px;
}

li.telf{
	padding:6px 35px;
	margin: 0px;
	background: url("imatges/phone.png") no-repeat;
	height: 30px;
}

li.aim{
	padding:6px 35px;
	margin: 0px;
	background: url("imatges/aim.png") no-repeat;
	height: 30px;
}
li.msn{
	padding:6px 35px;
	margin: 0px;
	background: url("imatges/msn.png") no-repeat;
	height: 30px;
}
.dos strong{
	color:#2E8AE5;
}
	
.missatge {
	background: url("exclamacio.png") no-repeat;
	padding-left:20px;
	margin-top:20px;
	margin-left:-20px;
	font-size:10px;
	color:#2E8AE5;
}
	
/* Acerca de*/

#acercaDe {
	background: url("imatges/acercaDe.gif") no-repeat 50px 0px;
	text-align:left;
	margin-bottom:30px;
	width:750px;
	height:600px;
}