@charset "utf-8";
/* CSS Document */

/* =============================== */
/* ========= CSS RESET =========== */
/* =============================== */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin:0; padding:0;}

table {border-collapse:collapse; border-spacing:0;}

caption, th {text-align:left;}

fieldset, img {border:0;}

a {outline:none;}

h1, h2, h3, h4, h5, h6 {font-size:1em; font-weight:normal; margin:0px; padding:0px;}

ol, ul {list-style:none;}

address, caption, cite, code, dfn, th, var {font-style:normal; font-weight:normal;}

/*
q:before,q:after {content:'';}
abbr,acronym {border:0;}
*/

/* =============================== */
/* ======= Elementos HTML ======== */
/* =============================== */
body {
	color:#000;
	margin:0;
	padding:0;
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;}

a {text-decoration:none;}

a:hover {text-decoration:none;}

/* ========================================= */
/* ========= Estructura del sitio ========== */
/* ========================================= */

h1 {display:none;}

#main {position:relative; width:940px; margin:0 auto; font-size:1em; padding:20px 10px;}
#header {position:relative; z-index:2;}

#mig {position:relative; margin:60px 0; text-align:justify!important;}
.left {position:relative; width:200px; float:left; margin-right:35px!important; display:inline;}
.right {position:relative; width:705px; float:left; display:inline;}
.noBack {background:none!important;}
.desaparece {display:none;}

/*header*/
#header #logo {}
#header #logo img {margin-bottom:10px;}
#header .right {padding-top:40px;}
#header .right img {float:left;}
#header .right ul li {position:relative; float:right; display:inline;border-left:1px solid #000; height:50px; padding-left:5px; margin-left:30px;}
#menuIdiomes {list-style:none; height:11px; padding-top:20px;}
#menuIdiomes li {padding:0!important; float:none!important; height:11px!important; border:none!important;}
#menuIdiomes li a {height:11px; width:66px; text-decoration:none; display:block; margin-bottom:5px;}
#menuIdiomes li a:hover, #menuIdiomes li a.marcat {background-position:bottom;}
#menuIdiomes li a span {display:none;}

#hCatala {background:url(../img/m-catala.gif);}
#hCastellano {background:url(../img/m-castellano.gif);}

#noticiaTira {position:relative; border-top:1px solid #006ec6; border-bottom:1px solid #006ec6; color:#006ec6; width:695px; clear:both; padding:3px 5px 0 5px; top:7px!important; height:20px; background:url(../img/fons-tira.gif) no-repeat top; overflow:hidden; font-size:0.8em;}
#noticiaTira p {width:695px; overflow:hidden; margin-left:15px; line-height:1.5em;}
#noticiaTira p a {color:#006ec6;}

.menuMain {position:relative; z-index:10; background:#006ec6; height:21px; width:100%; clear:both; padding-top:3px; top:10px;}
.menuMain ul {position:relative; list-style:none; z-index:10; height:17px;}
.menuMain ul li {position:relative; margin:0;	padding:0 20px;	display:inline; float:left; background:url(../img/h-punt.gif); background-repeat:no-repeat; background-position:right center;  display:inline;}
.menuMain ul li a {position:relative;  display:block; height:17px; float:left; display:inline;}
.menuMain ul li a:hover, .menuMain ul li a.marcat {background-position:bottom;}
.menuMain ul li a span {display:none;}


/*submenu*/
.menuMain ul ul { position:absolute; list-style:none; visibility:hidden; margin-left:0; z-index:100!important; top:17px; background-color:#fff; border-top:1px solid #006ec6; border-right:1px solid #006ec6; height:auto; margin-left:-25px!important; border-bottom:6px solid #006ec6; border-left:6px solid #006ec6; padding-bottom:10px;/*background-image:url(../img/submenu-esq.gif); background-repeat:no-repeat; background-position:left top; */}
.menuMain ul ul li {position:relative; display:block!important; height:17px; width:150px; overflow:hidden; background:none; float:none!important; margin-top:5px;}
/*.menuMain ul ul li.peuMenu {right:-1px; background:url(../img/submenu-fot.gif); background-repeat:no-repeat; background-position:bottom right; height:7px; width:200px; float:none!important; }*/
.menuMain ul li li a {display:block; width:200px; height:17px; float:none!important;}
.menuMain ul ul li a:hover { background-position:bottom!important;}
.menuMain ul :hover ul {visibility:visible;}

/*submenu a l'esquerre*/
.submenu {position:relative; list-style:none; width:200px; border-top:1px solid #000; border-bottom:1px solid #000;}
.submenu li {display:block; height:17px; margin:5px 0;}
.submenu li a {height:17px; display:block;}
.submenu li a:hover, .submenu li a.marcat {background-position:bottom;}
.submenu li a span {display:none;}

/*CONTINGUTS*/
.text2 {width:435px!important;}
.text3 {width:670px!important; }

.text2, .text3 {position:relative; font-size:0.8em; color:#000; float:left; padding-bottom:30px; display:inline; }
.text2 img, .text3 img {margin-bottom:10px; overflow:hidde!important;}
.text2 h2, .text3 h2 {display:none;}
.text2 h3, .text3 h3 {color:#006ec6; font-weight:bold; border:none!important; margin:30px 0 0 0; text-transform:uppercase;} 
.text2 p, .text3 p {padding:5px 0;}
.text2 p a, .text3 p a {color:#000; text-decoration:underline;} 
.text2 table, .text3 table {border:none; margin:0; padding:0;}
.text2 table tr td, .text3 table tr td {padding-right:5px!important; vertical-align:top;width:217px;}
.text2 img {max-width:435px!important;} .text3 img {max-width:670px!important;}
.text2 ul, .text3 ul {padding:5px 0 0 20px;} 
.text2 ul li , .text3 ul li {list-style:url(../img/llista-text.gif); margin-bottom:5px;} 
.blau {color:#006ec6!important;}

/*lateral*/
#lateral {position:relative; width:235px; float:right;}
.seccions {position:relative; margin-bottom:15px; font-size:0.8em;} 
.seccions h3 {position:relative; border-top:1px solid #000; border-bottom:1px solid #000; padding:5px 0;}
.seccions h3 img {margin:0;} .seccions h3 span {display:none;}
.seccions img {margin:10px 0;}
.seccions p {padding:5px 0;}
.seccions ul {border-bottom:1px solid #000;}
.seccions ul li {background-image:url(../img/llista-negre.gif); background-repeat:no-repeat; background-position:top left; text-indent:10px; margin:10px 0;}
.seccions ul li a {color:#000; text-decoration:underline;} .seccions ul li a:hover {color:#006ec6!important;}

.banners {position:relative; margin-bottom:15px!important; font-size:0.8em;}
.banners img, .banners div {margin:5px 0!important; max-width:235px; overflow:hidden; clear:both;}
.banners object {height:auto!important; text-align:center!important;}

/*footer*/
#footer {position:relative; border-top:1px solid #000; clear:both; margin:20px 0; padding-top:20px; height:65px;}

.llistaSocial {position:relative; float:right; width:234px;}
.llistaSocial ul {position:relative; margin-top:10px;}
.llistaSocial ul li {float:left; margin-right:15px; }

.f03 {background:url(../img/f-novidea.gif); width:131px;}

.listaLegal {list-style:none; height:9px; float:left; margin-left:5px;}
.listaLegal li {height:9px; margin:15px 0 0 0; padding:0 15px; float:left; background-image:url(../img/f-punt.gif); background-position:left; background-repeat:no-repeat;}
.listaLegal li.noBack {background:none!important; padding-left:0;}
.listaLegal li.pujaImg img {margin-top:-15px;}
.listaLegal li a {display:block; height:9px;} .listaLegal li a span {display:none;}
.listaLegal li a:hover {background-position:bottom;}

#rf {position:relative; float:left; margin-right:10px;}
#rf img {display:block; margin-bottom:10px;}

/*form*/
/*FORMULARI*/

.formContacto {position:relative; margin-top:30px; font-size:0.95em;}
.formContacto span {font-size:0.95em; text-align:right; font-weight:bold; vertical-align:top; line-height:24px; width:150px; padding-right:2px; display:table-cell;}
.formContacto textarea, .formContacto input, .formContacto select {vertical-align:top; font-size:0.95em; font-family:Arial, Helvetica, sans-serif; width:160px!important; border:1px solid #c0c0c0; color:#666; padding:2px;}

.espai {border:1px solid #c0c0c0; font-size:1em; line-height:13px; padding:2px;}
.formContacto .boto {position:relative; padding:0 10px; border:none; width:auto!important; background-color:#006ec6; color:#fff; margin:-5px 0 0 215px;}

.lletraPetita {font-size:0.75em; border-top:1px solid #000; padding:10px 0;margin-top:40px;}

/**/
.mWeb {position:relative; margin:0 20px; float:left;}
.mWeb li { width:200px;border-bottom:1px solid #000; padding:3px 0; margin-bottom:10px;}
.mWeb li a {font-weight:bold;color:#000!important; }
.mWeb ul li {border:none; padding:0; margin:0;}
.mWeb ul li a {color:#000!important; font-weight:100;}