@charset "utf-8";
/* CSS Document */
body {
    background-color: #fff;
    color: #000;
    font-family: 'Trebuchet MS', Arial, Verdana;
    font-size: 12px;
    background-image: url('../img/img_gran_sup.jpg');
    background-repeat:no-repeat;
    background-position: top center;
}

img, input[type=checkbox] { vertical-align: middle; }
a { text-decoration:none; }

.width {
    width:890px;
    margin:0 auto;
}
.strong { font-weight:bold; }
.neteja { clear:both; }
.left { float: left; }
.right { float: right; }
.block { display:block; }
.justify { text-align:justify; }
.bold { font-weight:bold !important; }
.pointer { cursor: pointer; }
.relative { position:relative; }
.t11 { font-size:11px; }
.t13 { font-size:13px; }
.t15 { font-size:15px; }
.t18 { font-size:18px; }
.l15 { line-height:15px; }
.l20 { line-height: 20px; }
.tright{text-align:right;}
.nosub { text-decoration:none; }
.sub { text-decoration:underline !important; }
.rollSub:hover { text-decoration:underline !important; }
.qsub {padding-bottom:5px;border-bottom:1px solid #cecfd0;margin-bottom:5px;}
.no_background {background-image:none;}
.p10 {padding:10px;}
.p20 {padding:20px;}
.m15-tb {margin:15px 0px;}
.m15-t {margin-top:15px;}
.m30-t {margin-top:30px;}
.m60-l {margin-left:60px;}

.blanc {color:#fff;}
.blau {color: #5d89bf;}
.gris {color:#868283;}
.gris_blau {color:#868283;}
.gris_blau:hover {color:#5d89bf;}
.blau_gris {color:#5d89bf;}
.blau_gris:hover {color:#868283;}

/****************** CAP **********************/
#header {height:160px;margin-bottom:50px;}
#languages {position:absolute;top:10px;left:70px;}
#languages li {display:inline-block;margin-right:10px;font-size:11px;}
#languages li a {color:#868283;}
#languages li a:hover, #idiomes li a.select {color:#5d89bf;}
#menubar {position:absolute;top:88px;left:245px; width:auto;}
#menubar li {display:inline-block;margin:0 7px;line-height:23px;font-size:11px;}
#menubar li a {color:#fff;}
#menubar li a:hover, #menubar li a.select {color:#62b4cf;}
#logo {display:block;width:220px;height:95px;text-indent:-999px;position:absolute;top:35px;left:10px;}
#logo:hover {background-color:#FFF;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}

/************* BASE IMG **************************/
h1, #sistems, #facebook, a.bOK span + span, a.fletxa span + span, a.fletxa2 span, .rest_dia, .esdev, ul.punt li, a.punt, .print span {background-image:url('../img/base.png');}

h1 {background-position:-212px -33px;}
#sistems {background-position:-54px -1px;}
#facebook {background-position:-93px -1px;}
a.bOK span + span {background-position:-15px -1px;}
a.fletxa span + span {background-position:-30px -1px;}
a.fletxa2 span {background-position:-42px -1px;}
.rest_dia {background-position:-1px -33px;}
.esdev {background-position:-1px -97px;}
.print span {background-position:-212px -97px;}

/******************* PEU **************/
#footer {border-top: 4px solid #ACB3C5;margin-top:30px;overflow:hidden;margin-bottom:50px; }
#footer p {margin-top:10px;}
#sistems {display:block;width:38px;height:16px;text-indent:-999px;overflow:hidden;margin:7px 0px 0px 40px;}
#facebook {display:block;width:69px;height:31px;text-indent:-999px;overflow:hidden;}

/******************** ESTRUCTURA *************/
#left_column {width:200px;margin-right:42px;}
#left_column .tornar {position:absolute;top:45px;left:0px;}
#right_column {width:648px;}
#right_column .center_column {width:390px;}
#right_column .right_column {width:210px;}
#right_column .right_column .img {width:194px;border:3px solid #F0F0F0;}
#right_column .right_column p, #right_column .right_column img, #right_column .right_column a {margin-left: 5px;margin-right: 5px;}
#right_column .img_center {border:3px solid #F0F0F0;margin-bottom:20px;}
#right_column .img_quisom {width:642px;}

/**************** LATERAL ***************/
#newsletter {margin-top:40px;}
#newsletter input[type=text] {width:100%;margin-bottom:5px;}
#newslee div {margin-top:8px;}

/**************** BANNER BOTIGA **************/
.banner_botiga {margin-top:200px; display:block; }
.botiga_titol { color:#5d89bf; font-size:15px; text-align:center; position:relative; top:42px; left:-20px; line-height:17px;}
.botiga_titol span {color:#4276b4; font-weight:bold; }

/**************** TITOLS ****************************/
h1 {display:block;padding:0px 60px 0px 10px;width:220px;height:57px;position:absolute;top:57px;left:-5px;line-height:57px;text-align:center;color:#678CBE;font-size:20px;font-weight:bold;}
h1.struct2 {top:-18px;}
h2 {padding:4px 0px 4px 60px;color:#fff;font-size:15px;background-image:url('../img/fons_subtitols.png');}
h3 {font-size:15px;font-weight:bold;color: #5d89bf;}
.rest_dia, .esdev {width:200px;height:63px;padding:0px 0px 0px 10px;}
.rest_dia {height:51px;padding-top:12px;}
.esdev {line-height:58px;}

/***************** BOTONS ************************/
/*a.fletxa {display:inline-block;padding-left:5px;height:23px;line-height:23px;color:#fff;}
a.fletxa span {display:inline-block;height:23px;line-height:23px;vertical-align:middle;background-color:#4276b4;padding-right:8px;padding-left:10px;}
a.fletxa span + span {display:inline-block;width:14px;height:23px;vertical-align:middle;background-color:transparent;padding:0;}*/
a.fletxa {display:inline-block;padding-left:5px;height:21px;line-height:23px;color:#fff;}
a.fletxa span {display:inline-block;height:21px;line-height:21px;vertical-align:middle;background-color:#1b598b;padding-right:8px;padding-left:10px;}
a.fletxa span + span {display:inline-block;width:11px;height:21px;vertical-align:middle;background-color:transparent;padding:0;}
.txt + a.fletxa {margin-top:15px;}
a.fletxa2 {display:inline-block;padding-left:5px;height:21px;line-height:21px;color:#fff;}
a.fletxa2 span {display:inline-block;width:11px;height:21px;vertical-align:middle;background-color:transparent;padding:0;}
a.fletxa2 span + span {display:inline-block;width:inherit;height:21px;line-height:21px;vertical-align:middle;background-color:#1b598b;padding-left:8px;padding-right:10px;background-image:none;}

.print span {display:inline-block;vertical-align:middle;width:27px;height:24px;margin-left:5px;margin-right:5px;}

/***************** FORMULARIS ********************/
input[type=text] {border:1px solid #c2c2c2;}
a.bOK {display:inline-block;height:23px;line-height:23px;color:#fff;}
a.bOK span {display:inline-block;height:23px;line-height:23px;vertical-align:middle;background-color:#4276b4;padding-right:20px;padding-left:10px;}
a.bOK span + span {display:inline-block;width:14px;height:23px;vertical-align:middle;background-color:transparent;padding:0;}
.error {border: 1px solid #f00 !important;color:#f00 !important;}
.cerror {border: 2px solid #f00 !important;color:#f00 !important;}
#fContactar {margin: 20px 0px 0px 60px;}
#fContactar select, #fContactar input[type=text], #fContactar textarea {border:1px solid #c0c0c0;}
#fContactar label, #fContactar input[type=text], #fContactar textarea {display: inline-block;vertical-align:middle;margin-top:8px;}
#fContactar label {width: 75px;text-align:left;padding-right:8px;height:16px;line-height:16px;}
#fContactar input[type=text] {width: 499px;height:16px;}
#fContactar textarea {width: 586px;height:200px;}
#fContactar .acc_llei {background-color: #c0c0c0;border: 2px solid #c0c0c0;padding:5px;margin:15px 0px 10px 0px;}
#fContactar #captcha {margin:5px 0px 0px 86px;border:1px solid #c0c0c0;}

.fEnviar {display:block;width:100%;margin-top:15px;background-color: #3566AB;border: 2px solid #3566AB;color:#fff;text-align:center;padding:5px;cursor:pointer;}
.fEnviar:hover {background-color: #fff;color:#3566AB;}

/*********** AVISOS *************/
.avisOK, .avisKO { margin: 15px 0px;padding:10px;font-weight: bold;border: 2px solid #f00;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;text-align:center;}
.avisOK { border: 2px solid #5CAF41; background-color:#AFEFA4; }
.avisKO { border: 2px solid #f00; background-color:#EFA4A4; }

/***************** TEXTOS *********************/
.txt {font-size:12px;line-height:15px;}
p.txt + p.txt {margin-top:20px;}

/*************** LLISTES *********************/
#membres {}
#membres li {}
#membres li a {display:inline-block;padding:3px 4px;width:202px;color:#000;}
#membres li:hover a {background-color:#E6E4E5;}
#membres li a + a {margin-left:5px;}

#poblacions {}
#poblacions li {overflow:hidden;}
#poblacions li + li {margin-top:15px;}
#poblacions ul {margin-left:60px;}
#poblacions li li img {width:110px;height:75px;border:1px solid #c0c0c0;margin:0px 0px 10px 10px;}
#poblacions li li h3, #poblacions li li div {margin-bottom:10px;}

#colaboradors {margin-left:60px;margin-top:15px;overflow:hidden;}
#colaboradors li {width:135px;height:135px;border:1px solid #c0c0c0;margin:0px 13px 13px 0px;}
#colaboradors li.last {margin:0px 0px 13px 0px;}
#colaboradors li img {width:135px;height:135px;}

#esdeveniments {margin-left:60px;margin-top:15px;}
#esdeveniments li {overflow:hidden;}
#esdeveniments li + li {margin-top:15px;}
#esdeveniments li .img {width:160px;margin-right:15px;}
#esdeveniments li .img img {width:160px;height:120px;border:1px solid #c0c0c0;}

#esdeveniment .img_center {width:582px;}

ul.punt li, a.punt {line-height:18px;padding-left:12px;background-position:-493px -147px;background-repeat:no-repeat;}

/****************** VISORS ********************/
.box .visor, .box #map {border:1px solid #c0c0c0;margin-top:15px;}
.box .visor, .visorBox img {width:458px;height:260px;}
.box #map {width:458px;height:350px;}

/*************** SHADOWBOX ********************/
.box {padding:20px 0px 20px 20px;width:460px;}