/*********************************************************************************/
/* Global                                                                        */
/*********************************************************************************/
html, body {height: 100%;}
body {margin: 0em;padding: 0em;background: #E0E0E0 url(images/img01.png) repeat;font-family: Arial, Helvetica, sans-serif;font-size: 13px;color: #525252;}
h1, h2, h3 {margin: 0em;padding: 0em;font-family: Arial, Helvetica, sans-serif;letter-spacing: -0.025em;}
p {line-height: 170%; margin-bottom:10px;}
a {color: #0077B0; text-decoration:none}
a:hover{color:#FF3002;}
strong {font-weight: 700;color: #2A2A2A;}
.clear{clear:both;}
h1 span{   position: absolute; text-indent: -9999px;}
.last {border-right:none !important; padding-right:0 !important}
.inici3 { width: 21% ;  border-right:0.1em solid #D4D6D8; padding:0 2em; float:left; } 
.rojo{color:#F00;}
.fright{float:right; margin:0 0 10px 20px;}

/* Wrapper */
#wrapper {/*overflow: hidden;*/padding-bottom: 3em;background: #FFFFFF;}

/* Copyright */
#copyright {overflow: hidden;padding: 1.875em 0em 6em 0;border-top: 1px solid #CCCCCC;text-shadow: 1px 1px 0px #FFFFFF;text-align: left;}
#copyright p {font-size: 1em;color: #333333;}
#copyright a {color: #232323;}
#copyright a:hover {text-decoration: none;}
#copyright img{vertical-align:middle;}

/* Button Style */
.button-style a {display: block;width: 11.250em;height: 3.125em;margin-top: 1.875em;background: url(images/img01.png) repeat;line-height: 3.125em;text-align: center;text-decoration: none;text-transform: none;font-size: 1.125em;font-weight: 200;color: #FFFFFF;}
.button-style1 a{background:url("../images/prev-next.png") no-repeat scroll right bottom transparent;}
.button-style2 a {display: inline-block;height: 3em;margin-top: 1.25em;padding: 0em 1.25em;border-radius: 0px 5px 0px 5px;line-height: 3em;text-decoration: none;font-size: 1em;color: #FFFFFF;}
/*.button-style3 a {display: inline-block;height: 3em;margin-top: 1.25em;padding: 0em 1.25em;background: #007d41;border-radius: 5px;line-height: 3em;text-shadow: 1px 0px 0px #185E18;text-decoration: none;font-size: 1em;color: #FFFFFF;}*/
.button-style3 a, .buttonForm{
	display: inline-block;height: 3em;margin-bottom: 1.25em;padding: 0em 1.25em;line-height: 3em;font-size: 1em;color: #FFFFFF;text-decoration: none;
	border-radius: 5px;
	box-shadow: inset 0px 0px 0px 1px #0094DF, 0px 1px 4px 0px rgba(0,0,0,0.10);
	background-color: #007b9d;
	background-image: -moz-linear-gradient(top, #0094DF, #0077B0);
	background-image: -webkit-linear-gradient(top, #0094DF, #0077B0);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0094DF), to(#0077B0));
	background-image: -ms-linear-gradient(top, #0094DF, #0077B0);
	background-image: -o-linear-gradient(top, #0094DF, #0077B0);
	background-image: linear-gradient(top, #0094DF, #0077B0);border-color: #0094DF #0077B0 #333333;
}
.button-style3 a:hover, .buttonForm:hover{background:#333; border-color:#333; box-shadow: inset 0px 0px 0px 1px #333, 0px 1px 4px 0px rgba(0,0,0,0.10); cursor:pointer}

#content ul, #content ol{margin: 0 0 0 2em;list-style:disc outside none; line-height:170%;}
#content ul{margin-bottom:10px}
#content ul li, #content ol li {padding: 0.2em 0em;}
#content ol { list-style:decimal;}


/** LIST STYLE 1 */
ul.style1 {margin: 0em;list-style: none !important;}
ul.style1 li {padding: 0.2em 0em;border-top: 1px solid #E6E6E6;}
ul.style1 a {display: block;padding: 0em 0em 0em 1.87em;background: url(images/img10.png) no-repeat left 5px;text-decoration: none;color: #525252; line-height:1.5em;}
ul.style1 a:hover {color:#0077B0;}
ul.style1 .first {border-top: 0;}

/** LIST STYLE 2 */
ul.style2 {margin: 0em;padding: 0em;list-style: none !important; font-style: italic;}
ul.style2 li {padding: 1.25em 0em 1.25em 0em;border-top: 1px solid #E6E6E6; clear:both;}
ul.style2 a {text-decoration: none;}
ul.style2 a:hover {/*text-decoration: underline;*/}
ul.style2 .date {display: inline-block;margin: 0em 0em 0em 0em;padding: 0.35em 0em;border-radius: 5px;line-height: none;font-weight: bold;font-style: normal;color: #2A2A2A;}
ul.style2 .date a {color: #2A2A2A;}
ul.style2 .first {padding-top: 0;border-top: 0;}
ul.style2 p {margin-bottom:0;}
ul.style2 .pdf li{border:none;}
#servicios ul.style2 li{padding: 0.5em 0em;}
#servicios h2{padding: 0 0 0.2em !important}


/** LIST STYLE 3 */
ul.style3 {margin: 0em;padding: 0em;list-style: none;}
ul.style3 li {padding: 1.25em 0em 1.56em 0em;}
ul.style3 a {display: block;text-decoration: none;color: #C18062;}
ul.style3 a:hover {text-decoration: underline;}
ul.style3 .date {}
ul.style3 .date b {}
ul.style3 .date a {	color: #FFFFFF;}
ul.style3 .date a:hover {text-decoration: none;}
ul.style3 .first {padding-top: 0em;background: none;}

/** LIST STYLE 4 */
ul.style4 {margin: 0em;padding: 0em;list-style: none;}
ul.style4 li {padding: 0.94em 0em 0.94em 0em;border-top: 1px solid #742F0E;}
ul.style4 a {display: block;padding: 0em 0em 0em 1.87em;background: url(images/img10.png) no-repeat left top;text-decoration: none;color: #C18062;}
ul.style4 a:hover {text-decoration: underline;}
ul.style4 li {border-top: 0;}

/** LIST STYLE 5 */
ul.style5 {overflow: hidden;margin: 0em 0em 1em 0em;padding: 0em;list-style: none;}
ul.style5 li {float: left;padding: 0.25em 0.25em;line-height: 0;}
ul.style5 a {}

/** LIST STYLE 6 */
ul.style6 {margin: 0em;padding: 0em;list-style: none;}
ul.style6 h3 {margin: 0em;padding: 0em 0em 0.63em 0em;font-weight: bold;font-size: 1em;color: #2A2A2A;}
ul.style6 p {font-style: italic;font-size: 0.87em;}
ul.style6 li {padding: 1.25em 0em 1.25em 0em;border-top: 1px solid #C9C8C8;line-height: 170%;}
ul.style6 a {display: block;padding: 0em;text-decoration: none;color: #737373;}
ul.style6 a:hover {text-decoration: underline;}
ul.style6 .first {padding-top: 0em;border-top: 0;}

/** Generics */
.imgLeft{border: 1px solid #CCCCCC; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 5px 5px 10px 0 rgba(0, 0, 0, 0.1); display: block; float: left !important; margin-right: 15px !important;}
.imgRight{border: 1px solid #CCCCCC; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 5px 5px 10px 0 rgba(0, 0, 0, 0.1); display: block; float: right; margin-left: 15px;}
.divider {margin-bottom: 2em; padding-bottom:2em; border-bottom: 0.1em solid #D4D6D8;}
#dividerInici{width:73.5%;}
.fLeft{border: none; display: block; float: left !important; margin-right: 15px !important;}
.fRight{border: none; display: block; float: right !important; margin-left: 15px !important;}


/* Slide */
#slides{position: relative;margin-top: 40px;}
.slides_container{height: 315px;}
.slide-right{position: absolute;top: 0;left: 560px;}
.slide-heading{background: url(../images/slide-heading.png) no-repeat;width: 494px;height: 45px;color: #fff;	font-size: 22px;padding-top: 20px;padding-left: 70px;margin-top: 25px;margin-bottom: 30px;}
.slide-right .info{	width: 395px;margin-left: 155px;}
.slide-right .readmore{margin-left: 155px;}
.readmore{text-decoration: none;color: #fff;/*padding-left: 15px;background: url(../images/more.png) no-repeat 0 50%;*/}
.readmore:hover{color: #c8c8c8;}
.pagination{position: absolute;bottom: 25px;left: 25px;z-index: 99;}
ul.pagination li{float: left;margin-right: 10px;background: url(../images/pagination.png) no-repeat;background-position: top;width: 14px;height: 15px;}
ul.pagination li.current{background-position: bottom;}
ul.pagination li a{display: block;text-indent: -999999px;}
a.next{position: absolute;right: 25px;bottom: 30px;display: block;width: 7px;height: 13px;background: transparent url(../images/prev-next.png) no-repeat;background-position: top right;text-indent: -9999px; z-index:9999}
a.prev{	position: absolute;right: 50px;bottom: 30px;display: block;width: 7px;height: 13px;background: transparent url(../images/prev-next.png) no-repeat;background-position: top left;text-indent: -9999px; z-index:9999;}
a.next:hover{background-position: bottom right;}
a.prev:hover{background-position: bottom left;}


/* blocs inici */
.ca-menu{padding:0;}
.ca-menu li{ width: 215px;height: 250px;overflow: hidden;position: relative;float:left;margin-right: 4px;-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear;-ms-transition: all 300ms linear;transition: all 300ms linear;margin-right: 22px; margin-bottom:10px; background:url("images/img01.png") repeat scroll 0 0 transparent; box-shadow:0 0 0 1px rgba(0, 0, 0, 0.15) inset, 5px 5px 10px 0 rgba(0, 0, 0, 0.1);}
.ca-menu li:last-child{margin-right: 0px;}
.ca-menu li a{width: 100%;height: 100%;display: block;color: #333;position: relative;}
.ca-menu li:hover a, .ca-menu li a:hover{color:#fff;}
.ca-icon{font-size: 60px;color: #333;text-shadow: 0px 0px 1px #333;line-height: 120px;position: absolute;width: 100%;height: 50%;left: 0px;top: 0px;text-align: center;-webkit-transition: all 400ms linear;-moz-transition: all 400ms linear;-o-transition: all 400ms linear;-ms-transition: all 400ms linear;transition: all 400ms linear;}
.ca-content{position: absolute;left: 0px;width: 100%;height: 50%;top: 45%;}
.ca-main{font-size: 20px;opacity: 0.8;text-align: center;-webkit-transition: all 200ms linear;-moz-transition: all 200ms linear;-o-transition: all 200ms linear;-ms-transition: all 200ms linear;transition: all 200ms linear;}
.ca-sub{text-align:center;color: #666;opacity: 0.8;-webkit-transition: all 200ms linear;-moz-transition: all 200ms linear;-o-transition: all 200ms linear;-ms-transition: all 200ms linear;transition: all 200ms linear; padding:5px;}
.ca-menu li:hover{background: #333;}
.ca-menu li:hover .ca-icon{color: #fff;font-size: 60px;}
.ca-menu li:hover .ca-main{color: #fff;-webkit-animation: moveFromLeftRotate 300ms ease;-moz-animation: moveFromLeftRotate 300ms ease;-ms-animation: moveFromLeftRotate 300ms ease;}
.ca-menu li:hover .ca-sub{color: #fff;-webkit-animation: moveFromBottom 500ms ease;-moz-animation: moveFromBottom 500ms ease;-ms-animation: moveFromBottom 500ms ease;}

.iconSoci, .iconServicios, .iconNoticies, .iconForo, .iconEventos, .iconAreas, .iconContactar, .iconLibro {width:100%; height:90px; display:inherit; margin-top:10px;}
.iconSoci{ background:url(../images/icones/socio.png) no-repeat center top; cursor:pointer}
.ca-menu li:hover .iconSoci{ background:url(../images/icones/socio.png) no-repeat center -90px;}
.iconServicios{background:url(../images/icones/servicios.png) no-repeat center top; cursor:pointer}
.ca-menu li:hover .iconServicios{ background:url(../images/icones/servicios.png) no-repeat center -90px;}
.iconNoticies{background:url(../images/icones/noticies.png) no-repeat center top; cursor:pointer}
.ca-menu li:hover .iconNoticies{ background:url(../images/icones/noticies.png) no-repeat center -90px;}
.iconForo{background:url(../images/icones/foro.png) no-repeat center top; cursor:pointer}
.ca-menu li:hover .iconForo{ background:url(../images/icones/foro.png) no-repeat center -90px;}
.iconEventos{ background:url(../images/icones/eventos.png) no-repeat center top; cursor:pointer}
.ca-menu li:hover .iconEventos{ background:url(../images/icones/eventos.png) no-repeat center -90px;}
.iconAreas{ background:url(../images/icones/areas.png) no-repeat center top; cursor:pointer}
.ca-menu li:hover .iconAreas{ background:url(../images/icones/areas.png) no-repeat center -90px;}
.iconContactar{ background:url(../images/icones/contacte.png) no-repeat center top; cursor:pointer}
.ca-menu li:hover .iconContactar{ background:url(../images/icones/contacte.png) no-repeat center -90px;}
.iconLibro{ background:url(../images/icones/llibre.png) no-repeat center top; cursor:pointer}
.ca-menu li:hover .iconLibro{ background:url(../images/icones/llibre.png) no-repeat center -90px;}

#sidebar1 .ca-menu li {height:100px; width:85%}
#sidebar1 .ca-menu h2 {padding:0;}
#sidebar1 .ca-menu li:hover a, #sidebar1 .ca-menu li a:hover{color:#fff;}
#sidebar1 .ca-menu .ca-content{float:right; width:60%; position:relative; height:auto; top:30px;}
#sidebar1 .iconSoci, #sidebar1 .iconServicios, #sidebar1 .iconNoticies, #sidebar1 .iconForo, #sidebar1 .iconEventos, #sidebar1 .iconAreas, #sidebar1 .iconContactar, #sidebar1 .iconLibro {width:50%; height:90px; display:inherit; margin-top:10px; float:left}
#sidebar1 .iconSoci{ background:url(../images/icones/socio.png) no-repeat 10px top; cursor:pointer}
#sidebar1 .ca-menu li:hover .iconSoci{ background:url(../images/icones/socio.png) no-repeat 10px -90px;}
#sidebar1 .iconServicios{background:url(../images/icones/servicios.png) no-repeat 10px top; cursor:pointer}
#sidebar1 .ca-menu li:hover .iconServicios{ background:url(../images/icones/servicios.png) no-repeat 10px -90px;}
#sidebar1 .iconNoticies{background:url(../images/icones/noticies.png) no-repeat 10px top; cursor:pointer}
#sidebar1 .ca-menu li:hover .iconNoticies{ background:url(../images/icones/noticies.png) no-repeat 10px -90px;}
#sidebar1 .iconForo{background:url(../images/icones/foro.png) no-repeat 10px top; cursor:pointer}
#sidebar1 .ca-menu li:hover .iconForo{ background:url(../images/icones/foro.png) no-repeat 10px -90px;}
#sidebar1 .iconEventos{ background:url(../images/icones/eventos.png) no-repeat 10px top; cursor:pointer}
#sidebar1 .ca-menu li:hover .iconEventos{ background:url(../images/icones/eventos.png) no-repeat 10px -90px;}
#sidebar1 .iconAreas{ background:url(../images/icones/areas.png) no-repeat 10px top; cursor:pointer}
#sidebar1 .ca-menu li:hover .iconAreas{ background:url(../images/icones/areas.png) no-repeat 10px -90px;}
#sidebar1 .iconContactar{ background:url(../images/icones/contacte.png) no-repeat 10px top; cursor:pointer}
#sidebar1 .ca-menu li:hover .iconContactar{ background:url(../images/icones/contacte.png) no-repeat 10px -90px;}
#sidebar1 .iconLibro{ background:url(../images/icones/llibre.png) no-repeat 10px top; cursor:pointer}
#sidebar1 .ca-menu li:hover .iconLibro{ background:url(../images/icones/llibre.png) no-repeat 10px -90px;}

/* Ofitec */
.ofitec{font-size:11px;}
.ofitec a {text-decoration:none;}
#pdf{margin-left:0px!important;}
.pdf-arxius{margin-top:25px;}
.pdf-arxius li {background: url("../images/icones/acrobat.jpg") no-repeat scroll 10px 7px transparent; padding: 5px 0 5px 35px !important; list-style:none;}
#map {height: 400px; width: 99%;}

#areas-servicio #contenedor #titulo{display:none !important;}

/* tables */
table { border-collapse: collapse; width: 100%; margin: 0 0 30px;	}
table td {padding: 10px;border-bottom: 1px solid #ddd;}
table thead th {padding: 10px; font-weight: bold; border-bottom: 3px double #999;	border-top: 1px solid #999;	background: #E0E0E0; text-align:left}
table .odd td { background: #fff; }
#form_contacto td{border:none; padding:5px;}
#form_contacto .buttonForm{border:none;}

/* paginacio */
.pager{overflow: hidden;display: block;font-size: 11px;margin: 0px 0px 0px 0px;padding:10px 0;}
.pager li{display: block;margin-right: 5px;float: left;}
.pager li span{display: block;width: 100%;height: 100%;text-align: center;text-decoration: none;width: 20px;border: 1px solid #ccc;line-height: 20px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.pager li a{display: block;width: 100%;height: 100%;text-align: center;text-decoration: none;width: 20px;border: 1px solid #ccc;line-height: 20px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.pager .paged{float:right;font-style:italic;}

/* COMPARTEIX*/
.comparteix { list-style:none; margin:15px 0 0 0px; float:left;}
.comparteixDret { list-style:none; margin:15px 0px 0 0; float:right;}
.comparteix .button, .comparteixDret .button {margin:0!important;}
.facebook, .twitter, .delicious, .google, .myspace, .printer, .correu, .top{ float:left; margin:0px 4px; cursor:pointer; width:26px; height:26px; padding:0; }
.facebook{background:url(../images/icones/social.png) no-repeat 0 0;}
.twitter{background:url(../images/icones/social.png) no-repeat 0 -27px;}
.delicious{background:url(../images/icones/social.png) no-repeat 0 -54px;}
.myspace{background:url(../images/icones/social.pngg) no-repeat 0 -81px;}
.google{background:url(../images/icones/social.png) no-repeat 0px -108px;}
.printer{background:url(../images/icones/social.png) no-repeat 0px -189px; }
.correu{background:url(../images/icones/social.png) no-repeat 0px -163px; }
.top{background:url(../images/icones/social.png) no-repeat 0px -215px; }
#container_plus{float:left; width:45px; margin:15px 0 0 4px;}

/* formulari mapa areas*/
#formapa fieldset {background: none repeat scroll 0 0 #FAFBFF; border: 1px solid #0077B0;line-height: 0.1em;padding:10px;margin:10px 0;}
#formapa img {height: 24px;padding: 0 6px 0 0 !important; width: 24px; vertical-align:middle;}
#formapa ul{list-style:none;}
.caracAreas {list-style:none !important;}
.caracAreas li span{font-weight:bold; padding-right:10px; color:#0077B0;}
.combo {width: 95% ; padding: 5px; font-size: 14px; border: 1px solid #ccc; height: 34px; background-color:#ddd; margin:10px 0;}
fieldset{margin:30px;}
legend{font-size:16px; font-weight:bold;}

/* taula per ordenar areas */
table.tablesorter thead tr .header {background-image: url(bg.gif);background-repeat: no-repeat; background-position: center right; cursor: pointer;}
table.tablesorter thead tr .headerSortUp {background-image: url(asc.gif);}
table.tablesorter thead tr .headerSortDown {background-image: url(desc.gif);}
#content table.tablesorter img, table.tablesorter img{ margin:0; padding:0 5px 0 0 !important; float:none; width:24px;}

#myTable td{padding:5px;}

#box1, #box2, #box3, #box4{width:22% !important;}

.goog-te-gadget-simple{font-size:12pt !important;}
.blau{color:#016BB5 !important;}