/* reset */

body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, optgroup, button, p, blockquote, th, td {
margin:0;
padding:0;
}
h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:normal;
}
/*
table {
border-collapse:collapse;
border-spacing:0;
}
*/
caption, th {
text-align:left;
}
/*ol, ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}*/
fieldset, img {
border:0 none;
}
input, textarea, select, optgroup, option, button {
font-family:inherit;
font-size:100%;
}
button, input {
overflow:visible;
width:auto;
}
optgroup, address, caption, cite, code, dfn, th, var {
font-style:normal;
font-weight:normal;
}
q:before, q:after {
content:'';
}
abbr, acronym {
border:0 none;
}



/* genericos */
li {padding-right:20px}

a:link {
color:#f56435;
text-decoration:none;
}
a:visited {
color:#f56435;
text-decoration:none;
}
a:hover {
color:#f86738;
text-decoration:underline;
}
a:active {
color:#f86738;
text-decoration:underline;
}

body {
background:transparent url('imatges/fons.png');
background-position:center;
font-family:Arial, helvetica;
font-size:11px;
line-height:14px;
color:#000000;
}

p {margin:8px 0px}

h2 {font-size: 18px; font-weight:bold; margin:8px 0px; color:#aaaaaa}
h2.art {color:#52c1ef; padding-left:5px}
h2.arttxt {color:#52c1ef; padding-left:0px; padding-bottom:20px}
h2.fes {color:#b30609; padding-left:5px}
h2.festxt {color:#b30609; padding-left:0px; padding-bottom:20px}
h3 {font-size:13px; font-weight:bold}
h4 {font-size:12px; font-weight:bold}
h4.datos {font-size:12px; font-weight:bold; color:#52c1ef}
h5 {font-size:12px; font-weight:bold; background:url('imatges/guio.gif') no-repeat; background-position:0px 0px; padding:7px 0px; margin-top:15px}

table.form td {padding:4px}

input, textarea {width:300px; background:white; border:0px}
textarea {height:70px}
input.but {width: 40px; background: transparent url('imatges/fletform.gif') no-repeat}
input.ch {width:20px; background:transparent; border:0px}

/* estructura */
div#mare {position:relative; width:845px; background:width; margin:auto; border:0px solid black}
div#capcelera {position:relative; height:147px; width:845px; background:url('imatges/cabecera.jpg')}
div#capcelera div#logo {position:absolute; left: 32px; top:50px}

div#cossota {
	position:relative;
	width:845px;
	background:white;
	margin:auto;
	
	border:0px solid pink;
	background:url('imatges/fonsbanner.png') repeat-y;
	background-position:right;
	}
div#cos {position:relative; float:left; width:711px;}

div#linia {width:709px; margin:auto; height:4px; border-top:1px solid black}

div#contingut {
	width:687px;
	padding:12px;
	}
div#patrocinadores {position:relative; bottom:0px; height:80px; width:689px; padding:20px}

div#patrocinadores div.item {position:relative; float:left; height:60px; padding:12px 20px; color:#999999}

div#peu {position:relative; bottom:0px; height:200px; width:689px; margin:auto}
div#silueta {width:689px; margin:auto; height:125px;}

div#menuinf {position:relative; width:685px; height:14px; padding: 3px 2px; background:#000000; margin:auto; margin-top:15px; color:#ffffff;  font-size:11px; font-weight:normal; text-align:center}
div#textepeu {position:relative; width:669px; height:25px;  margin:auto; margin-top:6px; padding:5px 20px; color:#999999; text-align:right; font-size:11px; font-weight:normal}
div#barracolors {position:absolute; width:689px; height:7px; background:url('imatges/barra_colors.png'); top:200px; left:0px}

div#menuinf a {color:#ffffff; text-decoration:none}

div#columnabanners {position:relative; float:left; width:134px;}

div#columnabanners img {margin:0px 5px 5px 8px}

div.fotogaleria {position:relative; float:left; height:580px}
div#numec, div#descript, div#numec a {color:#b30609; font-size:12px; font-weight:bold}
div.pagina {position:relative; left:525px; width:150px; text-align:right; font-size:12px;  border:0px solid black; z-index:1}

/* pagines */
div.itemnot {position:relative; width:678px; float:left; padding:5px; z-index:10}
div.itemnot div.fotonot {position:relative; width:240px; padding-top:3px; border-top:1px solid #cccccc; float:left; margin-right:8px}
div.itemnot div.fato {position:relative; width:425px; border-top:1px solid #cccccc; float:left;}
div.itemnot div.titolnot {position:relative; width:340px; height:15px; font-size:11px; font-weight:bold; padding:3px 5px; background:#cccccc; margin-top:2px; float:left}
div.itemnot div.data {position:relative; width:65px; height:15px; font-size:12px; padding:3px 5px; background:#cccccc; margin-top:2px; float:left}
div.itemnot div.li {position:relative; width:425px; height:2px; background:transparent; border-top:1px solid #cccccc; margin-top:2px; float:left}
div.itemnot div.article {position:relative; width:415px; height:2px; background:transparent; margin-top:2px; padding:0px 5px; float:left}

div.itemnot2 {position:relative; width:678px; float:left; padding:5px; background: #e7f1fa; z-index:10}
div.itemnot2 div.fotonot {position:relative; width:240px; padding-top:3px; border-top:1px solid #52c1ef; float:left; margin-right:8px}
div.itemnot2 div.fato {position:relative; width:429px; border-top:1px solid #52c1ef; float:left;}
div.itemnot2 div.titolnot {position:relative; width:344px; height:15px; font-size:11px; font-weight:bold; padding:3px 5px; background:#52c1ef; margin-top:2px; float:left}
div.itemnot2 div.data {position:relative; width:65px; height:15px; font-size:12px; padding:3px 5px; background:#52c1ef; margin-top:2px; float:left}
div.itemnot2 div.li {position:relative; width:429px; height:2px; background:transparent; border-top:1px solid #52c1ef; margin-top:2px; float:left}
div.itemnot2 div.article {position:relative; width:419px; height:2px; background:transparent; margin-top:2px; padding:0px 5px; float:left}

div.itemnot3 {position:relative; width:678px; float:left; padding:5px; background: #fce4d8;z-index:10}
div.itemnot3 div.fotonot {position:relative; width:240px; padding-top:3px; border-top:1px solid #b30609; float:left; margin-right:8px}
div.itemnot3 div.fato {position:relative; width:429px; border-top:1px solid #b30609; float:left;}
div.itemnot3 div.titolnot {position:relative; width:344px; height:15px; font-size:11px; font-weight:bold; padding:3px 5px; background:#b30609; margin-top:2px; float:left}
div.itemnot3 div.data {position:relative; width:65px; height:15px; font-size:12px; padding:3px 5px; background:#b30609; margin-top:2px; float:left}
div.itemnot3 div.li {position:relative; width:429px; height:2px; background:transparent; border-top:1px solid #b30609; margin-top:2px; float:left}
div.itemnot3 div.article {position:relative; width:419px; height:2px; background:transparent; margin-top:2px; padding:0px 5px; float:left;}

div.separador {position:relative; width:680px; height:25px; background:transparent; margin-top:2px; float:left}

div#inidreta {position:relative; width:335px; background:transparent; margin-top:5px; float:left; padding:4px}

div.titolportada {position:relative; width:315px; height:15px; font-size:12px; font-weight:bold; padding:3px 5px; background:#cccccc; margin-top:1px; float:left; border:1px solid #cccccc;}
div.liportada {position:relative; width:327px; height:1px; background:transparent; border-top:1px solid #cccccc; margin-top:2px; float:left}
div.fatoportada {position:relative; width:315px; font-size:11px;  padding:3px 5px; margin-top:2px; float:left; border:1px solid #cccccc;}

.dataportada {color:#f56435}
a.portada {color:#f56435; text-decoration:none}
p.portada {margin:4px 0px}

div#iniesquerra {position:relative; width:335px; background:transparent; margin-top:5px; float:left; padding:4px}

div.contacto {position:relative; width:335px; background:transparent; margin-top:5px; float:left; padding:4px; height:300px}

table.contacto {width:320px; margin:5px 0px}
table.contacto td {vertical-align:top}
table.contacto td.etiq {font-weight:bold; border-right:1px solid #000000; width:80px; height:80px}
table.contacto td.dada {padding-left:5px}

div.sponsor {position:relative; float:left; width:130px; height:130px; padding:5px; border:0px solid black}
span.colorviu {color:#52c1ef;}

.slideshow { height: 240px; width: 680px; margin: auto ; border:0px solid red}

/* bug firefox float enniuades */

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}