/* =============================================================================
   HTML5 Boilerplate CSS: h5bp.com/css
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; font-family: 'Open Sans', sans-serif;}

::-moz-selection { background: #54BADD; color: #fff; text-shadow: none; }
::selection { background: #54BADD; color: #fff; text-shadow: none; }

a { color: #54BADD; text-decoration: none;}
a:visited { color: #54BADD; }
a:hover { color: #54BADD; text-decoration: underline; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
/*dd { margin: 0 0 0 40px; }*/
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
/*label { cursor: pointer; }*/
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

/*table { border-collapse: collapse; }*/
td { vertical-align: top; }

.chromeframe { margin: 0; background: #ffc; color: black; padding: 1em; }


/* ==========================================================================
   General
   ========================================================================== */
body {
	background: #fff url(img/bg-body.gif) repeat-x;
	/*font: .875em/1.5 "futura-pt", Helvetica, sans-serif;*/
	font-size: .875em;
	/*max-width: 71em;*/
	margin: 0 auto;
}
.wrapper {
	width: 90%;
	max-width: 71em;
	margin: 0 auto;
}
#skip {
    left: -9000px;
    position: absolute;
    top: -9000px;
    z-index: 1;
}
#bg-top {background: url(img/bg-common.gif);}
#bg-avisos {background: #ffbf02 url(img/bg-avisos.gif) repeat-x;}
#bg-actualitat {background: url(img/bg-common.gif);}
#bg-destacat {background: url(img/bg-common.gif);}
#footer-container {background: url(img/bg-footer.gif);}

#main-container ul,
#footer-container ul,
#eines ul {
	list-style: none;
	padding-left: 0;
}

#main-container {
		background: url(img/bg-common.gif);
}
	#main-container #main {background: white;}
		.container {padding: 3%;}
#home .container {padding:0;margin:0 auto;float: none;}

/* =================== */
/* =    estils       = */
/* =================== */

h1 {
	/*color: #333;*/
	color: #1C296E;
	font-size: 2em;
	font-weight: normal;
	border-bottom: 2px #ccc solid;
	padding-bottom: 10px;
	margin-bottom: 30px;
	margin-top: 0;
}
h2 {
	color: #333;
	font-size: 1.714em;
	font-weight: normal;
	border-bottom: 1px #55bde0 dotted;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
	.container h2{
		padding-bottom: 0;
		margin-bottom: 0;
		margin-top:40px;
	}
	.container h1 + h2{
		margin-top:0;
	}
h3 {
	font-size: 1.4285em;
	font-weight: normal;
	/*border-bottom: 1px #55bde0 dotted;*/
	padding-left: 25px;
	background: url(img/kland-h3.gif) 0 7px no-repeat;
}
	.container h3{
		padding-bottom: 0;
		margin-bottom: 0;
		margin-top:40px;
	}
	.container h2 + h3{
		margin-top:20px;
	}
h4 {
	font-size: 1.2857em;
	font-weight: normal;
}
	.container h4{
		padding-bottom: 0;
		margin-bottom: 0;
		margin-top:40px;
	}
	.container h2 + h4{
		margin-top:20px;
	}
	.container h4 + p{
		margin-top:.5em;
	}
p,
ul li,
ol li {color: #545454;}

div.txtImgEsq, div.txtImgDr{margin-top:2em;}

.txtImgDr img {float: right;margin: 0 0 15px 20px;}
.txtImgEsq img {float: left;margin: 0 20px 15px 0;}
.txtImgEsq-petit img {float: left;margin: 0 20px 15px 0;}

.container .txtImgDr_nomarc img {float: right;margin: 0 0 15px 20px;padding:0;border:0;-moz-box-shadow: 0 0 0 #fff;-webkit-box-shadow: 0 0 0 #fff;box-shadow: 0 0 0 #fff;}
.container .txtImgEsq_nomarc img {float: left;margin: 0 20px 15px 0;padding:0;border:0;-moz-box-shadow: 0 0 0 #fff;-webkit-box-shadow: 0 0 0 #fff;box-shadow: 0 0 0 #fff;}
.container .txtImgEsq_65 img {float: left;margin: 0 20px 15px 0;width: 65%;}

.container .lateral {display: none;}

.txtImgDr_nomarc p,
.txtImgEsq_nomarc p,
.txtImgDr p,
.txtImgEsq p {margin:0;}

.container img {
	background: white;
	padding:15px;
	border:1px #c8c8c8 solid;
	-moz-box-shadow: 0 0 3px #888;
	-webkit-box-shadow: 0 0 3px #888;
	box-shadow: 0 0 3px #888;
}
	.container img.img_capsalera {
		padding:0;
		border:0;
		width: 100%;
		-moz-box-shadow: 0 0 0 #fff;
		-webkit-box-shadow: 0 0 0 #fff;
		box-shadow: 0 0 0 #fff;
	}
	.container #planol img {
    	border: 0;
    	box-shadow: 0;
    	padding: 0;
	}
	.container  #gmap img {
		background: transparent;
	}

/*llistats */
ul li {
	background: url(img/kland-llistat.gif) 0 4px no-repeat;
	padding-left: 25px;
	margin: 4px 10px 4px 20px;
}
	#home #hospital ul li,#home #atencio ul li,#home #noticies ul li, #home #agenda ul li{
		margin: 15px 10px 15px 0;
		line-height: 1.2;
	}
	#home ul.slides li {margin:0;padding:0;}
	ul li li {
		background: url(img/kland-llistat2n.gif) 0 4px no-repeat;
		padding-left: 20px;
	}
		ul li li li {
			background: url(img/kland-li-li.gif) 0 50% no-repeat;
			padding-left: 12px;
			font-size: .9285em;
		}
	ul ul {margin:10px 0;}

ul.duesCol li {
	float: left;
	width: 40%;
	margin: 4px 10px 4px 20px;
}
.llista_fons li {
	background: #efefef url(img/kland-llistat.gif) 7px 50% no-repeat;
	padding: 5px 5px 5px 30px;
	margin: 7px 0;
	-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;
}

.llista_titol {
	background: #efefef;
	padding-bottom: 2px;
	-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;
}
	.llista_titol li.caixaTitol {
		background: none;
		padding: 12px 15px 5px 15px;
		margin: 0;
		color: black;
		font-size: 1.1428em;
		font-weight: bold;
	}
	.llista_titol li {
		background: #fff url(img/kland-llistat.gif) 7px 50% no-repeat;
		margin: 10px;
		padding: 5px 5px 5px 30px;
		-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;
	}
	.llista_titol li a {color: black;}

/* taules */

table {width: 100%; margin-top: 20px; margin-bottom: 20px; border-spacing: 5px;}
table th {
	background: #1c296e;
	color: white;
	padding: 5px 10px;
	text-align: left;
}
table td {
	padding: 5px 10px;
	background: #efefef;
}
table td p,
table th p {padding:0;margin:0;}
.container table td img {padding:0;border:0;-moz-box-shadow: 0 0 0 #fff;-webkit-box-shadow: 0 0 0 #fff;box-shadow: 0 0 0 #fff;}

/**/

hr {clear:both;border-top:1px #55bde0 dotted;}

.destacat {
	background: url(img/bg-destacat.gif);
	text-align: center;
	padding: 20px;
	margin: 30px 0;
	font-size:1.1428em;
	font-weight: bold;
	-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;
}
	.destacat p {padding:0 40px;margin:0;color: black;position: relative;}

		.destacat p span.l {
			position: absolute;
			background: url(img/cometes-esq.png) no-repeat;
			width: 42px;
			height: 32px;
			left:0;
			top: 5px;
		}
		.destacat p span.r {
			position: absolute;
			background: url(img/cometes-dret.png) no-repeat;
			width: 42px;
			height: 32px;
			right:0;
			top: 5px;
		}
.destacat-clar {
	background: url(img/bg-destacat_clar.gif);
	font-weight: normal;
	text-align: left;
	padding: 20px;
	margin: 0 0 40px 40px;
	-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;
	}
	.destacat-clar h2{
	margin-top:0;
	}
	.destacat-clar p{
		color:#333;
	}
	.destacat-clar a{
		color:#1C296E;
	}
.destEsq,
.destDr {
	width: 30%;
	background: url(img/bg-destacat.gif);
	text-align: center;
	padding: 45px 30px;
	color: black;
	position: relative;
	font-weight: bold;
	-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;
}
	.destEsq {
		float: left;
		margin: 5px 20px 10px 0;
	}
		.destDr span.l,
		.destEsq span.l {
				position: absolute;
				background: url(img/cometes-top.png) no-repeat;
				width: 35px;
				height: 26px;
				left:45%;
				top: 10px;
		}
		.destDr span.r,
		.destEsq span.r {
				position: absolute;
				background: url(img/cometes-bottom.png) no-repeat;
				width: 35px;
				height: 26px;
				left:45%;
				bottom: 10px;
		}
	.destDr {
		float: right;
		margin: 5px 0 10px 20px;
	}

.destacat_pdf {
	background: #efefef;
	padding: 7px 10px;
	border-bottom: 1px #13244b solid;
	-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;
}
	.destacat_pdf a {
		background: url(img/ico-pdf.gif) 0 50% no-repeat;
		border: none;
		padding: 2px 0 2px 25px;
		color: black;
	}

.enllacos {
	background: #efefef;
	border-bottom: 2px #13244b solid;
	padding-bottom: 2px;
	-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;
}
	.enllacos li.caixaTitol {
		background: url(img/clip.png) 15px 70% no-repeat;
		padding: 15px 15px 5px 50px;
		margin: 0;
		color: black;
		font-size: 1.1428em;
		font-weight: bold;
	}
	.enllacos li {
		background: #fff url(img/kland-llistat.gif) 7px 50% no-repeat;
		margin: 10px;
		padding: 5px 5px 5px 35px;
		-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;
	}
		.enllacos li a {color: black;}

		.enllacos li.pdf {background: #fff url(img/ico-pdf-gran.gif) 7px 50% no-repeat;}
		.enllacos li.link {background: #fff url(img/ico-vincle.gif) 7px 50% no-repeat;}
		.enllacos li.zip {background: #fff url(img/ico-zip.gif) 7px 50% no-repeat;}
		.enllacos li.ppt {background: #fff url(img/ico-ppt.gif) 7px 50% no-repeat;}

.pujar {
	margin-top: 20px;
	clear:both;
	padding: 20px 0;
}
.pujar a:link,
.pujar a:visited,
.pujar a:active,
.pujar a:focus{
		background: url(img/ico-pujar.gif) 0 50% no-repeat;
		padding: 15px 0 15px 30px;
		border: none;
		color: black;
		font-size: .9285em;
	}

dl {
	margin: 1em 0;
	font-size: .9581em;
	color: black;
}
	dt {
		float: left;
		clear: left;
		width: 4em;
		margin: 0 0 .25em 0;
		font-weight: bold;
	}
	dd {
		width: auto;
		margin: 0 0 .25em 0;
	}



/* resutats cerca */
.cerca-ressaltat {
	background: #55bde0;
}
h3 .cerca-ressaltat {color: white;}
/* =================== */
/* =    PORTADA      = */
/* =================== */

#home h1 {display: none;}

	#home #main-container p,
	#home #main-container ul,
	#home #main-container ol {font-size: 1.071em;}

	#home h2 {text-transform: uppercase;font-size: 1.42em;color: black;font-weight: bold;border:0;}
	#home p {color: black;}

	#home .container img {padding:0;border:0;-moz-box-shadow: 0 0 0 #fff;-webkit-box-shadow: 0 0 0 #fff;box-shadow: 0 0 0 #fff;}

	.mobile{display:block;}
	.mobile-none {display: none;}


	#header-container {padding: 20px 0 15px 0;}
	#title {float: left;margin-bottom: 20px;}
	#navmain {clear:both;}
	#navmain li {
		float: left;
		text-align: left;
		font-size: .9285em;
		padding-left: 0;
		background: none;
		width: 31%;
		margin: 0 3.5% 15px 0;
	}
		#navmain li#blocs,
		#navmain li#serveis,
		#navmain li.mobile {margin-right: 0;}
	#navmain li a {
		height:33px;
		display: block;
		line-height: 1.2em;
		padding: 10px;
		color: white;
		text-decoration: none;
		background: #5893c2 url(img/bg-navmain.gif) 100% 0 repeat-y;
		-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;
	}
		#navmain li a:hover {text-decoration: underline; }
		/*#navmain li.long a {padding-top: 10px;}*/
		#navmain li.current a {background: #68afd7;}

	#navmain li.has-dropdown ul{display: none;}

	.flexslider img {width: 100%;}
	.flexslider .slides {margin:0;padding:0;}
	.flexslider .slides li {padding-left: 0;background: none;}
	.flex-control-nav{display:none;}
	#home #main-container p.flex-caption {font-size: .8125em;}

	/*hospital*/
	#hospital {padding-bottom: 20px;padding-top: 30px;}
	#hospital ul,
	#hospital h2 {width: 40%;float:left;margin:0;}
	#hospital li {padding: 3px 0 3px 30px;font-size:.8666em;}
		#hospital li a {text-decoration: none;color:black;}
		#hospital li a:hover {text-decoration: underline;}
		#hospital img {float: right;width: 55%;}

	.telefon {background: url(img/ico-telefon.gif) no-repeat;}
	.horaris {background: url(img/ico-horaris.gif) no-repeat;}
	.com-arribar {background: url(img/ico-comarribar.gif) no-repeat;}
	.visitar {background: url(img/ico-visitar.gif) no-repeat;}
	.ingressar {background: url(img/ico-ingressar.gif) no-repeat;}
	.ser-mare {background: url(img/ico-sermare.png) no-repeat;}

	/*avis*/
	#avisos {
		background: url(img/fletxa-avisos.gif) 50% 0 no-repeat;
		padding: 40px 0 10px 0;
		position: relative;
	}
		#avisos h2 {
			margin:0;
			padding-top: 50px;
			font-size: 1.07em;
			font-weight: none;
			width: 50px;
			float: left;
			background: url(img/icon-alerta.png) 50% 0 no-repeat;
		}

		#avisos p {font-size: .8571em;margin-left: 70px;color: black;}

			#avisos p.data {margin-top: 0; font-weight: bold;}
			#avisos p.tancar {
				position: absolute;
				right: 0;
				top: 5%;
				cursor:pointer;
				background: url(img/icon-close.png) 100% 3px no-repeat;
				padding-right: 25px;
				color: black;
			}

	/*actualitat*/
	#bg-actualitat {padding: 20px 0;position: relative;margin-bottom: 40px;}
	#bg-actualitat header {border-bottom: 4px #55bde0 solid;}
		header span {float: right;margin-top: 3px;}
	#bg-actualitat h3,#bg-actualitat p {color: black;}
	#bg-actualitat h2 {width: 80%;float: left;}
		#bg-actualitat h2 {margin:0;padding-bottom: 5px;margin-bottom: 5px;}
		#bg-actualitat h3 {margin:0 0 5px 0; font-weight: normal;line-height: normal;font-size: 1em;background: none;padding:0;}
			#bg-actualitat h3 a {text-decoration:none;color: black;}
				#bg-actualitat h3 a:hover {text-decoration: underline;}
		#bg-actualitat li {margin-bottom: 10px;padding-left: 0;
		background: none;}
		#noticies {width: 47%;float:left;}
		#agenda {width: 47%;float:right;}
			#bg-actualitat #agenda p.data {margin:0;font-size:.8666em;}
			#agenda h3 {font-weight: bold;}


	/*#bg-actualitat #video h2 {width: 100%;}*/
	#video {clear:both;background:url(img/hr-sombra.gif) 50% 0 no-repeat;padding: 20px 0;}

	#video {
		clear:both;
		margin-top: 1em;
		/*display: none;*/
	}
		#video header {border:0;}

		#xarxa {clear:both; margin-top: 0;}
			#xarxa li {
				float: left;
				margin: 0 10px 0 0;
			}
/*				#xarxa li.first {margin-right: 1em;}*/

	#bg-actualitat span.f {
		position: absolute;
		background: url(img/fletxa-common.gif) no-repeat;
		width: 173px;
		height: 37px;
		bottom:-33px;
		right:35%;
		z-index:100;
	}
	#bg-actualitat span.b {
		position: absolute;
		background: url(img/border-common.gif) repeat-x;
		width: 100%;
		height: 4px;
		bottom:0;
		left:0;
	}
	#bg-actualitat .mes a {
		display: block;
		color: white;
		padding: 4px 10px;
		text-decoration: none;
		width: 43%;
		margin-bottom: 20px;
		text-align: center;
		font-size: .8666em;

		-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;

		background: #1c276c; /* Old browsers */
		background: -moz-linear-gradient(top,  #1c276c 0%, #131b49 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1c276c), color-stop(100%,#131b49)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #1c276c 0%,#131b49 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #1c276c 0%,#131b49 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #1c276c 0%,#131b49 100%); /* IE10+ */
		background: linear-gradient(top,  #1c276c 0%,#131b49 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c276c', endColorstr='#131b49',GradientType=0 ); /* IE6-9 */
		/*behavior: url(/media/css/PIE.htc);*/
	}

	/*atenció*/
	#atencio {clear:both;}
		#atencio .intro {width: 46%;float: left;}
		#atencio h2 {margin: 0 0 15px 0;padding-bottom: 0;}
		#atencio p {font-size:.9285em;}
	#atencio ul {width: 46%;float: right;margin-top:0;}
		#atencio li {padding-left: 0;background: none;font-size:.8666em;}
		#atencio li a {padding: 5px 5px 5px 30px;margin-bottom: 10px;display: block;}
			#atencio .calendari a{background: url(img/ico-demanarhora.gif) 0 50% no-repeat;}
			#atencio .arribar a{background: url(img/ico-comarribar.gif) 0 50% no-repeat;}
			#atencio .serveis a{background: url(img/ico-serveis.gif) 0 50% no-repeat;}
			#atencio .mutues a{background: url(img/ico-mutues.gif) 0 50% no-repeat;}
		#atencio li a {color: black;text-decoration: none;}
			#atencio li a:hover {text-decoration: underline;}

	/*destaquem*/
	#bg-destacat {clear:both;position:relative;text-align: center;padding:20px 0 ;}
		/*#bg-destacat li {padding-left: 0;	background: none;}*/
		#destaquem.wrapper .image {display: block;}
		#bg-destacat h2 {
			text-transform: none;
			margin:0;
			font-weight: normal;
			font-size: 1.1428em;
		}
		#bg-destacat span {
			display:none;
		}
	/*destaquem superior*/
	#bg-destacat-sup {clear:both;position:relative;text-align: center;padding:0 0 20px;}
		/*#bg-destacat li {padding-left: 0;	background: none;}*/
		#destaquem_sup .elastislide-wrapper{padding: 0;}
		#destaquem_sup.wrapper img{display: block; width: 100% !important; max-width: 100% !important;}
		#bg-destacat-sup span {
			position: absolute;
			background: url(img/border-top-common.gif) repeat-x;
			height: 4px;
			width: 100%;
			top:0;
			left:0;
		}
		#bg-destacat-sup nav { display: none;}
		#bg-destacat-sup ul {text-align: right;}
		#bg-destacat-sup li { display: inline-block; padding-right:30px; width: 31%;}
			#bg-destacat-sup li:last-child{padding-right:0;}

/* =================== */
/* =    interiors    = */
/* =================== */

#main .txtImgDr img,
#main .txtImgEsq img,
#main .txtImgDr_nomarc img,
#main .txtImgEsq_nomarc img {width: 27%;}
#main img.amplada_total {width: 100%;padding:0;margin: 0 0 1em 0;border:0;-moz-box-shadow: 0 0 0 #fff;-webkit-box-shadow: 0 0 0 #fff;box-shadow: 0 0 0 #fff;}

/*submenú*/
.nav_sub h3 {
		background: #f6f6f6 url(img/ico-nav_sub.gif) 10px 50% no-repeat;
		padding: 5px 5px 5px 40px;
		border-top: 1px #c8c8c8 solid;
		border-bottom: 1px #c8c8c8 solid;
		font-size: 1.1428em;
		font-weight: normal;
		margin-bottom:0;
}
	.nav_sub ul {margin: 0;}
		.nav_sub ul ul {margin:0;padding:0;}
		.nav_sub li {font-size: .8571em;background: white;border-bottom: 1px #c8c8c8 solid;padding:5px 15px;margin:0;}
			.nav_sub li a {text-decoration: none;color:#333;}
			.nav_sub li li {background: url(img/kland-li-li.gif) 5px 50% no-repeat;padding-left: 15px;border:0;font-size: 1em;}

		.nav_sub li.current {background: #f6f6f6;margin:0;}
		.nav_sub li li.current {background: #e6e6e6 url(img/kland-li-li.gif) 5px 50% no-repeat;}

#molla {
	clear:both;
	font-size:.9285em;
	margin: 0 25px;
	border-bottom: 1px #ccc dotted;
	padding-bottom: 10px;
	padding-left: 20px;
	background: url(img/ico-molla.gif) 0 3px no-repeat;
}

/*traductor*/
/*.translate {float: right;margin-top: 20px;}*/
.translate {position: absolute; top: 30px;right: 170px; display: none;z-index: 1000; }
	#eines .translate ul {margin:1em 0;list-style:none;float: none;display:block;width: 100%;}
		#eines .translate ul li {float:left;margin:0;padding:0;background: none;}
			/*.translate ul li a {margin:0;padding:0.3em 1em;display:block;color:#fff;border:none;}*/
				a.traductor {
					background: #888 url('img/ico-translate.png') 90% 50% no-repeat;
					padding: .4em 2em .4em .5em;
					color: white;
					-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
				}
				.lt-ie8 a.traductor {display: block;}
				div.idiomes a.tancar {float: right;text-align:right;padding:.15em 18px 0 0;margin:0 8px .5em 0;background:url('../comu/tancar.png') right top no-repeat;}
				#eines div.idiomes ul.clearfix li {margin:0 .5em .5em 0;padding:0;border:0;}
				#eines div.idiomes ul.clearfix li a {
					font-size:1em;
					background: #696969;
					color: white;
					padding: .3em .4em;
					-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
				}

				/*.translate ul li a:hover {background:#535353;}*/
				.translate div.idiomes {
					z-index: 10;
					position:absolute;
					margin:1px 0;
					padding:1em 0.5em;
					width:260px;
					height:auto;
					background:#888;
					-webkit-border-radius:0 5px 5px 5px;-moz-border-radius:0 5px 5px 5px;border-radius:0 5px 5px 5px;
				}

				div.idiomes p {color:#fff;clear:both;font-size:.834em;font-style:italic;padding:0 0 0 .5em;}
					div.idiomes p a {padding:0;margin:0;display:inline;text-decoration:underline;color: white;}
				div.idiomes ul {list-style:none;background:none;text-align:center;padding:0 0 0 1%;}
					/*div#idiomes ul li {float:left;margin:0 2% 2% 0;padding:0;width:31%;}*/
						/*div#idiomes ul li a {background:#000;height:1.45em;padding:.6em 0 0 0;}
							div#idiomes ul li a:hover {background:#fff;color:#000;}*/
/*com arribar*/
#planol {
	width: 100%;
	height: 250px;
}

/* =================== */
/* llistat notícies  = */
/* =================== */
#cap {border-bottom: 2px #ccc solid;}
#cap h1 {width: 60%;float: left;border:0;margin:0;}
#cap p {width: 35%;float: right;text-align: right;}
	#cap p a {color: #333; }
	#cap p.rss a {background: url(img/rss.gif) 100% 0 no-repeat;padding: 3px 35px 3px 0;}

#mostrant {clear:both;border-bottom: 1px #55bde0 dotted;padding-bottom: 15px;font-size:.9285em;}

#llistat .news li {background: 0;margin:0;padding:15px 0;border-bottom: 1px #55bde0 dotted;}
#llistat .news li h2 {border:0;margin:0;font-size: 1.2857em;font-weight: bold;padding:0;}
	#llistat .news li h2 a {color:#469bb8;}
#llistat .news p {font-size:.9285em;}
	#llistat .news p.data {margin-bottom: 7px;color:#777;margin-top:0;}
	#llistat .news .mes a{color:#469bb8;margin-bottom:0;}
#llistat .news .img {
		float: right;
		margin: 15px 9% 10px 15px;
		width: 30%;
		text-align: right;
}
	#llistat .news .img img {max-width: 100%;}
/*paginació*/
.paginacio {
	font-size: .9285em;
	text-align: center;
	clear: both;
	padding: 0;
	border: 1px #ddd solid;
	list-style:none;
	-moz-box-shadow: 0 0 3px #cbcbcb;
	-webkit-box-shadow: 0 0 3px #cbcbcb;
	box-shadow: 0 0 3px #cbcbcb;
	-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;
}
	.paginacio li {
		margin:0;
		padding:0;
		float: left;
		background: none;
	}
		.paginacio .ant a {
			background: #fff;
			color: #555;
			margin-left: 5px;
		}
		.paginacio .seg a {
			background: #fff;
			color: #555;
		}
	.paginacio a {
		text-decoration: none;
		font-weight: bold;
		color: #333;
		background: #ddd url(img/bg-paginacio.gif) 100% 0 repeat-y;
		margin:0;
		padding: 11px 12px;
		display: block;
	}
		/*.pag a {padding: 5px 10px 6px;margin:0;}*/
		.paginacio .current a,
		.pag a:hover {
			background: #55bde0 url(img/bg-paginacio.gif) 100% 0 repeat-y;
			color: #fff;
		}
/* fitxa */
#fitxa p.data {color:#777;font-size:.9285em;margin-bottom: 5px;}
#fitxa h2 {color: #469bb8;font-size: 2.14em;margin-top: 10px;}
#fitxa .cat {background: url(img/icon_tag.gif) no-repeat;padding-left: 1.5em;}

#fitxa .img {
	float: right;
	margin: 5px 0 10px 15px;
	padding: 15px;
	width: 30%;
	text-align: right;
	-moz-box-shadow: 0 0 3px #888;
	-webkit-box-shadow: 0 0 3px #888;
	box-shadow: 0 0 3px #888;
}
	#fitxa .img p {text-align: left;font-size: .8571em;margin:0;}
	#fitxa .img img {
		width: 100%;
		margin-bottom: 10px;
		padding:0;
		border:0;
		-moz-box-shadow: 0 0 0 #fff;
		-webkit-box-shadow: 0 0 0 #fff;
		box-shadow: 0 0 0 #fff;
		-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;
	}

#fitxa dl {
	border-bottom: 1px #55bde0 dotted;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

#fitxa .social {
	border-top: 1px #55bde0 dotted;
	border-bottom: 1px #55bde0 dotted;
	padding: 15px 0;
	margin-top: 30px;
	clear:both;
}
#fitxa .social .fb-like {
	position:relative;
	top: -3px;
}

/*#fitxa .destacat-clar {
	padding:0;
	background: none;
}*/

/*#fitxa .social img {
	padding:0;
	border:0;
	-moz-box-shadow: 0 0 0 #fff;
	-webkit-box-shadow: 0 0 0 #fff;
	box-shadow: 0 0 0 #fff;
}*/


/* =================== */
/* =    galeria      = */
/* =================== */
#llistat ul.galeria {
	/*border:1px green solid;*/
}
	#llistat ul.galeria li {
		background: #ddd;
		padding: 0;
		float: left;
		width: 30%;
		border:1px #ddd solid;
		margin: 0 3% 3% 0;
	}
		#llistat ul.galeria li img {
			max-width: 100%;
			padding:0;
			border:0;
			-moz-box-shadow: 0 0 0 #fff;
			-webkit-box-shadow: 0 0 0 #fff;
			box-shadow: 0 0 0 #fff;
		}
	#llistat ul.galeria li .album {
		padding: 1em;
		background: white;
	}
		#llistat ul.galeria li .album div {background: url(img/bg-album.gif);padding: 2em 0;}
	#llistat ul.galeria li .info {
		/*background: #ddd;*/
		padding: 1em;
	}
		#llistat ul.galeria li .info h2 {
			font-size: 1.1428em;
			border:0;
			padding:0;
			margin:0 0 1em 0;
		}
			#llistat ul.galeria li .info h2 a {color: #373737;}
		#llistat ul.galeria li .info p {
			background: #29367c;
			display: inline;
			font-size: .8571em;
			color: white;
			margin:0;
			padding: .3em .7em;
			-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;
		}
#fitxa .info_entrada {
	padding: 2em 0;
	border-bottom:2px #ccc solid;
}
	#fitxa .info_entrada .imatge {
		float: left;
		width: 45%;
	}
		#fitxa .info_entrada .imatge img {max-width: 100%;}
	#fitxa .info_entrada .texte {
		float: right;
		width: 54%;
	}
		#fitxa .info_entrada .cap {border-bottom: 1px #55bde0 dotted;padding-bottom: .4em;padding-top: 10px;}
		#fitxa .info_entrada .texte h2 {padding: 0;color: black;border:0;margin:0;width: 55%;float:left;font-size: 1.5714em;}
		#fitxa .info_entrada .texte .rss {float: right;width: 13%;background: url(img/rss.gif) 100% 50% no-repeat;margin:0;padding: .3em .5em .5em .5em;}
			#fitxa .info_entrada .texte .rss a {color: black;text-decoration: none;border:0;}

#fitxa .list_imatges li {
	background: none;
	padding:0;
	width: 30%;
	margin: 0 2% 2% 0;
	float: left;
	border:1px #c8c8c8 solid;
	text-align: center;
}
	#fitxa .list_imatges li img {max-width: 100%;padding:0;background: none;border:0;-moz-box-shadow: 0 0 0 #fff;-webkit-box-shadow: 0 0 0 #fff;box-shadow: 0 0 0 #fff;margin-bottom: 1em;}
	#fitxa .list_imatges li .thumb {padding:1em;}
	#fitxa .list_imatges li h3 {text-align: left;background: none;padding:0;margin:0;font-size: 1.1428em;}
		#fitxa .list_imatges li h3 a {color: black;}
		#fitxa .list_imatges li .caption {background: #eee;font-size:.8571em;padding: .8em .3em;margin:0;}
			#fitxa .list_imatges li .caption li {text-align:left;margin:0;border:0;}
			#fitxa .list_imatges li .caption ul {margin:0;padding:0;}

	#fitxa .list_imatges li .caption li.veure {background: url(img/ico-veure.gif) no-repeat;width: 20%;padding-left: 20px;}
	#fitxa .list_imatges li .caption li.original {background: url(img/ico-original.gif) no-repeat;width: 55%;padding-left: 18px;float: right;}

/* =================== */
/* =   publicacions  = */
/* =================== */
#llistat .publicacions li {
	background: #eaeaea;
	padding:1.5em;
	margin-bottom: 1.5em;
}
	#llistat .publicacions li h2 {border:0;padding:0;margin:0;}
		#llistat .publicacions li h2 a {color: #323232;}
	#llistat .publicacions li img {margin:0;padding:0;background: none;border:0;-moz-box-shadow: 0 0 0 #fff;-webkit-box-shadow: 0 0 0 #fff;box-shadow: 0 0 0 #fff;max-width: 100%;}
	#llistat .publicacions li .cat {border-right:2px #cdcdcd solid;width: 50%;float: left;}
		#llistat .publicacions li .cat div {float: left;width: 35%;margin: 0 1em 1em 0;}
	#llistat .publicacions li .info  {
		float: right;
		width: 45%;
	}
		#llistat .publicacions li .info p {margin:0 0 1em 0;}
		#llistat .publicacions li .info p.mes a {
		display: inline;
		color: white;
		padding: .3em .8em;
		-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;

		background: #1c276c; /* Old browsers */
		background: -moz-linear-gradient(top,  #1c276c 0%, #131b49 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1c276c), color-stop(100%,#131b49)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #1c276c 0%,#131b49 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #1c276c 0%,#131b49 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #1c276c 0%,#131b49 100%); /* IE10+ */
		background: linear-gradient(top,  #1c276c 0%,#131b49 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c276c', endColorstr='#131b49',GradientType=0 ); /* IE6-9 */}

#llistat .info_entrada {
	margin-top: 1.5em;
	background: #eaeaea;
	padding: 1em;
}
	#llistat .info_entrada .image {
		float: left;
		width: 25%;
		margin:0;
	}
		#llistat .info_entrada .image img {max-width: 100%;padding:0;background: none;border:0;-moz-box-shadow: 0 0 0 #fff;-webkit-box-shadow: 0 0 0 #fff;box-shadow: 0 0 0 #fff;}
		#llistat .info_entrada .texte {float: left;width: 73%;}
	#llistat .info_entrada h2 {border-bottom:2px #ccc solid;margin-top: 0;}
/*
#llistat .publicacions_list li {
	background: url(img/ico-pdf.gif) 0 .5em no-repeat;
	padding:.5em 0 .5em 1.7em;
	margin:0;
	border-bottom: 1px #dadada dotted;
}
#llistat .publicacions_list li.extern {
	background: url(img/ico-extern.gif) 0 .5em no-repeat;
	padding:.5em 0 .5em 1.7em; 
	margin:0;
	border-bottom: 1px #dadada dotted;
}*/

#llistat .publicacions_list li {
	background: none;
	padding:.5em 0 .5em 0;
	margin:0;
	border-bottom: 1px #dadada dotted;
}


	#llistat .publicacions_list li h3 {
		background: none;
		padding:0;
		display:inline;
		margin:0;
		font-size: 1em;
	}

	#llistat .publicacions_list li h3.pdf {
		background: url(img/ico-pdf.gif) 0 .5em no-repeat;
		padding:.5em 0 .5em 1.7em;
		margin:0;
		border-bottom: 1px #dadada dotted;
	}	

	#llistat .publicacions_list li h3.extern {
		background: url(img/ico-extern.gif) 0 .5em no-repeat;
		padding:.5em 0 .5em 1.7em;
		margin:0;
		border-bottom: 1px #dadada dotted;
	}
	#llistat .publicacions_list li .cat span {width: 12%;text-align: right;margin-right: 1.2em;display:block;float: left;}
/* ========================= */
/* =subportada info usuaris= */
/* ========================= */
#subportada.info-usuari h1.ocult {display: none;}
h1.twitter{
	position: relative;
}
h1.twitter span {
	content: "";
	display: block;
	height: 25px;
	width: 30px;
	background-color: blue;
	position: absolute;
	right: 0;
	top: 10px;
	background:url('../comu/ico-twitter.png');
}
	h1.twitter span a{
		display: block;
		height: 25px;
		width: 30px;
	}
#subportada.info-usuari .container div {
	position: relative;
	font-size: 0.9em;
	cursor:pointer;
	width: 52%;
	margin-bottom: 4%;
	padding: 3% 45% 3% 3%;
	height: 75px;
	min-height: 115px;
	border: 1px #c0c0c0 solid;
	-moz-box-shadow: 0 0 3px #888;
	-webkit-box-shadow: 0 0 3px #888;
	box-shadow: 0 0 3px #888;
	-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #e2e2e2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e2e2e2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e2e2e2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#e2e2e2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#e2e2e2 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#e2e2e2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */
}


	#subportada.info-usuari .container div span.bt {display:none;}
	#subportada.info-usuari .container div h2 {margin:0;padding:0;border:0;}
		#subportada.info-usuari .container div h2 a{color: #333;}

	#subportada.info-usuari .container div span {position: absolute;}

	#subportada.info-usuari .container #A span.im {background: url(img/icona-com-arribar_mob.png) no-repeat;width: 99px;height: 87px;right: 1%;top:4%;}
	#subportada.info-usuari .container #B span.im {background: url(img/icona-ingresar_mob.png) no-repeat;width: 99px;height: 90px;right: 1%;top:4%;}
	#subportada.info-usuari .container #C span.im {background: url(img/icona-urgencies_mob.png) no-repeat;width: 99px;height: 87px;right: 1%;top:4%;}
	#subportada.info-usuari .container #D span.im {background: url(img/icona-visites_mob.png) no-repeat;width: 99px;height: 93px;right: 1%;top:4%;}
	#subportada.info-usuari .container #E span.im {background: url(img/icona-familiars_mob.png) no-repeat;width: 99px;height: 89px;right: 1%;top:4%;}
	#subportada.info-usuari .container #F span.im {background: url(img/icona-sermare-caixa.png) no-repeat;width: 47px;height: 121px;right: 12%;top:10%;}

		#subportada.info-usuari.transparencia .container #A span.im {background: url(img/icon-puzzle.png) no-repeat;width: 168px;height: 89px;right: 5%;top:25%;}
		#subportada.info-usuari.transparencia .container #B span.im {background: url(img/icon-euro.png) no-repeat;width: 150px;height: 89px;right: 5%;top:25%;}
		#subportada.info-usuari.transparencia .container #C span.im {background: url(img/icon-logo.png) no-repeat;width: 75px;height: 85px;right: 5%;top:25%;}
		#subportada.info-usuari.transparencia .container #D span.im {background: url(img/icona-rsc.png) no-repeat;width: 93px;height: 95px;right: 5%;top:25%;}
		#subportada.info-usuari.transparencia .container #E span.im {background: url(img/icon-llibres.png) no-repeat;width: 97px;height: 121px;right: 5%;top:20%;}


	#subportada.docencia .container div.caixeta{
		position: relative;
		cursor: pointer;
	}
	#subportada.docencia .container div.caixeta span.im {position: absolute;}
		#subportada.docencia .container div.caixeta.projecte span.im {background: url(img/projecte.png) no-repeat;width: 78px;height: 119px;right: 5%;top:35%;}
		#subportada.docencia .container div.caixeta.sessions_cliniques span.im {background: url(img/sessions_cliniques.png) no-repeat;width: 130px;height: 89px;right: 5%;top:50%;}
		#subportada.docencia .container div.caixeta.formacio_sanitaria span.im {background: url(img/formacio_sanitaria.png) no-repeat;width: 75px;height: 85px;right: 5%;top:55%;}
		#subportada.docencia .container div.caixeta.estudis_pregrau span.im {background: url(img/estudis_pregrau.png) no-repeat;width: 143px;height: 95px;right: 5%;top:50%;}
		#subportada.docencia .container div.caixeta.estudis_grau span.im {background: url(img/estudis_grau.png) no-repeat;width: 97px;height: 121px;right: 5%;top:40%;}
		#subportada.docencia .container div.caixeta.estudis_postgrau span.im {background: url(img/estudis_postgrau.png) no-repeat;width: 97px;height: 81px;right: 5%;top:50%;}


/* ========================= */
/* =subportada docencia= */
/* ========================= */

#subportada.docencia .container div.caixeta {
	float: left;
	width: 25%;
	margin-right: 2%;
	margin-bottom: 4%;
	min-height: 115px;
	padding: 3%;
	border: 1px #c0c0c0 solid;
	-moz-box-shadow: 0 0 3px #888;
	-webkit-box-shadow: 0 0 3px #888;
	box-shadow: 0 0 3px #888;
	-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #e2e2e2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e2e2e2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e2e2e2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#e2e2e2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#e2e2e2 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#e2e2e2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */
}
	#subportada.docencia .container div.caixeta h2 {margin:0;padding:0;border:0; font-size: 1.4em;}
	#subportada.docencia .container div.caixeta h2 a{color: #333;}
	#subportada.docencia .container div.caixeta.caixetaPersonalitzadaMenu h2 {font-size: 1.15em;}


	#subportada.docencia .container div.caixeta span.bt {
	    margin-top: 2em;
	    bottom: 7%;
	    display: block;
	    left: 4%;
	}

	#subportada.docencia .container div.caixeta span.bt img {
	    border: 0 none;
	    box-shadow: 0 0 0 #fff;
	    padding: 0;
	}

	#subportada.docencia .container div.descatat {
		width: auto;
		margin: 0;
		text-align: center;
		float: none;
		padding: 0% 4% 0;
		height: auto;
		min-height: 70px;
	}

	#subportada .caixetaPersonalitzadaMenu,
	#subportada .caixetaPersonalitzada{
		position: relative;
		width: 25% !important;
		padding: 2% 20% 2% 2% !important;
		min-height: 140px !important;
		margin-right: 2% !important;
		cursor: pointer;
	}

		#subportada div.caixetaPersonalitzadaMenu:last-child,
		#subportada div.caixetaPersonalitzada:last-child{
			margin-right: 0 !important;
		}
		#subportada div.caixetaPersonalitzadaMenu:nth-child(4){
			margin-right: 0 !important;
		}
		#subportada .caixetaPersonalitzadaMenu span.im, #subportada .caixetaPersonalitzada span.im{width: 153px;min-height: 145px;right: 3%;top:9%; position: absolute; display: inline-block}
		#subportada .caixetaPersonalitzadaMenu span.im{
			    min-height: 100px;
			    height: 100px;
			    bottom: 20px;
			    top: auto;
		}

/* ========================= */
/* =subportada recinte hosp= */
/* ========================= */

#subportada.recinte #centres li {
	padding:2% 0;
	background: none;
	border-bottom: 1px #7cbfe9 dotted;
	min-height: 100px;
	display: block;
	float: none;
	margin-left:0;
	/*border:1px  green solid;*/
}
	#subportada.recinte #centres li.last {margin-right:0;}
	#subportada.recinte #centres li p {margin: 0;}
	#subportada.recinte #centres li img {
		float: left;
		margin: 0 2% 1% 0;
		width: 30%;
		padding:0;
		border:0;
		-moz-box-shadow: 0 0 0 #fff;
		-webkit-box-shadow: 0 0 0 #fff;
		box-shadow: 0 0 0 #fff;
	}

/* =================== */
/* =     contacte    = */
/* =================== */
#entrada {
	border-bottom: 1px #55bde0 dotted;
	padding-bottom: 10px;
	margin:0;
}
#simple.contacte #entrada p {margin:0;padding:0;}
#simple.contacte .container #map img {padding:0;border:0;-moz-box-shadow: 0 0 0 #fff;-webkit-box-shadow: 0 0 0 #fff;box-shadow: 0 0 0 #fff;background: none;}

form span {
	display: block;
	padding-bottom: .5em;
}
form select {padding: .5em .8em;}
form input,
form textarea {
	background: #e7e7e7;
	padding: .5em .8em;
	width: 95%;
	border-top:0;
	border-left:0;
	border-right:1px #929292 solid;
	border-bottom: 1px #929292 solid;
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
}
form input.bt {
	width: auto;
	color: white;
	border:0;
	padding: .5em 1.5em;
	text-align: center;
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;

	background: #1c276c; /* Old browsers */
	background: -moz-linear-gradient(top,  #1c276c 0%, #131b49 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1c276c), color-stop(100%,#131b49)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1c276c 0%,#131b49 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1c276c 0%,#131b49 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1c276c 0%,#131b49 100%); /* IE10+ */
	background: linear-gradient(top,  #1c276c 0%,#131b49 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c276c', endColorstr='#131b49',GradientType=0 ); /* IE6-9 */
}

form#form h2 {
	border:0;
	margin:.5em 0;
	padding:0;
}

/* errors */
form input.error,
form textarea.error {
	border: 1px solid #cc0101;
}
form label.error,
form p.error {
	display:block;
	margin-top: .5em;
	padding: .5em 0 .5em 2.5em;
	color: #888;
	font-size: .75em;
	background: url('img/ico-error.gif') no-repeat 0 50%;
	text-align: left;
}
.convocatoria-fitxa #resposta{
	display: inline-block;
	padding-left: 2.5em !important;
	width: 90%;
}
#resposta {
	background: #ffe599;
	padding:2.5em 2.5em 2.5em 13em;
	margin-bottom: 1em;
}
	#resposta.ok {background: #ffe599 url(img/contacte-ok.jpg) 1em 50% no-repeat;}
	#resposta.error {background: #ffe599 url(img/contacte-error.jpg) 1em 50% no-repeat;}


form.suggeriments div {clear:both;}

#simple.contacte #gmap {
	width: 100%;
	height: 300px;
	margin-bottom: 1.5em;
}

/*form donatiu*/

.donatiu #entrada h2 {border:0;margin-top: 1em;}
form #avis {width: auto;margin-right: 1em;}
.donatiu .donacio div.clearfix p {float: right;width: 42%;margin-right: 1.5em;}
.donatiu .donacio div.clearfix p.l {float: left;width: 42%;}

/*plantilla form*/

form.sForm label {margin-top: .8em;display: block;}
form input.span3 {width: 30%;} /*camp  petit*/
form input.span6 {width: 60%;} /*camp mitjà*/

form.sForm #fieldset-buttons {clear:both;margin-top: .7em;}

/* =================== */
/* =     mapa web    = */
/* =================== */
#simple.mapaweb .box div {
	width: 32%;
	float: left;
	margin-right: 1%;
}
	#simple.mapaweb .box a {color: #1c296e;font-size: 1.1428m;}
		#simple.mapaweb .box li a {color: #54badd;}

	#simple.mapaweb .box h2 {border:0;padding:0;font-size: 1.5714em;}


.logotips li {background: none;float: left;margin: 0 3% 3% 0;padding:0;width:30%;}
	.logotips li img {max-width: 100%;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}

/* =================== */
/* =      footer     = */
/* =================== */

#footer-container {color:white;font-size: .9285em;}
#footer-container p {color: white;}
#footer-container a {color: white;text-decoration: none;}
	#footer-container a:hover {text-decoration: underline;}
	#footer-container li {background: url(img/kland-llistat-footer.gif) 0 5px no-repeat;padding-left: 18px;border:0;}
#footer-container #info {width: 45%;float:left;}
#footer-container .info_sub {width: 35%;float:right;}
	#footer-container .info_sub img {max-width: 100%;}
.info_sub p {font-size:1.076em;}
.info_sub .tel {background: url(img/icon-telefon-blanc.png) no-repeat;padding: 0 0 5px 25px;text-align:left;font-weight: normal;}

	#footer-container .vcard .org {font-weight: bold;margin-bottom:10px;display:block;}

#info_sub_sub {background: white;clear:both;padding: 1.5em 0;}
	#info_sub_sub p {font-size:.9230em;margin:0;padding:0;color:black;width: 100%;float: left;text-align:right;margin-right: 0;margin-top:6px;}
/*#info_sub_sub .acred {float: right;width: 7%;}
#info_sub_sub .texte {float: left;width: 91%;}*/

/* =============================================================================
   Media Queries
   ========================================================================== */
@media only screen and (max-width: 900px){
	#subportada.docencia .container div.caixeta.projecte span.im {top:20%;}
	#subportada.docencia .container div.caixeta.sessions_cliniques span.im {top:40%;}
	#subportada.docencia .container div.caixeta.formacio_sanitaria span.im {top:50%;}
	#subportada.docencia .container div.caixeta.estudis_pregrau span.im {top:40%;}
	#subportada.docencia .container div.caixeta.estudis_grau span.im {top:30%;}
	#subportada.docencia .container div.caixeta.estudis_postgrau span.im {top:40%;}

	#subportada.docencia .container div.caixeta.caixetaPersonalitzadaMenu h2{
		font-size: 1.2em !important;
	}

	#subportada div.caixetaPersonalitzada:nth-child(even),
	#subportada div.caixetaPersonalitzadaMenu:nth-child(even){
		margin-right: 2% !important;
	}	

	#subportada div.caixetaPersonalitzada:nth-child(odd),
	#subportada div.caixetaPersonalitzadaMenu:nth-child(odd){
		margin-right: 0 !important;
	}
	

}
@media only screen and (min-width: 400px) and (max-width: 900px){
	#subportada.docencia .container div.caixeta.caixetaPersonalitzadaMenu h2{
		font-size: 1em !important;
	}
}
@media only screen and (max-width : 400px){


	#subportada.docencia .container div.caixeta.caixetaPersonalitzadaMenu h2{
		max-width: 130px !important;
		font-size: 1.3em !important;
	}
	#subportada.docencia .container div.caixeta.caixetaPersonalitzada h2{
		max-width: 70px !important;
		font-size: 1.3em;
	}

	#footer-container .info_sub {float:none;width: 90%;}
	#footer-container #info {width: 90%;float:none;}

	#video ul {
	    display:block;
	    position: relative;
    	width: 90%;
	}
	/*.translate {
    	display:none;
	}*/
	#navmain li {
		padding-left: 0;
		text-align: left;
		width: 47%;
		margin: 0 5% 10px 0;
	}
	#navmain li#professionals{
		font-size: 0.85em;
	}
	#navmain li#blocs,
	#navmain li#informacio,
	#navmain li#professionals,
	#navmain li.mobile {margin-right: 0;}
	#navmain li#serveis {margin-right: 5%;}
		#navmain li a {
			height: 43px;
			padding: 10px 10px 2px 10px;
		}
	#avisos p.tancar{
		display:none;
	}
	#hospital img{
		width:98%;
		float:none;
	}
	#hospital ul{
		float:none;
		width:100%;
		margin-top:1em;
	}
	#hospital ul li, #atencio li{
	 	font-size:1em;
	}
	#hospital ul li{
	 	margin-bottom: 1em;
	}
	#noticies,#agenda,#atencio .intro, #atencio ul {
		float:none;
		width:100%;
	}
	#info_sub_sub p {
	    text-align: left;
	    width: 95%;
	    padding-left:.6em;

	}
	#info_sub_sub img {
    	padding-left:.6em;
    	margin-top:.6em;
	}
	#bg-actualitat span.f{
		right:20%;
	}

}
@media only screen and (max-width: 530px) {
	#subportada.docencia .container div.caixeta {
		width: 93% !important;
	}

}
@media only screen and (min-width: 600px) {

	#video {display: block;}
	/*navmain*/
	#navmain li {
		width: 31%;
		margin: 0 3.5% 15px 0;
	}
	#navmain li#serveis,
	#navmain li.mobile {margin-right: 0;}

	/*destaquem*/
	#bg-destacat {text-align: left;}
		#bg-destacat h2 {text-align: center;}
	#destaquem.wrapper .image {
		float: left;
		width: 30%;
		margin-right: 4.5%;
		text-align: left;
	}
	#destaquem.wrapper .image.middle {text-align: center;}
	#destaquem.wrapper .image.last {margin-right:0; float: right; text-align: right;}
		#destaquem.wrapper .image img {max-width: 100%;}
	#home #main-container p.flex-caption {
		font-size: 1.75em;
		font-weight: bold;
		line-height: 1.2;
	}
	/*contacte*/
	#simple.contacte #colEsq {
		width: 48%;
		float: left;
	}
	#simple.contacte #gmap {
		width: 48%;
		height: 548px;
		text-align:center;
		font-size: .75em;
		float: right;
	}

	#info_sub_sub .acred {float: right;width: 7%;}
	#info_sub_sub .texte {float: left;width: 91%;}

}

@media only screen and (max-width: 680px) {

	#subportada.docencia .container div.caixeta.caixetaPersonalitzadaMenu,
	#subportada.docencia .container div.caixeta.caixetaPersonalitzada{
		width: 66% !important;
		padding: 2% 30% 2% 2% !important;
		margin-right: 0 !important;
		font-size: 0.9em;
	}


		#subportada.docencia .container div.caixeta.caixetaPersonalitzadaMenu span.bt,
		#subportada.docencia .container div.caixeta.caixetaPersonalitzada span.bt{
			display: none;
		}
}
@media only screen and (max-width: 760px) {
	#bg-destacat .elastislide-list {width: 100%;}

	#bg-destacat .elastislide-carousel ul li {padding-right: .8em;}
	.elastislide-carousel ul li a img { max-width: 100%; }

}

@media only screen and (min-width: 760px) {


	.translate {display: block;}
	.mobile{display:none;}
	.mobile-none {display: block;}

	.container {/*margin-left: 32%;*/float: right;width: 63%;}
	/*.container {float:right;width: 60%;}*/
	.container.full,
	#simple .container {width: 94%;float: none;}

	#home .container {float: none;width: 100%;}
	.flex-control-nav{display:block;}

	#navmain li {width: 15.6%;margin-right:1.1%;margin-bottom: 0;font-size:1em;}
	#navmain li#serveis {margin-right:1.1%;}
	#navmain li a {position:relative;padding: 20% 1% 7% 7%;}
	/*#navmain li.long a {padding-top: 10%;}*/
		#navmain li a span {position:absolute;top:7px;left:7px;}
			#navmain li#blocs {margin-right:0;}
			#navmain li.last-web {margin-right: 0;}

	/*eines*/
	#eines {
		width: 66%;
		float: right;
		position: relative;
		font-size:.9285em;
	}
	.lt-ie8 #eines {z-index: 1;}
		#eines form {width: 205px;position: absolute;top: 25px;right:280px;}
			#eines input {
				margin:0;
				background: #e4e4e4 url(img/bg-cerca.gif) 6px 50% no-repeat;
				width: 135px;
				border-top:0;
				border-left:0;
				border-right:0;
				border-bottom: 1px #919191 solid;
				padding: 8px 10px 6px 30px;
				-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;
			}
				#eines input.bt {width: auto;float:right;margin:0;padding:0;background: none;cursor:pointer; border: none}
				.lt-ie8 #eines input.bt {position: relative; top: -30px;}

		/*#eines .translate {position: absolute; top: 10px;right: 160px;}*/

		#eines ul#link {position: absolute;right: 0;top:30px;margin:0;}
			#eines ul#link li {float: left;background: none;margin:0;padding:0 15px;border-right: 1px #a3a3a3 solid;}
				#eines ul#link li a {text-decoration: none;color: #333;}
				#eines ul#link li.last {border-right: 0;}

	/* =================== */
	/* =    PORTADA      = */
	/* =================== */

	/*hospital*/
	#hospital {
		padding-top: 30px;
		/*background: url(img/bg-hospital.jpg) -10px 20px no-repeat;*/
		background: none;
	}
		#hospital h2 {margin-top: 0;}
		#hospital header,
		#hospital .covid19{
			display: inline-block;
			float: left;
		}
		#hospital ul {float: left;width:28%;margin-left: 15px !important;margin-bottom:20px;}
			#hospital ul li {padding: 4px 0 4px 27px;font-size:1em;margin-bottom: 2px;}
		#hospital img {width:37%;float: right;}

	#avisos p {font-size:.9285em;}

	/*video*/
	#xarxa {background: none; float: right;}
		#xarxa li {margin: 0 0 0 10px}

	/*atencio*/
/*	#atencio {padding-bottom: 20px;}*/
		#atencio .intro {
			background: url(img/bg-atencio.jpg) 0 100% no-repeat;
			padding: 0 0 0 220px;
			width: 31%;
			min-height: 256px;
		}
				#atencio h2 {margin-top: 50px;}
		#atencio p {font-size: 1em;}
		#atencio ul {
			/*margin-left: 5%;*/
			width: 33%;
			padding-top: 30px;
			float: right;
		}
			#atencio li {font-size: 1em;}
	/*footer*/
	#footer-container {
		padding: 30px 0;
		font-size:1em;
	}
		#footer-container .vcard {
			width: 50%;
			float: left;
		}
		#footer-container ul {float: left;}
			#footer-container ul li {font-size: 1em;background-position: 0 50%;}
		/*#footer-container .info_sub {margin-top: 20px;width: 55%;}
		#footer-container .info_sub p {float: left;margin-right: 2em;font-weight:bold;}
			#footer-container .info_sub p.last {margin-right: 0;}*/
		.info_sub .tel {display: block;padding-top: 7px;}
			.info_sub .tel {background-position: 3px 60%;}


		/* =================== */
		/* =    INTERIORS    = */
		/* =================== */

		#submenu {
			float: left;
			width: 27%;
			padding: 30px 0 0 25px;
		}
		#submenu a {
			text-decoration: none;
			color: #333;
		}
			#submenu ul {
				margin:0 0 4em 0;
				border:1px #c8c8c8 solid;
				-moz-box-shadow: 0 0 3px #888888;
				-webkit-box-shadow: 0 0 3px #888888;
				box-shadow: 0 0 3px #888888;
			}
				#submenu ul ul {
					border:0;
					-moz-box-shadow: 0 0 0 #ffffff;
					-webkit-box-shadow: 0 0 0 #ffffff;
					box-shadow: 0 0 0 #ffffff;
					margin:0;
				}
					#submenu li {
						padding:0;
						margin:0;
						background: none;
						font-size: .9285em;
						border-bottom: 1px #c8c8c8 solid;
					}
						#submenu li a {
							display: block;
							padding: 7px 10px 7px 15px;
						}
							#submenu li a:hover,
							#submenu li.current a {background: #e6e6e6;}
					#submenu li.current {background: #f6f6f6;}
						#submenu li li, #submenu li.current li {border:0;background: #f6f6f6 url(img/kland-li-li.gif) 15px 50% no-repeat;}
						#submenu li li a:link,#submenu li.current li.current a:link,
						#submenu li li a:hover {background: #e6e6e6 url(img/kland-li-li.gif) 15px 50% no-repeat;}
						#submenu li li a {padding-left: 25px;}
						#submenu li.current li.current a{background: #f6f6f6;}
						#submenu li li a:hover {background: #e6e6e6;}
							#submenu ul li.current ul li.current.active a,
							#submenu ul li ul li.current.active a{
								background-color: #f6f6f6 !important;
							}

	/* ========================= */
	/* =subportada recinte hosp= */
	/* ========================= */

	#subportada.recinte #centres li {
		float: left;
		width: 30.5%;
		padding:2% 0;
		margin-right: 3%;
		min-height: 220px;
		font-size: .9285em;
	}
	#subportada.recinte #centres li img {width: 100%;float: none;margin-bottom: 10px;}
		#subportada.recinte #centres li.last {margin-right:0;}

	/* =================== */
	/* =   suggeriments  = */
	/* =================== */

	form select {width: 38%;}
	form.suggeriments div .l,
	form.suggeriments div p {float: left;width: 40%;margin-right: 3%;}
	form.suggeriments .r {float: right;width: 40%;margin-right:0;}

		form.suggeriments input {width: 90%;}
			form.suggeriments div.tres {width: 83%;}
			form.suggeriments textarea {width: 80%;}
			form.suggeriments div.tres .l {margin-right: 5%;}
		form.suggeriments div.tres p {width: 30%;}

	form.suggeriments input.bt {width: auto;}

	.legal p {font-size: .8571em;}

}
@media only screen and (max-width: 850px){
	#textCookies, #opcionsCookies{
		width: 100% !important;
	}
}
@media only screen and (min-width: 850px) {
	#navmain li.has-dropdown{
		position: relative;
	}
	#navmain li.has-dropdown ul{
		margin: 0;
		border-radius: 0 0 7px 7px;
		display: inline-block;
		position: absolute;
		z-index: 99;
		width: 205px;
		visibility: hidden;
	}
		#navmain li.has-dropdown:hover{
			height: 48px;
		}
			#navmain li.has-dropdown:hover a{
				background: none;
				background-color: #7CC0E7;
				height: 48px;
				border-radius: 7px 7px 0 0;
			}
			#navmain li.has-dropdown:hover ul{
				visibility: inherit;
			}

		#navmain li.has-dropdown ul li{
			background: none;
			width: 100%;
			background-color: #7CC0E7;
			padding: 0;
			border-bottom: 1px solid #5E9EC4;
			border-top: 1px solid #A1D6FE;
			margin-bottom: 0;
		}
			#navmain li.has-dropdown:hover ul li:first-child a,
			#navmain li.has-dropdown ul li:first-child{
				border-radius: 0 7px 0 0 !important;
			}
			#navmain li.has-dropdown:hover ul li:last-child a,
			#navmain li.has-dropdown ul li:last-child{
				border-radius: 0 0 7px 7px !important;
			}
			#navmain li.has-dropdown ul li a{
				padding: 4% 4% 4% 10% !important;
				background: none;
				height: auto !important;
				color: #000723;
			}
				#navmain li.has-dropdown ul li:hover,
				#navmain li.has-dropdown ul li a:hover{
					background-color: #283A7C;
					border-bottom: 1px solid #283A7C;
					color: #FFF;
					text-decoration: none;
				}
			#navmain li.has-dropdown ul li span{
				display: none;
			}
	#submenu {
    	width: 20%;
    }
	.container {
    	width: 70%;
	}
	.container.full{
		width: 94% !important;
		float: none !important;
	}

	.container .lateral {display: inline;float: right;margin: 0 0 15px 20px;}
	.container .nomarge img {padding:0;border:0;-moz-box-shadow: 0 0 0 #fff;-webkit-box-shadow: 0 0 0 #fff;box-shadow: 0 0 0 #fff;}

	/*actualitat*/
	#bg-actualitat .wrapper{/*position: relative;*/}
		#bg-actualitat span.f {right:40%;}
	#bg-actualitat #noticies,
	#bg-actualitat #agenda {
		width: 31%;
		margin-right: 2em;
		/*margin-bottom: 3.5em;*/
	}

	#bg-actualitat #agenda {float: left;margin-right:0;}
	/*#bg-actualitat li {font-size: 1.1538em;}*/
	#bg-actualitat #video {
		position: static;
		clear: none;
		width: 32%;
		float: right;
		background:none;
		padding-top: 0;
		text-align: right;
		margin-top: 0;
	}
		#bg-actualitat #video img {max-width: 100%;} /*prov*/
		/*#bg-actualitat #xarxa {
			background:url(img/hr-sombra2.gif) 50% 0 no-repeat;
			position:absolute;
			padding-top: 10px;
			width: 62%;
			bottom: 0;
			left:0;
		}
			#bg-actualitat #video .first {float: left;margin-right: 1.5em;}
				#bg-actualitat #video li {font-size:1em;margin-right: .5em;}*/

			/*#video #player0 {width: 20%;}*/
				#video h2 {text-align: left;}
			#video header {border:0;}
				/*#video img {float: left;width: 75%;}*/
				#xarxa {clear:both;float: none;display: block;background:url(img/hr-sombra2.gif) 50% 0 no-repeat;width: 62%;padding-top: 20px; margin: 0;}
					#xarxa li.first {margin-left: 0;}
/*					#xarxa li {float: left;margin-right: 5px;margin-bottom:0;}
						#xarxa li.last {margin-right: 0;}
					#xarxa li.first {margin-right: 1em;}
			#xarxa li img {max-width: 100%;}*/

}
@media only screen and (max-width: 1100px) {
	#subportada.docencia .container div.caixeta {
		width: 40%;
	}
	.descripcio img {max-width: 93% !important;}
}
@media only screen and (min-width: 1000px) {

	#navmain li {width: 15.6%;margin-right:1.1%;margin-bottom: 0;font-size:0.98em;}
	#navmain li a {position:relative;padding: 20% 1% 7% 44%;}
	/*#navmain li.long a {padding-top: 10%;}*/
		#navmain li a span {position:absolute;top:7px;left:7px;}
			#navmain li#blocs {margin-right:0;}
			#navmain li#blocs a span {background:url(img/kland-blocs.png) no-repeat;width: 35px;height:40px;}
			#navmain li#fundacio a span {background:url(img/kland-lafundacio.png) no-repeat;width: 54px;height:61px;}
			#navmain li#informacio a span {background:url(img/kland-info-usuari.png) no-repeat;width: 50px;height:50px;}
			#navmain li#serveis a span {background:url(img/kland-serveis.png) no-repeat;width: 64px;height:64px;}
			#navmain li#professionals a span {background:url(img/kland-professionals.png) no-repeat;width: 55px;height:56px;}
			#navmain li#comunicacio a span {background:url(img/kland-comunicacio.png) no-repeat;width: 60px;height:47px;}
			#navmain li.last-web {margin-right: 0;}

		#navmain li#fundacio a {padding: 15% 7% 12% 40%;}
		#navmain li#informacio a {padding: 10% 7% 17% 35%}
		#navmain li#serveis a {padding: 10% 0 17% 48%;}
		#navmain li#professionals a {padding: 10% 6% 17% 42%;}
		#navmain li#comunicacio a {padding: 15% 4% 12% 42%;}
		#navmain li#blocs a {padding: 15% 10% 12% 36%;}

		/*ul.duesCol li {width: 45%;}*/

	/*hospital*/
	#hospital {
		padding-top: 30px;
		/*background: url(img/bg-hospital.jpg) 0 20px no-repeat;*/
		background: none;
	}
		#hospital h2 {margin-top: 0;}
		#hospital header,
		#hospital ul {margin-left: 15px;float: left;width:37%;}
		#hospital img {width:auto;float: right;}

		#hospital ul li {float: left;width: 38%;margin-right: 7px;}




			#footer-container ul {float: left; margin-left:50px;}
			#footer-container ul li {font-size: 1em;background-position: 0 50%;}
		#footer-container .info_sub {
			width: 50%;
			text-align: right;
		}
			#footer-container .info_sub p {
				display: inline;
				margin-left: 1.6em;
				font-weight:bold;
				float:left;
			}
			#footer-container .info_sub p.first {margin-left: 0; float: left;}
			#footer-container .info_sub p.last {margin-right: 0;}
		.info_sub .tel {display: block;padding-top: 7px;}
			.info_sub .tel {background-position: 3px 60%;}


		.paginacio .ant a {
			background: url(img/bg-ant.gif) 100% 50% no-repeat;
			padding-right: 75px;
			color: #555;
		}
		.paginacio .seg a {
			background: url(img/bg-seg.gif) 0 50% no-repeat;
			padding-left: 75px;
			color: #555;
		}

		#llistat .news .img {margin-right: 6%;}

		/*#destaquem .comp-horitzontal  {text-align: center;}*/


		/* ========================= */
		/* =subportada info usuaris= */
		/* ========================= */
		#subportada.docencia .container div,
		#subportada.info-usuari .container div {
			float: left;
			width: 24%;
			margin-right: 2%;
			margin-bottom: 4%;
			padding: 2% 22% 2% 2%;
			height: 135px;
			min-height:  120px;
		}

			#subportada.info-usuari .container #B,
			#subportada.info-usuari .container #D,
			#subportada.info-usuari .container #F {float: right; margin-right:0;}

			#subportada.info-usuari .container div span.bt {display: block;bottom: 7%;left:4%;}
				#subportada.info-usuari .container div span.bt img {padding:0;border:0;-moz-box-shadow: 0 0 0 #fff;-webkit-box-shadow: 0 0 0 #fff;box-shadow: 0 0 0 #fff;}

			#subportada.info-usuari .container #A span.im {background: url(img/icona-com-arribar.png) no-repeat;width: 153px;height: 145px;right: 3%;top:5%;}
			#subportada.info-usuari .container #B span.im {background: url(img/icona-ingresar.png) no-repeat;width: 127px;height: 133px;right: 3%;top:7%;}
			#subportada.info-usuari .container #C span.im {background: url(img/icona-urgencies.png) no-repeat;width: 88px;height: 121px;right: 3%;top:8%;}
			#subportada.info-usuari .container #D span.im {background: url(img/icona-visites.png) no-repeat;width: 109px;height: 144px;right: 3%;top:5%;}
			#subportada.info-usuari .container #E span.im {background: url(img/icona-familiars.png) no-repeat;width: 122px;height: 118px;right: 3%;top:9%;}

			#subportada .caixetaPersonalitzadaMenu,
			#subportada .caixetaPersonalitzada{
				position: relative;
				width: 18.3% !important;
				padding: 2% 13% 2% 1% !important;
				min-height: 140px !important;
				margin-right: 1% !important;
			}
				#subportada .caixetaPersonalitzadaMenu:last-child,
				#subportada .caixetaPersonalitzada:last-child{
					margin-right: 0 !important;
				}
				#subportada .caixetaPersonalitzada span.im{width: 153px;min-height: 145px;right: 3%;top:9%; position: absolute; display: inline-block}
}


@media only screen and (max-width : 470px){
	/*#bg-destacat .elastislide-list {width: 100%;}
	#bg-destacat .elastislide-carousel ul li {padding-right: .8em;display:block;float: none;border:1px blue solid;max-width: none;width: 100%;}
	.elastislide-carousel ul li a img {max-width: none;width: 100%;}*/

	/*#bg-destacat .elastislide-list {width: 100%;}*/

	body #bg-destacat .elastislide-list {width: 100%;}
	body #bg-destacat .elastislide-carousel ul li {clear:both;height: 100%;padding: 0;float: none;display: block;width: 100%;}
	body .elastislide-carousel ul li a img {height: 100%;max-width: none;width: 100%;float: none; display: block;}

	#bg-destacat-sup li {
		width: 100% !important;
		float: left;
		clear: both;
		margin-bottom: 20px;

	}

}
/* =============================================================================
   Non-Semantic Helper Classes
   ========================================================================== */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* =============================================================================
   Print Styles
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

/* houdini */
.admin-houdini-preview-option h1 {color: white;}

#fitxa .img + .destacat-clar, #fitxa .img ~ .destacat-clar{
	width:55%;
	margin-top:0;
}

#destaquem{
	width: 90%;
}
#destaquem ul#carousel{
	display: inline-block;
	width:100%;
}
	#destaquem ul#carousel li{
		display: inline-block;
	    padding:0 3% 0 0;
	    width: 31%;
		background: none;
		margin: 0;
	}
		#destaquem ul#carousel li:last-child{
		padding:0;
		}
		#destaquem ul#carousel li img{
			display: block;
		    max-width: 100% !important;
		    /*width: 100% !important;*/
		}

#formulari{
	width: 100%;
	display: inline-block;
}
.descripcio{
	/*width: 52%;
	float: left;
	margin-right: 1em;*/
}
.descripcio img {
	max-width: 100%;
}
.fitxa{
	width: 40%;
	float: right;
	border-radius: 0;
}
.fitxa a,
.fitxa p.dates{
	color:#213276;
}
	.fitxa p.dates span{
		font-weight: bold;
	}

.conv_legend {
    padding: 15px 0;
    display: inline-block;
    width: 40%;
    float: left;
    text-align: right;
    font-size: 14px
}
	.conv_legend .item {

	    font-size: 14px;
	    margin-left: 15px;

	}
		p.estat-conv::before,
		.conv_legend .item::before, .estat-conv.estat::before {

		    content: '';
		    display: inline-block;
		    width: 18px;
		    height: 18px;
		    border-radius: 1000px;
		    vertical-align: text-bottom;
		    margin-right: 5px;
		}
		p.estat-conv.estat1::before,
		.conv_legend .item.item1::before, .estat-conv.estat1::before {
		    background-color: #76AC36;
		}
		p.estat-conv.estat0::before,
		.conv_legend .item.item0::before, .estat-conv.estat0::before {
		    background-color: #D0021B;
		}
		p.estat-conv.estat2::before,
		.conv_legend .item.item2::before, .estat-conv.estat2::before {
		    background-color: #65696a;
		}

ul.ofertes li{
	width: 31.5%;
	padding: 0 .625em 1.25em;
	background: none;
	margin: 0;
	float: left;
}
	ul.ofertes li:first-child, ul.ofertes li:nth-child(3n+1){
		padding-left: 0;
	}
	ul.ofertes li:nth-child(3n){
		padding-right: 0;
	}
	ul.ofertes li .card h2{
		margin: 0;
		padding: 0;
		border: none;
	}
		ul.ofertes li .card h2 a{
			font-size: 19px;
		 	font-weight: 600;
		 	color: #3f3f3f;
			 display:block;
		}
		ul.ofertes li .card .time{
		  font-weight: 600;
		  color: #469bb8;
		}
	ul.ofertes li .card{
		padding: 22px 15px 22px 24px;
		border: solid 1px #102044;
		background-color: #ffffff;
		min-height: 235px;
	}

.large-block-grid-3 > li:nth-of-type(3n+1) {
    clear: both;
}

.ofertesForm span{
	display: inline-block;
}
.ofertesForm .checkbox{
	width: 20px;
	float: left;
}

.white-popup img{
	max-width: 100%;
}