@font-face {
    font-family: 'cartogothic_stdregular';
    src: url('cartogothicstd-book-webfont.eot');
    src: url('cartogothicstd-book-webfont.eot#iefix') format('embedded-opentype'),
         url('cartogothicstd-book-webfont.woff') format('woff'),
         url('cartogothicstd-book-webfont.ttf') format('truetype'),
         url('https://fondacaner.com/plantilla5/css/cartogothicstd-book-webfont.svg#cartogothic_stdregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body { background-image:url(../imatges/fons_body.jpg); background-repeat:no-repeat; overflow:scroll;  font-family:Verdana, Arial, Helvetica, sans-serif; margin:0;}

.fons { background-color:#e8e8e8;}

a { color:#444444; text-decoration:none;}
a:hover {  text-decoration:underline;}

#container{ width:920px; margin:0 auto; background-color:#FFFFFF; padding-bottom:0px; overflow:hidden; }
	
#container-cap { width:920px; margin:0 auto; }	
	
#div-cap{ padding:5px 30px;}
	
.div-idiomes{ float:right; margin-top:10px; margin-bottom:10px; margin-left:30px; }
	
a.idioma:active, a.idioma:visited, a.idioma:link{  font-size:12px; font-weight:normal; color:#444444; text-decoration:none; }
a.idioma:hover{ text-decoration:underline; }
	
a.idioma-actiu:active, a.idioma-actiu:visited, a.idioma-actiu:link{  font-size:12px; font-weight:bold; color:#444444; text-decoration:none; }
a.idioma-actiu:hover{ text-decoration:underline; }
	
	
.aliniar-dreta{ text-align:right; }						

.senseborde{ border-width:0em; }
	
#div-imatge-central{ width:100%; /*height:225px; */
	                 text-align:center; /*margin-bottom:20px; */}
	
#div-imatge-central3{ position:relative; margin:auto; width:920px; }	
	
#div-imatge-central2{ width:920px; /*height:225px; */
	background-color:#000; position: absolute; top:0; left:0; margin:auto; z-index:20; }
	
/* cookies */
div.cookies { position:absolute; text-align:center; height:24px; background-color:#D6D6D6; color:#000; right:0; left:0; font-size:12px; padding-top:3px; transition:all .7s; }
div.cookies2 { top : 0; }
div.cookies a {  color:#000; }
body.cookies { padding-top: 26px; }
div.amagat { top:-32px; }
	
/* MENU */
div.imatges-dins-text { width: 40%; float: right; text-align: right; margin: 0px 0px 10px 10px; overflow: hidden; }

#div-menu-container{ width:920px; height:35px; background-color:url(https://fondacaner.com/imatges/fons_menu.jpg); }

#menuh {
    font-family: 'cartogothic_stdregular', sans-serif; font-size:16px;
	font-size: 13px;
    font-weight: bold;
	background-color: #d6d6d6;
    background-image: -moz-linear-gradient(top, #d6d6d6, #b6b6b6);
    background-image: -o-linear-gradient(top, #d6d6d6, #b6b6b6);
    background-image: -webkit-linear-gradient(top, #d6d6d6, #b6b6b6);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d6d6d6), color-stop(1, #b6b6b6));
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#d6d6d6, EndColorStr=#b6b6b6)";
    background-image: linear-gradient(top, #d6d6d6, #b6b6b6);
    overflow: hidden
    }

#menuh ul, li { list-style-type: none; }

#menuh ul { margin: 0; padding: 0; overflow:hidden; }

#menuh li { float: left; display:block; padding: 4px 0; }

#menuh a { text-decoration: none; color: #333;  display: block; padding: 6px 15px; /*regula lalçada y amplada de cada cela*/
	text-align: center; border-right:1px solid #efefef; border-left:1px solid #535353;  /*border-width: 0.0625em 0.0625em 0.0625em 0em; */
	text-transform:uppercase;
}

#menuh li:first-child a {  border-left:0; }
#menuh li:last-child a {  border-right:0; }

#menuh a#primero { text-decoration: underline; color: #333; }

#menuh a:hover { color: #333; }

	
/* CONTINGUT */

.taula-contingut{ width:95%; margin:20px auto 0 auto; overflow:hidden; }
	
#taula-contingut{ width:95%; margin:20px auto 0 auto; }
	
.taula-contingut2{ width:95%; margin:10px auto 0 auto; }	
	
h1{  font-size:16px; font-weight:bold; color:#444444; margin-bottom:7px; margin-top:10px; font-family: 'cartogothic_stdregular', sans-serif; }
	
.txt-contingut{  font-size:12px; font-weight:normal; color:#000000; text-align:justify; overflow:hidden; }
	
.aliniar-centre{ text-align:center; }

	
/* PEU */

#div-peu{ width:920px; margin:0px auto; padding:80px 0 10px 0; text-align:center;  background-color:#fff; background-image:url(../imatges/peu_grup.png); background-repeat:no-repeat; background-position:0 20px;  }
	
.txt-peu{  font-size:10px; font-weight:normal; color:#000; }
	
a.mail-peu:active, a.mail-peu:visited, a.mail-peu:link{  font-size:10px; font-weight:normal; color:#000; text-decoration:none; }
a.mail-peu:hover{ text-decoration:underline; }

a.firma-peu:active, a.firma-peu:visited, a.firma-peu:link{ font-size:10px; font-weight:normal; color:#000; text-decoration:none; }
a.firma-peu:hover{ text-decoration:underline; }
div.firma-peu { margin:10px auto 10px auto; }
	
/* NOTICIES */

a.titol-noticia:active, a.titol-noticia:visited, a.titol-noticia:link{  font-size:12px; font-weight:bold; color:#444444; text-decoration:none; }
a.titol-noticia:hover{ text-decoration:underline; }
	
a.txt-noticia:active, a.txt-noticia:visited, a.txt-noticia:link{  font-size:12px; font-weight:normal; color:#000000; text-decoration:none; }
a.txt-noticia:hover{ text-decoration:underline; }
	
h3.noticia {margin:5px 0 0 0; padding:0; display:inline; }		
div.noticia p{ margin:0 0 10px 0; padding:0; }	
div.noticia { border-bottom: 1px solid #d8d8d8; overflow:hidden; }	
	
	
.separador-noticies{ height:1px; background-color:#d8d8d8; }
	
.padding-superior-noticies{ padding-top:10px; }
	
.padding-inferior-noticies{ padding-bottom:10px; }
	
.cela-num-paginacio{ width:30px; text-align:right; }


.num-paginacio{  font-size:12px; font-weight:normal; color:#000; text-decoration:none; }	
a.num-paginacio:active, a.num-paginacio:visited, a.num-paginacio:link{  font-size:12px; font-weight:normal; color:#444444; text-decoration:none; }
a.num-paginacio:hover{ font-weight:bold; }
	
.noticia-titol{  font-size:12px; font-weight:bold; color:#444444; text-decoration:none; }
	
/* CONTACTE */

.cela-formulari{ width:33%; }
	
.cela-dades{ width:33%; }
	
.cela-maps{ width:34%; }
	
.container-formulari{ width:100%; background-color:#cccccc; }
	
.taula-formulari{ width:100%; padding:5px 20px; margin:0 auto 0 auto; background-color:#cccccc; }
	
.padding-cela-formulari{ padding:3px 0px 7px 0px; }
	
.taula-dades{ width:85%; margin:0px auto 15px auto; }
	
.aliniar-dalt{ vertical-align:top; }
	
.padding-cela-dades{ padding:0px 0px 15px 0px; }
	
a.mail-dades:active, a.mail-dades:visited, a.mail-dades:link{  font-size:12px; font-weight:normal; color:#000000; text-decoration:none; }
a.mail-dades:hover{ color:#444444; text-decoration:underline; }
	
.borde-maps{ border:1px solid #959595; }
	
	
#taula_contacte{ background-color:#eeeeee; width:100%; padding: 6px; margin: 0 3px 0 0;  font-size:11px; font-weight:normal; }

#taula_contacte h2 { margin: 0 0 0 10px; padding:  0;  font-size: 14px; }		
	
/* DESCARREGAR PDF'S */
/*
.taula-docu-pdf{ width:160px; margin:20px 0px; }
*/

#contenidor-documents{ width:95%; margin:auto; clear:both; }

#contenidor-documents ul { list-style:none; margin:0; padding:0; }

#contenidor-documents a:link, #contenidor-documents a:active, #contenidor-documents a:visited{  font-size:12px; font-weight:bold; color:#444444; text-decoration:none; }

#contenidor-documents a:hover{ text-decoration:underline; }
	
/*  Galeria  lightbox */

/* CSS Document */
#contenidor-galeria {padding-left:0px; padding-top:0px; text-align:left; width:95%; margin:10px auto 0px auto; }
/*GALERIA*/
.gallery { /*display:none*/}
.gallery ul { list-style: none; padding:0px; margin:0px}
.gallery ul li { display: inline; }
.gallery ul img {border: 4px solid #ccc; margin-bottom:15px; margin-right:8px}
.gallery ul a:hover img {border: 4px solid #444444; color: #900; }
.gallery ul a:hover { color: #900; }	

.dreta { text-align:right; }

/* Calendari */

h2.calendari{  font-size:16px; font-weight:bold; color:#444444; margin-bottom:7px; margin-top:10px; }

.cela_agenda { vertical-align:top; }	

.taula-agenda{ background-color:#eeeeee; border:0.0625em solid #cfcfcf; width:100%; }

table.cal_taula { width:97%; margin: 5px auto 5px auto; }

tr.cal_nom_dia {  font-weight: bold; font-size: x-small; padding:4px; }
td.cal_mes,td.cal_mes { font-size: small;  font-weight: bold; color: #FFFFFF; background-color: #444444; padding:4px; }
td.cal_dia_ocupat { padding:0; background-color: #444444; }

a.cal_dia_ocupat {  font-size: xx-small; color:#FFFFFF; text-decoration:none; display:block; font-weight: bold; padding:4px; text-align: center; }

 a.cal_dia_ocupat:hover { background-color:#FFB871; text-align: center; font-size: xx-small; color: #333333; display:block; padding:4px; }

td.cal_dia_lliure {  font-size: xx-small; color: #333333; background-color:#FFB871; text-align: center; padding:4px; }

td.cal_cela_buida { background-color: #ffffff; }		

/* light box */
#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none; }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 10px 10px 10px 10px; }
#lightbox-container-image-data { padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }	
#lightbox-image-details-caption { font-weight: normal; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; }			
#lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }	

.imatge_gran { float:right; margin:0 0 10px 10px; border: 1px solid #666666; }		
.icona_noticia { border:0; float:left; margin-right:5px; margin-bottom:5px; }		
.clear { clear:both; }	

/*Galeria nova*/
div.content { display: none; float: right; width: 550px; }
div.content a, div.navigation a { text-decoration: none; /*color: #777; */
}
div.content a:focus, div.content a:hover, div.content a:active { text-decoration: underline; }

div.controls { margin-top: 5px; height: 23px; }
div.controls a { padding: 5px; }
div.ss-controls { float: right; }
div.nav-controls { float: right; }

div.slideshow-container { position: relative; clear: both; height: 502px; }

div.loader { position: absolute; top: 0; left: 0; background-image: url('loader.gif'); background-repeat: no-repeat; background-position: center; width: 550px; height: 502px; }
div.slideshow { }

div.slideshow span.image-wrapper { display: block; position: absolute; top: 0; left: 0; }
div.slideshow a.advance-link { display: block; width: 550px; height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
	line-height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center; }
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited { text-decoration: none; }
div.slideshow img { vertical-align: middle; border: 1px solid #ccc; }

div.download { float: right; }

div.caption-container { position: relative; clear: left; height: 75px; }
span.image-caption { display: block; position: absolute; width: 550px; top: 0; left: 0; }
div.caption { padding: 12px; }
div.image-title { font-weight: bold; /*font-size: 1.4em; */
	font-size:12px; color:#444444; font-family:Verdana, Arial, Helvetica, sans-serif
}
div.image-desc { line-height: 1.3em; padding-top: 12px; }
div.navigation { /* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs { clear: both; margin: 0; padding: 0; }
ul.thumbs li { float: left; padding: 0; margin: 5px 8px 5px 0; list-style: none; }
a.thumb { padding: 2px; display: block; border: 1px solid #ccc; }
ul.thumbs li.selected a.thumb { background: #444444; }
a.thumb:focus { outline: none; }
ul.thumbs img { border: none; display: block; }
div.pagination { clear: both; }
div.navigation div.top { margin-bottom: 12px; height: 11px; }
div.navigation div.bottom { margin-top: 12px; }
div.pagination a, div.pagination span.current, div.pagination span.ellipsis { display: block; float: left; margin-right: 2px; padding: 4px 7px 2px 7px; border: 1px solid #ccc;  font-size:12px; color:#444444; }
div.pagination a:hover { background-color: #eee; text-decoration: none; }
div.pagination span.current { font-weight: bold; background-color: #000; border-color: #000; color: #fff; }
div.pagination span.ellipsis { border: none; padding: 5px 0 3px 2px; }

.prev img, .next img, .play img, .pause img { border:0; }

/*modul blog */
div.caixa_comentari { width:95%; background-color:#eee; overflow:hidden; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin:20px auto 0; padding:20px; }
div.caixa_comentari h1 { margin-left:3%; }
div.informacio2 {width:95%; margin: 5px 5px 5px 15px; text-align:justify; }
div.informacio { width:44%; margin: 5px 3% 10px 0; float:right; }
div.form2 {width:100%; }
div.form { width:48%; margin: 5px 0 10px 3%; float:left; border-right:1px solid #444444; }
div.comentari { width:94%; margin: 15px 3% 15px 3%; }
div.comentari_peu { width:94%; margin: 5px 3% 3px 3%; text-align:right; color: #444444; font-size:11px; }
div.caixa_comentari h2 { margin-left:3%; color:#444444; font-size:12px; font-weight:bold; }
div.caixa_comentari input { width:97%; font-family: Verdana, Arial, Helvetica, sans-serif; }
div.caixa_comentari textarea { width:96%; height:100px; font-family: Verdana, Arial, Helvetica, sans-serif; }
div.caixa_comentari input.button { width:150px; background-color: #444444; color:#FFFFFF; border:0; height:24px; float:right; margin-right:4%; }
div.caixa_comentari input.check { width:10px; }
div.caixa_comentari input.enviar {width:26%; font-family: Verdana, Arial, Helvetica, sans-serif; }
div.caixa_comentari p { margin-right:3%; }
																		
.valid{border:2px solid #228b42 !important; }
.invalid{border:2px solid #800 !important ; }	

/* Productes */

h3.producte { margin:10px 0 0 0; padding:0; font-size:14px; }	
div.producte{ border: 1px solid #d8d8d8; width: 284px; margin-right:5px; margin-bottom:5px; float:left; height:185px; }	
div.producte:hover{ background-color:#eeeeee; }	
div.producte p{margin:0 5px 10px 0; padding:0; text-align:justify; }	
.icona_producte {border:0; float:left; margin:5px; }	
div.caixa_text_producte { width:100%; overflow:hidden; height:143px;}	
div.caixa_preu {clear:both; width:100%; overflow:hidden; }
div.caixa_preu .preu {width: 60px; background-color:#990000; color:#FFFFFF; font-weight:bold; float:right; margin:5px; padding:6px; text-align:right; font-size:12px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;  }

div.caixa_preu_2 { width:50%; overflow:hidden; }
div.caixa_preu_2 .preu_2 {width: 120px; background-color:#990000; color:#FFFFFF; font-weight:bold; float:left; margin:5px 0px; padding:6px; text-align:right; font-size:12px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }

/****  taula cistella */

table.cistella td.cistellaEsquerra {text-align:right;padding-right:10px; }
table.cistella {clear:both;width:100%;margin:20px auto 5px auto;border:1px solid #6e6e6e;border-collapse: collapse;  }
table.cistella th, table.cistella tfoot td {height:25px;padding-left:15px;background-color:#6e6e6e;font-size:12px;font-weight:bold;color:#ffffff; text-align:left; }
table.cistella td{border-bottom:1px solid #6e6e6e;padding-left:10px; padding-right:10px; padding-top:10px;font-size:11px;color:#000;text-decoration:none;text-align:left;height:30px; vertical-align:middle; background:#e2e2e2; }
table.cistella td a{font-size:11px;color:#870000;text-decoration:underline;text-align:left;height:30px; }
table.cistella td a:hover{color:#870000; }
table.cistella  td img {margin:3px auto; }

table.cistella td+td,table.cistella th+th{border-left:1px solid #6e6e6e; }
table.cistella table,table.cistella table td {border:0; margin:0; padding:0; }
.txt-contingut-cesta{font-size:12px; font-weight:normal; color:#FF0000; text-align:right;  }
.input_compra{width:304px; }
.input_compra2{width:712px; }
.textarea_compra{width:685px; height:130px; }
.enviar{width:150px; }	
.div_enviar{ text-align:center; margin:12px; }	

/*blockquote {
	margin: 10px 0px 10px 0px;
	padding: 10px 35px 10px 35px;
	border: none;
	background: url(../../images/blockquote_start.png) 0 0 no-repeat;
	text-align:justify;
	display:table;
}

blockquote p {
	margin: 0px -35px -10px 0px;
	padding: 0px 35px 10px 0px;
	background: url(../../images/blockquote_end.png) 100% 100% no-repeat;
}*/
blockquote, blockquote.b_equerra {
	margin: 5px 15px 5px 0;
	float: left;
	font-size: 17px;
	padding: 10px 30px 10px 30px;
	border: none;
	text-align:justify;
	display:table;
	background: #dedede;
	width:145px;
	border-radius:3px;
}

blockquote.b_dreta {
	float: right;
	margin: 5px 0px 5px 15px;
}

/* Estils modul portada */
#div-titol-blog-con{width:915px; height:45px; margin:0px auto 10px auto;}
a.masinformacion:active,
a.masinformacion:visited,
a.masinformacion:link{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#282828; text-decoration:none; text-align:justify;}a.masinformacion:hover{color:#aa0000;}

a.comentario:active,
a.comentario:visited,
a.comentario:link{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#444444; text-decoration:underline; text-align:justify;}a.comentario:hover{color:#aa0000;}
img { border-width:0;}
label.invalid{display:none;}	

table.reserva { width:95%; margin:auto; background-color:#eee; }
table.reserva td { vertical-align:top; }
table.reserva h2 { font-size:14px; margin-left:20px; }
table.reserva input[type="text"],table.reserva textarea { width:95%; text-align:left; }	
table.reserva input.reserves2{ width:100%; text-align:left; }	

article.bloc2 { padding:0; margin:0 auto 15px auto; vertical-align:top; text-align:left; overflow:hidden; clear:both; }
article.bloc2 aside { width:427px; margin: 0 20px 15px 0; float:left; height:204px; text-overflow: ellipsis; overflow:hidden; }
article.bloc2 aside:nth-child(2n+2) {  margin: 0 0 15px 0; }
article.bloc2 aside p { font-size: 12px; margin-top:4px; }
article.bloc2 aside div { font-size: 12px; margin-top:4px; }
article.bloc2 aside div a:active,
article.bloc2 aside div a:visited,
article.bloc2 aside div a:link { font-size: 12px; margin-top:4px; text-decoration:none; color:#000000; }article.bloc2 aside div a:hover{color:#444444;}
article.bloc2 aside h3 { font-size: 15px; font-weight: bold; color: #444444; margin:0 2px; border-bottom:1px solid #ccc; }	

article.bloc3 { padding:0; margin:0 auto 15px auto; vertical-align:top; text-align:left; overflow:hidden; clear:both; }
article.bloc3 aside { width:278px; margin: 0 20px 15px 0; float:left; height:204px; text-overflow: ellipsis; overflow:hidden; }
article.bloc3 aside:nth-child(3n+3) {  margin: 0 0 15px 0; }
article.bloc3 aside p { font-size: 12px; margin-top:4px; }
article.bloc3 aside div { font-size: 12px; margin-top:4px; }
article.bloc3 aside div a:active,
article.bloc3 aside div a:visited,
article.bloc3 aside div a:link { font-size: 12px; margin-top:4px; text-decoration:none; color:#000000; }article.bloc2 aside div a:hover{color:#444444;}
article.bloc3 aside h3 { font-size: 15px; font-weight: bold; color: #444444; margin:0 2px; border-bottom:1px solid #ccc; }

article.bloc4 { padding:0; margin:0 auto 15px auto; vertical-align:top; text-align:left; overflow:hidden; clear:both; }
article.bloc4 aside { width:205px; margin: 0 18px 15px 0; float:left; height:204px; text-overflow: ellipsis; overflow:hidden; }
article.bloc4 aside:nth-child(4n+4) {  margin: 0 0 15px 0; }
article.bloc4 aside p { font-size: 12px; margin-top:4px; }
article.bloc4 aside div { font-size: 12px; margin-top:4px; }
article.bloc4 aside div a:active,
article.bloc4 aside div a:visited,
article.bloc4 aside div a:link { font-size: 12px; margin-top:4px; text-decoration:none; color:#000000; }article.bloc2 aside div a:hover{color:#444444;}
article.bloc4 aside h3 { font-size: 15px; font-weight: bold; color: #444444; margin:0 2px; border-bottom:1px solid #ccc; }	


div.header { width:100%; height:30px; background-color:	#383838;	  background-image: -moz-linear-gradient(top, #383838, #393836);
    background-image: -o-linear-gradient(top, #383838, #393836);
    background-image: -webkit-linear-gradient(top, #383838, #393836);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #383838), color-stop(1, #393836));
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#383838, EndColorStr=#393836)";
    background-image: linear-gradient(top, #383838, #393836); -moz-box-shadow: 0 5px 5px  #ccc;
    -webkit-box-shadow: 0 5px 5px  #ccc; box-shadow: 0px 5px 5px  #ccc; margin-bottom:15px;
	font-family: 'cartogothic_stdregular', sans-serif; font-size:18px; }	

div.header div.barra {width:920px; margin:auto; color:#fff; padding:4px 0;}
div.header div.barra div {  float:left;  }		
div.header  div.barra div.barra_dreta { float:right; }
div.header div a { color:#fff; padding: 0 10px;	}