/* CSS de BlocCat
Autor: Òscar Barber
Febrer 2006
http//bloc.oscarbarber.com
http://www.dinamicstudi.com
 */

body {
	font-family: "Lucida Grande", Verdana, Sans-serif;
	font-size: 80%;
	margin:0;
	padding:0;
	background:#2d2929 url(imatges/fons.gif) top repeat-x;
	color: #f2f2f2;
}

#frame-central {
		margin: 45px 94px;
	}

#botons {
position: relative;
font-size:1em;
text-align:right;
padding: 15px 105px 0 0;
color: #888;}

#botons a {
  color: #888;
	margin-top: 10px;
	right: 20px;
	text-decoration: none;
		}

#botons a:hover { 
color: #f2f2f2; 
background: none; 
border-bottom: 1px dotted #666;}

.foto-portada {
		float: right;
		margin: 0 0 1em 1em;
    display: block;
	  padding: 5px; 
    border: 1px solid #353535;
    background: #444;
    opacity: 0.8;
	}
	
.foto-portada:hover {
	opacity: 1;
	}
	
h1 { border: 0;}
	
h1 img { margin-top: 0px; }

h2 { clear: both;
font-weight: bold;
font: 1.4em/1.8em "Lucida Grande", Verdana, Sans-serif;
color: #FEF483;
border-bottom: 1px dotted #353535;
margin-bottom: 0.4em;
 }
	
h3 {
	padding:0;
	margin:0;
font: 1.1em/1.5em "Lucida Grande", Verdana, Sans-serif;
margin-bottom: 0.2em;
}

p {
	margin: 0px 0px 15px 0px;
	padding: 0px;
}

p.benvinguda {
		font-size: 120%;
		color: #b4b4b4;
		margin-bottom: 25px;
	}

#frame-central a {
	color:#64a1d0;
	text-decoration: none;
	}

#frame-central a:hover {
	color:#222;
  border-bottom: 1px dotted #0095ec;
  background: #64a1d0;
}
	
form {
	margin:0;
	padding:0;
	}


#alta {
		float: right;
		padding: 1em;
		margin: 0 0 1em 1em;
		background: #444;
			}
	

.missatge { 
padding: 5px 5px 5px 15px; 
color: #ccc;
font: 1em/1.2em "Lucida Grande", Verdana, Sans-serif;
}
.missatge:hover {background: #323232;}

#peu {
	position: relative;
	color:#666;
	font-size:1em;
	text-align:center;
	padding:1%;
	background:#333;
}

#peu a {
	color:#ccc;
	text-decoration: none;
}

#peu a:hover {
	color:#888;
	background: none;
	text-decoration: none;
	border-bottom: 1px dotted #666;
}

ul li, ol li  {	
color: #555;}

ul li p, ol li p {
font-size: 1em; /* This one hacks for em size when you use a <p>
inside a <li> */
									}