/* CSS Document */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background: url(../imatges/fondos/bg.jpg) left top repeat-x #000000;
	}
*{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

li {
	margin: 0px;
	padding: 0px;
}

a {
	color: #589D14;
	text-decoration: none;
}
p {
	margin: 0px;
	line-height: 16px;
}
.mesdemil {
	color:#78CF20;
	font-weight: bold;
	background: url(../imatges/fondos/mesdemil_verd.png) left -1px no-repeat;
	padding-left: 18px;
}
.clear {
	clear: both;
}
.gris {
	color: #77796f;	
}
.sub {
	padding: 2px 8px;
	color:#FFFFFF;
	background:#589d14;
}
/* layout ---------------------------------------------------------------------- */
#layout { 
  width:790px; 
  margin:0 auto; 
  text-align:left; 
  background: url(../imatges/fondos/header.jpg) left 14px no-repeat #000000;
}

  	/* header ------------------------------------------------------------------ */
  	#header { 
		position:relative; 
		padding-left: 7px;
		padding-top: 10px;
		margin-top:-15px;
		}
		#header h1 a.logo{
			display: block;
			float: left;
			text-indent: -9999999px;
			background: url(../imatges/fondos/logo_mesdemil.png) left top no-repeat;
			height: 79px;
			width: 287px;	
		}
	#header #player {
			float: right;
		padding-top: 30px;
		}
		
  	
	
   /* navigation --------------------------------------------------- */
    #nav {
		/*position:relative; z-index:2; border: 1px solid #1a2735; border-right: none; border-left: none; padding: 7px 0;*/
		display:block;
		float:left;
  		width:790px; 
		}
      #nav ul {
  		width:820px; 
		display:block;
		padding: 7px 0;
		float:left;
	  /*border-top: 1px solid #1b2e0b;*/
	 }
	 #nav.es ul {
  		margin-left: -15px;
	 }
      	#nav ul li {float:left; display:block; margin:0; padding:0;}
      	#nav ul li a {
      	  font-size: 18px;
      	  font-weight: bold;
          display: block; 
          color: #fff;
          text-decoration: none;
          float: left; /*\*/ float:none; 
          padding: 7px 5px 7px 7px;
          line-height: 18px;
		  margin-right: 2px;
        }
        
        #nav ul li a span {
      	  font-size: 10px;
      	  font-weight: normal;
      	  color: #acacac;
        }
        
        #nav ul li a:hover {
          background: #132104;
        }
      	#nav ul li#active a {
          background: #132104;
        }
      	#nav ul li#active a span {
          color: #589d14;
        }
		#nav ul li a .menut  {
      	  font-size: 17px;
      	  font-weight: bold;
          color: #fff;}
  /* container -------------------------------------------------------------- */
  
#container { 
  padding-top: 0px;
  }
 
#container #flash { 
  padding: 5px 0;
  padding-bottom: 10px;
  
  }
 
#container a.mesdemil{
	color:#FFFFFF;
	background: url(../imatges/fondos/mesdemil.png) no-repeat;
	padding-left: 20px;
}
#container #col_esq a.mesdemil{
	background-position: 4px top;}
#container h1.titular a.mesdemil{
	color:#78cf20;
	background: url(../imatges/fondos/mesdemil_verd.png) 6px 5px no-repeat;
	padding-left: 22px;
}
#container h1.titular a.mesdemil:hover{
	color:#FFFFFF;
	background: url(../imatges/fondos/mesdemil.png) 6px 5px no-repeat;
	padding-left: 22px;
}
#container #col_dret a.mesdemil {
	background-position: 3px 2px;
}
#container a.mesdemil:hover {
	background: url(../imatges/fondos/mesdemil_ov.png) no-repeat;
	color:#000000;
}
#container p {
  padding: 2px 0;
}

#container #text_inicial {
  padding:0;
  float: left;
}


#container h1 {
	margin: 0px;
	display: block;
	float: left;
	width:790px; 
	border-top: 1px solid #1b2e0b;
	border-bottom:1px solid #1b2e0b; 
	padding: 6px 0;
	font-size: 19px;
	color: #78cf20;
	margin-bottom: 5px;
}
#container #col_dret {
	float: right;
	/*width: 464px;*/

	width: 540px;
}
#container #col_dret h1{
	/*width: 464px;*/

	width: 540px;
	font-size: 17px;
}

#container #col_dret p{
	padding: 5px 0;
	font-size: 12px;
	text-align: justify;
}


#container #col_dret p a {
	font-weight: bold;
}
#container #col_dret p a:hover {
	color: #ffffff;
}
#container #col_esq {
	float: left;
	/*width: 306px;*/
	width: 225px;
}

#container #col_esq #text{
	display: block;
	float: left;
	padding-bottom: 15px;}
#container #col_esq p{
	padding:5px 0;
	font-size: 12px;
	text-align: justify;
	color:#589D14;
}
#container #col_esq  h1{
	width: 225px;
	font-size: 14px;
	
}
#container #col_esq .rss{
	padding:0;
	color:#589D14;
	background:#000000;
	margin: 0;
	margin-left:-3px;
	
}
#container #col_esq .rss embed{
	padding:0;
	margin: 0;
	margin-top: -2px;
	margin-bottom:-3px;
	background-color:#000000;
}
#container #col_esq  h1.contacte {
	border-bottom: none;
}
#container #col_esq  h2 {
	float: left;
	padding: 2px 6px;
	font-weight: normal;
	color:#e5e5e5;
	background:#192c06;
	font-size: 12px;
	margin: 4px 0;
}
#container #col_esq .quadre, #container #col_esq form {
	  border: 1px solid #1b2e0b;
	  float: left;
	 /* width: 290px;*/
	  width: 209px;
	  padding: 8px;
	  background:url(../imatges/fondos/trama.gif) left top;
	  color: #589d14;
	  margin: 5px 0;
	  margin-bottom: 15px;
	  margin-top: -5px;
}

#container #col_esq .quadre p {
	font-size: 11px;
	padding: 2px 0;
	color: #589D14;
}
#container #col_esq form p {
	display: block;
	float:left;
	font-size: 11px;
	padding: 2px 0;
	color: #589D14;
	/*width: 290px;*/
	
	  width: 209px;

}
#container #col_esq form label {
	padding-right: 10px;
}
#container #col_esq form input {
	display: block;
	float:right;
	#margin-top: -18px;
	/*width: 235px;*/
	width: 200px;
	border: none;
	font-size: 12px;
	background: #192c06;
	color: #FFFFFF;
	padding: 2px 5px;
}
#container #col_esq form input.enviar_borrar {
	display: block;
	float:left;
	/*width: 290px;*/
	width: 209px;
	border: none;
	font-size: 14px;
	text-transform: lowercase;
	color:#FFFFFF;
	background:#589d14;
	margin: 4px 0 0 0;
	padding: 1px 0;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
#container #col_esq form input.enviar_borrar:hover{
	background: #192c06;
}
#container #col_esq .quadre a {
	display: block;
	float:left;
	padding: 2px 4px 2px 20px;
	font-size: 12px;
	margin-bottom: 5px;
	background: url(../imatges/fondos/mail.png) 4px 7px no-repeat #192c06;
	color: #FFFFFF;}
#container #col_esq .quadre a:hover {
	
	background: url(../imatges/fondos/mail.png) 4px 7px no-repeat #78cf20;
}
#container #col_esq ul {
	float: left;
	padding-bottom: 5px;
}
#container #col_esq ul li {
	padding: 4px 0;
	margin: 5px 0;
}

#container #col_esq ul li a {
	padding: 2px 6px;
	background:#192c06;
	color: #FFFFFF;
}

#container #col_esq ul li a:hover {
	background:#78cf20;
}
#container #col_esq h1.newsletter {
	font-size: 13px;
	
}
#container #col_esq h1.agenda {
	font-size: 13px;
	background:#000000;

}

#container #col_esq ul#links {
	float: left;
	border-top:1px solid #1b2e0b; 
	margin-bottom: 8px;
	margin-top: -5px;
	padding:0;
	width: 225px;
}
#container #col_esq ul#links li {
	float: left;
	width: 225px;
	border-bottom:1px solid #1b2e0b; 
	margin: 0;
	padding:0;
}
#container #col_esq ul#links li a {
	display: block;
	float: left;
	text-indent: -999999px;
	font-size:0px;
	height: 35px;
	width: 110px;
	margin: 0;
	padding:0;
	}
#container #col_esq ul#links li a.facebook {
	background: url(../imatges/links/facebook.jpg) left top no-repeat;
}
#container #col_esq ul#links li a.myspace {
	background: url(../imatges/links/myspace.jpg) left top no-repeat;
}
#container #col_esq ul#links li a.tuenti {
	background: url(../imatges/links/tuenti.jpg) left top no-repeat;
}
#container #col_esq ul#links li a.twitter {
	background: url(../imatges/links/twitter.jpg) left top no-repeat;
}

#container #col_esq ul#links li a.youtube {
	background: url(../imatges/links/youtube.jpg) left top no-repeat;
}#container #col_esq ul#links li a.cataleg {
	background: url(../imatges/links/cataleg.jpg) left top no-repeat;
}
  /* footer ----------------------------------------------------------------- */
  	#footer {
      clear:both;
      height: 77px;
      margin-top: 20px;
      border-top: 1px solid #1b2e0b;
      padding:10px 3px;
      color: #77796f;
      font-size: 90%;
	  background:#000000;
    }
    
    #footer a {
      color: #9ea194;
    }
    
      #footer p { margin:0; padding-top:10px; }

.f-left {float:left;}
#footer  a:hover {color:#78cf20; }
.f-right {float:right;}

a.privacitat {
font-size:10px;
display: block;
	color:#39640d;
	margin-top: 5px;
}
a.privacitat:hover {
	color:#599d14;}