/*-------------------------------------------------------------------------------
 * CSS RESET 
-------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
	margin: 0;
   	padding: 0;
    border: 0 none;
  	outline: 0;
    font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    font-style: inherit;
    vertical-align: baseline;
}

html { background-color: #f1f0ee; }

a img, :link img, :visited img { border: 0 }
ol, ul { list-style: none; list-style-position: outside; overflow:hidden; }
table { border-collapse: collapse; border-spacing: 0; }
input, textarea { margin: 0; padding: 0 }
p { margin-bottom: 18px; }
blockquote, q { quotes: none; }
strong, b { font-weight: bold; }
em { font-style: italic; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; height: 0px; }
.hide { display:none; }
.overflow { overflow:hidden; }

.bold { font-weight: 700; }
.bold_italic { font-weight: 700; font-style: italic; }
.italic { font-style: italic; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; font-style: normal; }

img { height: auto; margin: 0 auto; max-width: 100%; }

::selection { background: none repeat scroll 0 0 #f1f0ee; color: #333; }
::-moz-selection { background: none repeat scroll 0 0 #f1f0ee; color: #333; }

/* Fonts
------------------------------------------------------------------------*/
body { text-size-adjust:none; -moz-text-size-adjust:none; -webkit-text-size-adjust:none; -ms-text-size-adjust:none;  }
body { font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size:0.813em; color:#333; line-height: 1.692em;  } /*13px - lh 22px*/
input, textarea, button { font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size:0.999em; color:#333; line-height: 1.692em;  } /*13px - lh 22px*/
a { color:#333; }
nav a, div#lang { font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 0.923em; line-height: 1.25em } /*12px*/
h3 { font-family: 'Noto Serif', Helvetica, Arial, sans-serif; font-size: 1.999em; text-transform: none; line-height: 1.154em; font-weight: 400; } /*26px; */
article .list dt { font-family: 'Noto Serif', Helvetica, Arial, sans-serif; font-size: 1.385em; text-transform: none; line-height: 1.222em; font-weight: 400; font-style: italic; } /*18px; */
footer { font-size: 0.923em; } /*12px*/
div#access a { font-family: 'Noto Serif', Helvetica, Arial, sans-serif; font-style: italic; font-size: 1.230em; } /*16px*/
div#destacats a { font-size: 0.999em; line-height: 1.230em; } /*13px*/
div#destacats ul li div.informacio p,
article .imgfooter { font-size: 0.923em; } /*12px*/

/* Links
------------------------------------------------------------------------*/
a { text-decoration: underline; color:#333; transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; }
a:hover { text-decoration: underline; color: #8a8680; }

ul#navlist li a { transition: background-color 0.2s ease-out 0s; -ms-transition: color 0.2s ease-out 0s; -webkit-transition: background-color 0.2s ease-out 0s; -moz-transition: background-color 0.2s ease-out 0s; -o-transition: background-color 0.2s ease-out 0s; -ms-transition: background-color 0.2s ease-out 0s;}

footer a, aside a { text-decoration: none;  }
footer a:hover, aside a:hover { text-decoration: none; }
footer #email { text-decoration: underline; }
div#access a { text-decoration: none; color: #464646; }

/* Layout
------------------------------------------------------------------------*/
body { max-width: 960px; margin: 0 auto; background-color: white; }
div#wrapper { max-width: 900px; margin: 0 30px; background-color: white; overflow: hidden; }
div#wrapper div#top { width: 100%; overflow: hidden; clear: both; }
div#wrapper div#wrapper-content { max-width: 100%; overflow: hidden; }
div#wrapper footer { width: 100%; overflow: hidden; clear: both; }

div#wrapper-content div.column-narrow { width: 20%; float: left; display: inline; overflow: hidden; margin-right: 3.333%;  }
div.column-narrow header { overflow: hidden; }
div.column-narrow nav { overflow: hidden; }

div#wrapper-content div.column-wide { width: 76.666%; float: left; overflow: hidden; }
div.column-wide div#main-image { max-width: 100%; overflow: hidden; }
div.column-wide section#main-content { width: 100%; overflow: hidden; padding-top: 34px; border-top: 5px solid #b8b3ad; }
section#main-content div#content { width: 75.072%; margin: 0 3.188% 10% 0; overflow: hidden; float: left; display: inline; }
section#main-content aside { width: 21.739%; overflow: hidden; float: left; display: inline; }

.slicknav_menu, .noactive { display:none; }

/* Top
------------------------------------------------------------------------*/
div#top div#promo { width: 50%; float: left; overflow: hidden; }
div#promo-device { display: none; }

div#top div#lang { width: 50%; float: right; overflow: hidden; }
div#lang ul#lang-items { padding-top: 25px; }
div#lang ul#lang-items li { float: right; padding-left: 5px; }
div#lang ul#lang-items li a { text-decoration: none;  }
div#lang ul#lang-items li.active { color: #8a8680; }

/* Header
------------------------------------------------------------------------*/
header div#logotype { border-top: 5px solid #b8b3ad; border-bottom: 5px solid #b8b3ad; text-align: center; }
header div#search { margin: 29px 0 10px 0; }

div#search form input { height: 25px; border: 1px solid #b8b3ad; width: 81%  }
form div#button-search { display: inline; float: right; padding-top: 5px; width: 15%; margin-left: 2%; text-align: right; }

/* Nav
------------------------------------------------------------------------*/
ul#navlist { margin:10px 0 0; overflow: hidden; }
ul#navlist li { margin-bottom: 5px; }
ul#navlist li a,
ul#subnavlist li a { display:block; text-decoration:none; font-weight:normal; color:#333; }
ul#navlist li a { padding:10px 12px 8px; background-color:#dbd9d6; text-transform: uppercase;  }
ul#navlist li a:hover { font-weight:bold; background-color: #b8b3ad; }
ul#navlist li a#current { font-weight:bold; background-color: #b8b3ad; color: white }

ul#subnavlist { margin:10px 0 20px; }
ul#subnavlist li { margin-bottom: 8px; }
ul#subnavlist li a { padding:0 12px; background-color:white; text-transform: none;  }
ul#subnavlist li a:hover { background: none;  }
ul#navlist li a#subcurrent { font-weight:bold; }
ul#navlist li a#subcurrent:hover { font-weight:bold; }

/* Main Image
------------------------------------------------------------------------*/
div#main-image { border-top: 5px solid #b8b3ad; padding: 15px 0; }

/* Content
------------------------------------------------------------------------*/
div#directory { text-transform: uppercase; }
div#title { margin: 7px 0 87px;  }
div#title_home { margin: 7px 0 27px;  }
article { padding-right: 5%; }
article .image-content { margin: 30px 0; float: left; display: inline-block; margin-right: 1.93%; max-width: 48.06%; }
article .image-content img { margin: 0 0 3px;}
article .image-content .imgfooter { margin: 0; display: block; }
article #social { margin: 40px 0 0 0}
article a.return-bt { text-decoration: none; }

/* --- llistat --- */
.list dt { margin-bottom: 20px; }
.list ul { margin:0 0 20px; overflow: hidden }
.list ul.border { margin:0 0 20px; border-bottom:2px solid #b8b3ad; }
.list li.border { padding:15px 0 25px; border-bottom:1px solid #b8b3ad; overflow:hidden; }
.list li.border_blog { padding:10px 0; border-bottom:1px solid #b8b3ad; overflow:hidden; }
.list ul.actv-list li { padding:15px 0 25px; border-bottom:1px solid #b8b3ad; overflow:hidden; }
.list ul.actv-list li:last-child { border-bottom:none; }

.list li.border div.image { width:30%; float:left; margin-right:5%; padding-top:3px; }
.list li.border div.info { width:65%; float:right; text-align:left; }

.list li.border2 { padding:10px 0 15px; border-bottom:1px solid #b8b3ad; }
.list li.normal { padding:5px 0 10px; border-bottom:1px solid #b8b3ad; }
.list li.search { padding:10px 0 15px; border-bottom:1px solid #b8b3ad; }
.list li { padding:20px 0 30px; border-bottom:none; }

#content #brief li a { color:#333; text-decoration:underline; }
#content #brief li a:hover { color:#b8b3ad; text-decoration:underline; }
#content #brief li.search a { color:#333; text-decoration:none; }
#content #brief li.search a:hover { color:#333; text-decoration:underline; }

.list ul.links { margin:0 0 10px 0; }
.list ul.links li { padding:0 10px 0 0; float:left; }

.imgexpos { margin: 20px 0; }

/* --- publicacions --- */
.publicacions ul li { border-bottom:1px solid #b8b3ad; padding-bottom: 15px; margin-bottom: 20px; overflow: hidden; }
.publicacions .imatge { float:left; overflow: hidden; width: 20%; margin-right: 5%; }
.publicacions .publicacio { float: left; overflow: hidden; width: 70%; }

/* --- finestra --- */
#finestra ul { margin: 20px 0 0; }
#finestra ul li { padding:0 12px 12px 0; float:left; display: inline; }

/* Aside
------------------------------------------------------------------------*/
aside div#access { border-top: 5px solid #b8b3ad; border-bottom:3px solid #b8b3ad; padding: 10px 0; }
div#access ul li { padding: 0 0 10px; }
div#access ul li a,
div#access ul li.last a { display: block; background-color: #DBD9D6; padding: 15px 10px }
div#access ul li a:hover,
div#access ul li.last a:hover { background-color: #b8b3ad;}
div#access ul li.last { padding:0; }
span.v-bold { font-weight: 600; }

aside div#social { margin: 10px 0;  border-bottom:1px solid #b8b3ad; overflow: hidden;}
div#social ul { padding: 10px 0; }
div#social ul li { float: left; padding: 0 5px 6px 0; }

aside div#destacats { margin: 20px 0; overflow: hidden; }
div#destacats ul li { margin-bottom: 20px; max-width: 150px; }
div#destacats ul li div.informacio { }
div#destacats ul li div.informacio h5 { margin: 5px 0 0; font-weight: 600; }
div#destacats ul li div.informacio p { text-transform: uppercase; margin-top: 5px; }

/* Footer
------------------------------------------------------------------------*/
footer { margin: 30px 0 20px; }

footer div#footer_banners { margin-bottom: 30px; }
div#footer_banners li { padding:0 0 0 20px; float:right; }

footer div#footer_info { width: 100%; overflow: hidden; }
div#footer_info ul li { float: right; padding-left: 10px; }

footer div#footer_contact { width: 100%; margin-top: 10px; overflow: hidden; }
div#footer_contact .left { width: 40%; }
div#footer_contact .right { width: 60%; text-align: right; }
div#footer_contact .right p { margin-bottom: 0; }

/* --- paginadors --- */
.pages, .pages2 { margin:5px 0 30px; padding: 5px 0 }
.pages dl { border-top:1px solid #928e8d; }
.pages dt { padding:4px 0 0; float:left; font-weight:bold; color:#928e8d; }
.pages dd { padding:4px 0 0; }
.pages ul { margin:0 0 0 40px; }
.pages li { padding:0 10px 2px 0; float:left; }
#content #brief .pages li a { color:#333; text-decoration:none; }
#content #brief .pages li a:hover { color:#333; font-weight:bold; }
.pages .active { color:#333; font-weight:bold; }
#content #brief .line { margin:0 0 40px; float:left; border-bottom:1px solid #928e8d; }

.pages2 dl { border-top:1px solid #928e8d; }
.pages2 dt { padding:4px 0 0; float:left; font-weight:bold; color:#928e8d; }
.pages2 dd { padding:4px 0 0; }
.pages2 ul { padding:0; border-top:1px solid #928e8d; }
.pages2 ul li { padding:4px 9px 2px 0; border-bottom:none; float:left; }
#content #brief .pages2 li a { color:#333; font-weight:normal; text-decoration:none; }
#content #brief .pages2 li a:hover { color:#333; font-weight:bold; text-decoration:none; }
.pages2 .active { color:#333; font-weight:bold; text-decoration:none; }

/* --- llistat curt --- */
.shortlist { margin:20px 0; }
.shortlist ul { border-bottom:1px solid #b8b3ad; }
.shortlist ul li {padding:5px 0; border-top:1px solid #b8b3ad; }
.shortlist ul li a { color:#333; text-decoration:none; }
.shortlist ul li a:hover { color:#333; text-decoration:underline; }

/* --- sitemap --- */
.sitemap { float:left; }
.sitemap .title { padding:10px 0 5px; display:block; clear:both; }
.sitemap .title a { color:#333; text-decoration:none; font-weight:normal; }
.sitemap .title a:hover { color:#333; text-decoration:none; font-weight:bold; }
.sitemap ul li { margin:0; padding:5px 0 0; }
.sitemap .separador { border-bottom:2px solid #b8b3ad; padding:5px 0 0; }

/* Forms
------------------------------------------------------------------------*/
.error { color: red; }
form.form { margin: 20px 0; overflow: hidden; }
form.form fildset { }
form.form legend { }
form.form p { margin: 10px 0; display: block; overflow: hidden; width: 100%; clear: both }
form.form label { float: left; width: 40%; margin-right: 5%; }
form.form .check label { float: left; width: auto; margin-right: 15px; }
form.form label.text { width: 10%; }
form.form input { float: left; width: 50%; height: 20px; }
form.form .check input { width: auto; text-align: left }
form.form input.short { width: 10%; margin-right: 5px;}
form.form p.hora { margin-left: 45%; display: block; overflow: hidden; clear: both; width: auto; }
form.form input.submit { border: none; background-color: #DBD9D6; display: block; font-weight: bold; width: auto; height: 30px; padding: 5px 10px; margin-top: 15px; overflow: hidden; cursor: hand; cursor: pointer}
form.form input.submit:hover { border: none; background-color: #B8B3AD; color: white; display: block; }
form.form textarea { float: left; width: 50%; border: 1px solid #b8b3ad; background-color: white; } 
form.form select { } 
form.form button { border: none; background-color: #DBD9D6; display: block; font-weight: bold; }
form.form button:hover { border: none; background-color: #B8B3AD; color: white; display: block; }

#fimgs label { width: 20%; }
#fimgs input { width: 50%; }
#fimgs textarea { width: 50%; } 
#fimgs input.submit { width: auto; }

#fContact label { width: 25%; }
#fContact input { width: 65%; }
#fContact textarea { width: 65%; } 
#fContact input.submit { width: auto; }

#fContact input.submit { width: auto; }

/* MEDIA QUERIES
////////////////////////////////////////////////////////////////////*/

/* Pantalles grans */
@media only screen and (min-width : 1824px) {
	.slicknav_menu, .noactive { display:none; }
}

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

	footer div#footer_banners { float: right; width: 100%; margin-bottom: 20px; }
	footer div#footer_contact { border-top: 1px solid #b8b3ad; padding: 20px 0 0;  width: 100%; float: left; margin: 0; }
	div#footer_contact .left { float: none; display: block; width: 100% }
	div#footer_contact .right { float: none; display: block; width: 100%; text-align: left;}
	div#footer_contact .right p { margin-bottom: 10px; }
	div#footer_info ul li { float: left; padding: 0 10px 0 0; }

}

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

}

/* iPad Portrait */
@media only screen and (max-width: 768px) {		
	
	div#wrapper-content div.column-narrow { width: 30%; margin-right: 3.333%;  }
	div#wrapper-content div.column-wide { max-width: 66.666%; }
	
	section#main-content div#content { width: 100%; display: block; }
	section#main-content aside { width: 100%; display: block; }
	
	aside div#destacats { margin: 20px 0; overflow: hidden; line-height: 15px; }
	div#destacats ul li { margin-bottom: 20px; float: left; display: inline; padding-right: 5%; width: 45%; max-width: none }
	div#destacats ul li.par {padding: 0; width: 50%; max-width: none  }
	div#destacats ul li.block { clear: left; }
}

/* layouts smaller than 480px */
@media only screen and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 600px) {

	div#wrapper { margin: 0 20px; }
	div#wrapper-content div.column-narrow { width: 100%; display: block;  }
	header div#logotype { text-align: center; display: block; margin-top: 20px; }
	header div#search { width: 60%; padding: 0; margin: 15px 0 0; float: left; }
	div#promo-device { display: inline; width: 40%; float: right; text-align: right }

	div#wrapper-content div.column-wide { max-width: 100%; width: 100%; display: block; }
	div.column-wide div#main-image { margin-top: 0; border-top: 0 }
	
	div#title { margin: 7px 0 27px; }
	ul#navlist { display:none; }
	.slicknav_menu, .noactive { display:block; }
	
	div#top div#lang { float: right; overflow: hidden; position: absolute; top:0; right: 20px; }
	div#top { text-aling:right; }
	div#top div#promo { display:none }
	div#lang ul#lang-items { padding-top: 13px; }
	
	article .image-content {float: none; display: block; margin-right: 0; max-width: 100%; }

	footer { margin-top: 0; }
	div#footer_contact .right span { display: block }

} 

/* layouts smaller than 480px */
@media only screen and (max-width: 480px), screen and (max-device-width: 480px) {
	body { font-size: 0.937em; line-height: 1.666em;  } /*15px - lh 25px*/
} 


/* iPhone Landscape */
@media only screen and (max-device-width: 480px) and (orientation: landscape) {
	body { font-size: 1.062em; line-height: 1.647em;  } /*17px - lh 28px*/
	
}

/* Flexible iFrame */

.Flexible-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.Flexible-container iframe,   
.Flexible-container object,  
.Flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}