/* Consorci Serra Llaberia v1 CSS
Author: Alex Lillo
http://www.the-lemon.net */

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* contenidos propios */
body { font-family:Arial, Helvetica, sans-serif; background:#1e352c; font-size:62.5%; text-align:center;}

/* genericos */
p { line-height:135%; font-size:1.2em; margin:0 0 1.5em;}
li {font-size:1.2em;}
dd, dt {font-size:1.2em;}
a {color:#c08323;}
a:hover {text-decoration:none;}
.paginacio { border-top: 1px solid #ccc; padding:.5em 0 0;}
.paginacio ol { float: right;}
#textos .paginacio li {background-image: none; float:left; line-height:2em; color:#999;}
.paginacio li a { display:block; float:left; background:#a7c2b7; border:1px solid #578270; height:2em; padding:0 .4em; color:#1e352c; text-decoration:none; font-weight:bold;}
.paginacio li a:hover { background:#ccc;}
.paginacio li strong,  { background:#ccc; height:2em; display:block; padding:0 .4em; border:1px solid #ccc; color:#000;}
.paginacio li em { background:#a7c2b7; border:1px solid #578270;height:2em; display:block; padding:0 .4em; color: #1e352c; font-weight:bold; }

#contenedor { position:relative; margin:0 auto; width:960px; text-align:left;}

#cabecera { position:relative; padding:2.3em 0 0;}
#cabecera h1 { text-indent:-900em; float:left; width:206px; height:152px; background:url(../img/logo_serra.gif) 0 0 no-repeat;}
#cabecera h1 a {display:block; width:206px; height:152px;}
#cabecera h2 { background:url(../img/cabecera.jpg) 0 0 no-repeat; text-indent:-900em; float:left; width:754px; height:152px;}
#cabecera ul { position: absolute; top:3px; right:0px;}
#cabecera li { color:#fff; display: inline; }
#cabecera li a { padding:0 1em 0 0; border-right: 1px solid #fff; color:#fff;}
#cabecera li a.last { padding:0 0 0 .7em; border:none;}

/* menu */
#menu { clear:left;}
#menu li {float:left;}
#menu li a {display:block; width:137px; height:25px; float:left; background-position:0 0; background-repeat:no-repeat; text-align:center; text-decoration:none; color:#000000; font-size:1.4em; padding-top:7px;}/*text-indent:-900em; */
#menu li a.menu1 {background-image: url(../img/menu00.gif)}
#menu li a.menu2 {background-image: url(../img/menu00.gif)}
#menu li a.menu3 {background-image: url(../img/menu00.gif)}
#menu li a.menu4 {background-image: url(../img/menu00.gif)}
#menu li a.menu5 {background-image: url(../img/menu00.gif)}
#menu li a.menu6 {background-image: url(../img/menu00.gif)}
#menu li a.menu7 {background-image: url(../img/menu00.gif); width:138px;}

#menu li a:hover, #menu li.active a { background-position:0 -32px;}

#menu li a.menu8 {
	background: #ccc; 
	width:200px;
	position:absolute;
	top:1.3em;
	right:0em;
}
#menu li a.menu8:hover{
	background: #999;
}
/* submenu */
#subMenu { clear:left;background:url(../img/menu2_fondo.gif) 0 0 no-repeat; height:44px;padding:2px 0 0 5px;}
#subMenu li {margin: 2px .4em 0 0 ; float:left;}
#subMenu a { display:block; float:left; padding:.3em .5em; background:#c0c0c0; color:#000; text-decoration:none;}
#subMenu a:hover, #subMenu li.active a { background:#666; color:#fff;}

/* contenido */
#contenido { background:url(../img/fondo.gif) 0 0 repeat-y;}
#textos { min-height:311px; background:url(../img/logo2.gif) 0 0 no-repeat;padding:0 2em 2em 190px; }

.post { padding:0 0 1.5em 235px;}
.post img {float:left; margin-left:-235px;}
.post .img {width:225px; }

#textos .post h3 { margin-left:-235px;}
#textos .post h3 a { text-decoration:none;}

#textos h3 { font-size:2.3em; border-bottom:1px solid #ccc; margin:0 0 .5em; padding:.7em 0 0; color:#666;}
#textos h4 { font-size:1.8em;  margin:0 0 .5em; padding:.7em 0 0; color:#666;}
#textos li { padding:0 0 .3em 1em; background:url(../img/bullet.gif) 0 0 no-repeat;}

/* listado noticias */
.listadoNoticias { padding:1em 0 2em 130px; border-bottom:1px solid #ccc;}
.listadoNoticias img {width:120px; float:left; margin:-2em 0 0 -130px;}
#textos .listadoNoticias h4 {font-size:1.4em;}
.listadoNoticias .data, .noticia .data { color:#999; margin:0;}
.noticiesPaginacio p a { font-size:1.2em; padding-right:2em;}

/* detalle noticias */
.noticia img { float:right; border: 1px solid #ccc; padding:5px; margin:0 0 1em 1em; width:300px;}
.noticiaTornar { text-align:right; margin:0;}
.noticiaTornar a {background:#1e352c; padding:3px 5px; color:#fff; font-weight:bold; text-decoration:none;}

/***************** contacto ***********************/

#contacto {	padding: 2em 0 0 0;	margin: 1em 0 0; float:left; width: 70%; border-right:1px solid #ccc;}	
#contacto dt {clear: left;	float: left;	width: 6em;    line-height: 1.5em;	text-align: right;	padding: 0 .3em 0 0;}
#contacto dd { height: 2.8em; }
html>body #contacto dd { min-height:2.8em; height:auto;}
#contacto input { width: 15em; }
#contacto input.inputCorto { width: 3em;}
#contacto input.enviar { width: auto; clear: left; margin:1em 0 0; }

#contactoSnail { float:left; width:25%; padding-left:1em;}
#contactoSnail address { font-size:1.2em; font-style:normal; line-height:135%; padding:0 0 1em .5em; border-left:3px solid #c08323}

/*  galeria */
#galeria ul li { background-image:none; padding: 5px; background-color:#d4e0d5; width:170px; text-align:center; float:left; margin:0 5px 1em 0;}
#galeria img {display:block; border:1px solid #578270; width:165px; margin-bottom: .3em;}

/* pie */
#pie {clear:both; text-align:right; height: 4em; background:url(../img/pie_fondo.gif) 0 0 repeat-x; padding-right:.3em;}
#pie p { font-size:1.3em; margin:0 0 .3em; color:#fff;}
#pie li { color:#fff; display: inline; }
#pie li a { padding:0 1em 0; border-right: 1px solid #fff; color:#fff;}
#pie li a.last { padding:0 0 0 .7em; border:none;}

/* fixes */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}


/*afegit com arribar*/
#submenu_com_arribar{
	position:absolute;
	top:24em;
	left:0.5em;
	line-height:1.5em;
}
#submenu_com_arribar a{
	/*font-size:1.4em;*/
	font-weight:bold;
	background:#c0c0c0; 
	color:#000;
	padding: 0.2em 1em;
	text-decoration:none;
}
#submenu_com_arribar a:hover{
	background:#666; color:#fff;
}
.left{
	float:left;
	margin-right:1em;
}

#tracuctor{position:absolute; top:4.0em; right:1.6em;}
#calendari{text-align:right;padding-right:10px;}
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#index_paginador{
	text-align:center;
}
#menu_cateories{
	position:absolute;
	top:17.1em;
	left:0;
	width:10.95em;
	height:25em;
	color:#fff;
	background:#578270;
	font-size:1.2em;
	padding:1em;
}
#menu_cateories h1{
	font-size:1.6em;
	margin-bottom:0.5em;
}
#menu_cateories a{
	color:#fff;
}
#menu_cateories p{
	margin:0.9em 0;
	line-height:1.2em;
}