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

/*body {
	margin:0;
	padding:0;
	background:url(../img/back.png) repeat-x;
	font-size:80%;
}*/
html, body {
	height:100%;
}
/*#wrapper {
	width:960px;
	margin:auto;
	min-height:100%;
}*/
/*
* {
	font-family:Arial, Helvetica, sans-serif;
	color:#444;
	list-style:url(../img/listBullet.gif);
}
*/
h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#0f75b2;
	font-size:20px;
}
h3 {
	background: url("../img/sombra-horitzontal.png") no-repeat scroll 0 15px transparent;
	color: #666666;
	margin-bottom:20px;
	margin-top:0;
	font-style: italic;
	font-weight: normal;
	width:100%;
	padding: 0 0 10px;
	font-weight:bold;
}
a {
	color:#bc210c;
}
ul li {
	margin:15px 0;
}
ol li {
	margin:15px 0;
	list-style:decimal;
}
/* ---MENU----*/
#menu {
	float:right;
	margin-top: 70px;
}
#menu ul {
	margin:0;
}
#menu ul li {
	float:left;
	list-style:none;
	margin:0;
}
#menu ul li a {
	font-family:Avantgarde;
	color:#FFF;
	text-decoration:none;
	/*text-shadow: 1px 1px 1px #000;*/
	display:block;
	text-transform:uppercase;
	height: 25px;
	padding: 9px 0 0;
	text-align:center;
	font-size:14px;
}
#menu ul li .select {
}
.inici {
	width:78px;
}
.inici2 {
	width:78px;
	background:#0a6ba8;
	background-image: linear-gradient(top, rgb(20,126,187) 7%, rgb(1,80,136) 54%);
	background-image: -o-linear-gradient(top, rgb(20,126,187) 7%, rgb(1,80,136) 54%);
	background-image: -moz-linear-gradient(top, rgb(20,126,187) 10%, rgb(1,80,136) 95%);
	background-image: -webkit-linear-gradient(top, rgb(20,126,187) 7%, rgb(1,80,136) 54%);
	background-image: -ms-linear-gradient(top, rgb(20,126,187) 7%, rgb(1,80,136) 54%);
	border-top:1px solid #1ca1cf;
	border-bottom:#004373;
	border-radius: 5px 0px 0px 0px;
	-moz-border-radius: 5px 0px 0px 0px;
}
.presentacio {
	width:137px;
}
.presentacio2 {
	background:#0a6ba8;
	background-image: linear-gradient(top, rgb(20,126,187) 7%, rgb(1,80,136) 54%);
	background-image: -o-linear-gradient(top, rgb(20,126,187) 7%, rgb(1,80,136) 54%);
	background-image: -moz-linear-gradient(top, rgb(20,126,187) 10%, rgb(1,80,136) 95%);
	background-image: -webkit-linear-gradient(top, rgb(20,126,187) 7%, rgb(1,80,136) 54%);
	background-image: -ms-linear-gradient(top, rgb(20,126,187) 7%, rgb(1,80,136) 54%);
	border-top:1px solid #1ca1cf;
	border-bottom:#004373;
	width:137px;
}
.autors {
	width:98px;
}
.autors2 {
	background:#0a6ba8;
	background-image: linear-gradient(top, rgb(20,126,187) 7%, rgb(1,80,136) 54%);
	background-image: -o-linear-gradient(top, rgb(20,126,187) 7%, rgb(1,80,136) 54%);
	background-image: -moz-linear-gradient(top, rgb(20,126,187) 10%, rgb(1,80,136) 95%);
	background-image: -webkit-linear-gradient(top, rgb(20,126,187) 7%, rgb(1,80,136) 54%);
	background-image: -ms-linear-gradient(top, rgb(20,126,187) 7%, rgb(1,80,136) 54%);
	border-top:1px solid #1ca1cf;
	border-bottom:#004373;
	width:98px;
}
.galeria {
	width:103px;
}
.galeria2 {
	width:103px;
	background:#0a6ba8;
	background-image: linear-gradient(top, rgb(20,126,187) 7%, rgb(1,80,136) 54%);
	background-image: -o-linear-gradient(top, rgb(20,126,187) 7%, rgb(1,80,136) 54%);
	background-image: -moz-linear-gradient(top, rgb(20,126,187) 10%, rgb(1,80,136) 95%);
	background-image: -webkit-linear-gradient(top, rgb(20,126,187) 7%, rgb(1,80,136) 54%);
	background-image: -ms-linear-gradient(top, rgb(20,126,187) 7%, rgb(1,80,136) 54%);
	border-top:1px solid #1ca1cf;
	border-bottom:#004373;
	border-radius: 0px 5px 0px 0px;
	-moz-border-radius: 0px 5px 0px 0px;
}
@font-face {
	font-family: Avantgarde;
	src: url('../img/AVGARDN.TTF');
}
h1 {
	display:none;
}
#logo {
	background: url("../img/logo.png") no-repeat scroll 30px 0 transparent;
	float: left;
	height: 106px;
	width: 389px;
	cursor:pointer;
}
/*--------------FOOTER------------*/
 
#footer {
	background: url("../img/bg_peu.gif") repeat-x scroll center bottom transparent;
	clear: both;
	color: #EFEFEF;
	/*height: 110px;*/
	overflow: hidden;
	position: fixed;
	width: 100%;
	z-index: 1000;
	bottom:0;
	font-size:90%;
}
#marePeu {
	margin: 0 auto;
	width: 1024px;
}
#logoPeu {
	float: left;
	margin: 10px 0 0 50px;
	width: 180px;
	font-size:10px;
}
#logoPeu {
	color:#FFF;
}
#menuPeu {
	float: left;
	margin: 10px 0;
	text-align: center;
	width: 514px;
}
#menuPeu ul {
	list-style: none outside none;
	margin: 14px 0 8px 4px;
	padding: 5px 0;
}
#menuPeu li {
	border-right: 1px solid #EFEFEF;
	display: inline;
	padding: 0 6px 0 4px;
}
#menuPeu li.ultim {
	border-right: 0 none;
	display: inline;
	padding: 4px;
}
#menuPeu li a {
	color: #EFEFEF;
	text-decoration: none;
}
#menuPeu li a:hover {
	background: none repeat scroll 0 0 transparent;
	text-decoration: underline;
}
#accesPeu {
	float: left;
	margin: 10px 0;
	text-align: right;
	width: 280px;
	color:#FFF;
}
.credits {
	float:right;
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
	color:#42444e;
	line-height:-30px;
	padding:0;
	margin:4px;
}
/*-----------ESTRUCTURA------------*/
#head {
	z-index:20;
	position:fixed;
	background:url(../img/back.png) repeat-x;
	width:960px;
	height:110px;
}
.wrap2 {
	clear: both;
	float: left;
	overflow: hidden;
	position: relative;
	min-height:100%;
	margin-top:-110px;
	/*height:100%;*/
	width:100%;
}
#colright {
	float: left;
	left: 248px;
	position: relative;
	width: 200%;
	background:#fff;
	margin-top:110px;
	height:100%;
	min-height:100%;
}
#colwrap {
	float: right;
	position: relative;
	right: 270px;
	width: 50%;
}
/*
#marc-esquerre {
	float: left;
	position: relative;
	right: 248px;
width:228px;
padding:10px;
	margin:30px 0 0 0;
}
#marc-dret {
	margin: 30px 15px 50px 290px;
	overflow: hidden;
	position: relative;
	right: 100%;
	min-height:100%;
}
*/

#container {
	/*background:#fff6d3 url(../img/fons-veix.jpg) no-repeat 0 bottom;*/
 	 min-height:100%;
	padding-top:110px;
}
#marc-esquerre {
	float:left;
	width:228px;
	padding:30px 10px 0 10px;
	margin:0px 0 0 0;
	overflow:hidden;
	min-height:100%;
	background:#fff6d3 url(../img/fons-veix.jpg) no-repeat 0 bottom;
	min-height:75%;
	position:fixed;
}
#marc-dret {
	background:#fff;
	min-height:100%;
	margin-left: 250px;
	overflow: hidden;
	padding:40px 20px 20px 20px;
	width: 670px;
	min-height:100%;
}
#fons {
	background:url(../img/back.png) repeat-x;
	position:fixed;
	top:0;
	z-index:0;
	width:100%;
	height:110px;
}
#veix {
	background:#fff url(../img/fons-veix.jpg) no-repeat bottom left;
	position:fixed;
	bottom:0;
	width:248px;
	height:1000px;
}
/* ----GALERIA----*/
#filtrarperlletra {
	margin:0 auto 10px auto;
	padding:0;
	overflow:hidden;
}
#filtrarperlletra li {
	display:block;
	list-style:none;
	float:left;
	margin:0;
	padding:0;
}
#filtrarperlletra li a {
	float:left;
	margin:10px 15px 5px 0;
	background:#e1d4b1;
	padding:12px;
	text-transform:uppercase;
	display:block;
	color:#333;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-decoration:none;
}
#filtrarperlletra li a:hover {
	background:#333;
	color:#e1d4b1;
}
#veure-tots {
	float:left;
	margin:10px 15px 30px 0;
	background:#555;
	padding:7px;
	display:block;
	color:#fff;
	text-decoration:none;
}
#veure-tots:hover {
	background:#e1d4b1;
	color:#555;
}
.seguent-anterior {
	float:right;
	text-decoration:none;
	padding: 0 4px;
	text-transform:uppercase;
	display:block;
	  font-family: Avantgarde; 
	font-size:14px;
	clear:left;
}
.seguent-anterior:hover {
	text-decoration:underline;
}
/* -------CERCA--------*/

#selectorcerca {
	width:108px;
	border:1px solid #ccc;
	padding:1px;
}
.boto {
	background:#bc210b;
	display:block;
	padding:7px;
	font-family:Avantgarde;
	color:#FFF;
	width:inherit;
	border:none;
	font-style:italic;
	letter-spacing:0.1em;
	cursor:pointer;
	text-decoration:none;
	font-size:12px;
	margin:0;
}
.boto-examinar {
	display:block;
	padding:7px;
	font-family:Avantgarde;
	color:#FFF;
	width:inherit;
	border:none;
	font-style:italic;
	letter-spacing:0.1em;
	cursor:pointer;
	text-decoration:none;
	font-size:12px;
	margin:0;
}
.triangle {
	border-color: transparent #BC210B transparent transparent;
	border-style: solid;
	border-width: 10px;
	height: 0;
	left: -17px;
	position: relative;
	top: 24px;
	width: 0;
	z-index:10;
}
#capcacerca {
}
#capcacerca p {
	margin:10px 0;
}
#capcacerca p strong {
	color:#333;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.caixa-input {
	border:1px solid #ccc;
	width:220px;
	padding:2px;
}
.boto-cercar {
	background:#555;
	color:#FFF;
	border:none;
	padding:3px;
	cursor:pointer;
}
.boto-cercar:hover {
	color:#555;
	background:#e1d4b1;
}
.cita {
	color: #555555;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	margin: 0;
	padding: 10px 0;
	text-align: right;
}
.cita span {
	color:#6e949d;
}
/*----APARTATS---------*/

.apartat {
	clear:both;
	font-family: Avantgarde;
	color:#bc210c;
	text-transform:uppercase;
	font-size:12px;
	margin: 20px 5px;
	letter-spacing:0.1em;
}
.apartat a {
	text-decoration:underline;
	font-family: Avantgarde;
	font-size:12px;
	background:#fff6d3;
	border:none;
	letter-spacing:0.1em;
}
.foto-metge {
	float:left;
	margin-right:10px;
}
.nom-metge {
	float:left;
	font-family:Avantgarde;
	color:#292932;
	font-size:18px;
	text-align:right;
	margin-top:0;
	text-align:left;
	line-height: 1.5em;
}
.nom-metge a {
	text-decoration:none;
	color:#292932;
}
.nom-metge span {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#0b6caa;
	font-size:16px;
}
.tamany-font {
	clear:both;
	float:right;
	margin:0 0 10px 0;
}
.tamany-font a {
	color:#333;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-decoration:none;
	font-weight:bold;
}
#cos-text {
	font-size:110%;
	clear:both;
	text-align:justify;
	overflow: hidden;
	line-height:1.4em;
	padding-bottom: 120px;
}
#cos-text p {
	color:#444;
}
#caixa-apartats {
	margin:20px 0 0 0;
	clear:both;
	overflow:hidden;
}
#caixa-apartats img {
	margin:0 5px;
	border:none;
}
#foto-previa img {
	margin:0 5px 5px 5px;
	border:none;
}
#llistatfotografies {
	margin:0;
	padding:0;
}
#llistatfotografies li {
	list-style:none;
	margin-right:10px;
}
#llistatfotografies li img {
	border:none;
}
#llistatfotografies p {
	font-size:12px;
	margin:5px;
	text-align:left;
}
/*----APORTACIONS------*/
.formulati {
	overflow:hidden;	
	margin-bottom:100px;
}
.formulari dl {
	width:510px;
}
.formulari dt {
	 
	margin:10px 0;
}
.formulari dd {
	width:380px;
	margin:10px 0;
}
.formulari button {
	clear:both;
	margin:10px 150px 0 0;
	float:right;
}
.formulari input, .formulari textarea {
	border:1px solid #ccc;
	padding:4px;
	font-size:12px;
}
.formulari label {
	font-size:12px;
	font-weight:bold;
}
.metgellista a {
	text-decoration:none;
}
.metgellista a:hover {
	text-decoration:underline;
}
.metgellista {
	list-style-image:url(../img/listBullet.gif);
}
#resultatcerca li {
	margin:5px 0;
}
#resultatcerca {
	color:red;
}
.prev {
	float:left;
	background:#333;
	color:#FFF;
	border:none;
	margin-top:10px;
	padding:5px;
}
.next {
	float:right;
	background:#333;
	color:#FFF;
	margin-top:10px;
	border:none;
	padding:5px;
}
.fotografies {
	margin:auto;
	width:670px;
	text-align:center;
}
.descripcio {
	background:url(../img/boto-descripcio.png) right 0 no-repeat;
	display:block;
	font-family:Avantgarde;
	float:right;
	clear:both;
	color:#BC210C;
	padding: 11px 37px 10px 0;
	font-size:16px;
}
/*------------CREDITS---------*/

#columna-esquerra {
	float:left;
	width:320px;
	margin-right:20px;
}
#columna-esquerra ul {
	padding-left:0px;
}
 
#columna-dreta {
	float:left;
	width:320px;
}
.columna h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#0f75b2;
	font-size:14px;
	background:none;
	font-style:normal;
	margin-bottom:0px;
	padding-bottom:0px;
}
.columna p {
	font-size:80%;	
}
.text-credits {
	font-size:10px;
	padding:10px;
	border:1px solid #ccc;
	margin:15px 20px 20px 20px;
	clear:both;
	
}
#logos {
   clear: both;
    float: left;
    margin-top: 40px;
	
}
#logos img {
	margin:0 25px;	
}

/*cookies*/
#popup-cookies {
    background: #CCC;
    color: #808080;
    font-size: 12px;
    padding: 4px;
    width: 98%;
	margin: 6px;
	line-height: 18px;
	position: fixed;
	top: 10px;
	z-index:100;
}
#popup-cookies a {
    color: #e8591f;
}
.close {
    cursor: pointer;
    padding: 10px;
    text-align: right;
	float:right;
}
.close a {
    text-decoration: none;
    color: #808080;
}
.close .icon-close {
    background-position: -7px -63px;
    height: 11px;
    margin: 0 3px;
    width: 10px;
}
i.icon {
    background-image: url("../img/icons.png");
}
i.icon {
    display: inline-block;
    vertical-align: middle;
}
/*
.linksExterns a {
  background-position: center right;
  background-repeat: no-repeat;
  padding-right: 20px;
  background-image:url("../img/gt_external-link.gif"); 
}

*/

.footer-social__list {
    display: inline-flex;
    width: 100%;
    justify-content: left;
    margin-bottom: 0;
    flex-wrap: wrap;
}
.footer-social__list .footer-social__list-item {
    margin-right: 10px;
    margin-bottom: 10px;
}
ul.footer-social__list  li {
    list-style: none;
}