/* This file will hold styles for the mobile version of your website (mobile first). */
/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */
@font-face{font-family:'rpl';src:url('../fonts/lineto-replica-pro-light.eot');src:url('../fonts/lineto-replica-pro-light.eot?#iefix') format('embedded-opentype'),url('../fonts/lineto-replica-pro-light.woff') format('woff'),url('../fonts/gcl-webfont.ttf') format('truetype'),url('../fonts/gcl-webfont.svg#gcl') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'gcl';src:url('../fonts/lineto-replica-pro-light.eot');src:url('../fonts/lineto-replica-pro-light.eot?#iefix') format('embedded-opentype'),url('../fonts/lineto-replica-pro-light.woff') format('woff'),url('../fonts/gcl-webfont.ttf') format('truetype'),url('../fonts/gcl-webfont.svg#gcl') format('svg');font-weight:normal;font-style:normal;}
/* @font-face{font-family:'gcl';src:url('../fonts/gcl-webfont.eot');src:url('../fonts/gcl-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/gcl-webfont.woff') format('woff'),url('../fonts/gcl-webfont.ttf') format('truetype'),url('../fonts/gcl-webfont.svg#gcl') format('svg');font-weight:normal;font-style:normal;} */

@font-face {font-family: 'mn';src: url('../fonts/MN-Book-webfont.eot');src: url('../fonts/MN-Book-webfont.eot?#iefix')format('embedded-opentype'),url('../fonts/MN-Book-webfont.woff') format('woff'),url('../fonts/MN-Book-webfont.ttf')format('truetype'),url('../fonts/MN-Book-webfont.svg#mn') format('svg');font-weight: normal;font-style: normal;}

@font-face{font-family:'hlt';src:url('../fonts/hlt-webfont.eot');src:url('../fonts/hlt-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/hlt-webfont.woff') format('woff'),url('../fonts/hlt-webfont.ttf') format('truetype'),url('../fonts/hlt-webfont.svg#hlt') format('svg');font-weight:bold;font-style:normal;}
html,button,input,select,textarea{color:#000;}
body{font-size:1em;line-height:1.4;}
::-moz-selection{background:#b3d4fc;text-shadow:none;}
::selection{background:#b3d4fc;text-shadow:none;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
img{vertical-align:middle; border-radius: 0px 0px 0 0;}
fieldset{border:0;margin:0;padding:0;}
textarea{resize:vertical;}
.columns table, .columns tbody, .columns tfoot, .columns thead, .columns tr, .columns th, .columns td {
    border: 1px solid;
    font: inherit;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
    padding: 4px 8px;
}
#header #shortcuts-menu .block .sc-head:hover {
  cursor: unset;
}

.izquierdacajas3 {
    width: 31%;
    float: left;
    padding: 5px;
}

.cajasb {
    color: #666;
    font-family: GCL;
    font-size: 10pt;
    border: 0px solid #CCC;
    margin-left: 5px;
    margin-right: 5px;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: -10px;
    margin-bottom: 10px;
    text-align: left;
    min-height: 165px;

}

.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0;}
#page{
  width:100%;
  margin:0 auto;
}
#page header{
  width: 100%;
  height: 202px;
  margin-bottom: 30px;
}
#page section-content{width:1144px;height:210px;margin-bottom:30px;}
#page footer{margin-top:60px;margin-bottom:30px;}
.view-calendari , .view-agenda-deganat, .view-deganat-editorial, .view-demarcacions-home, .profile, .view-view-exposicions,.view-arquitectes-departaments-home, .view-buscador-gestor-documental {float:left; width: 100%;max-width:850px}

#region-header-second{
  margin-top:15px;
  float: none;
}
#header #logo{text-decoration:none;color:#000000;}
#header #logo h1{margin:0;width: 100%;max-width:278px;height:98px;text-indent:-9999px;background:transparent url(../img/icons.png) no-repeat 0px 0px;font:normal 58px / 45px gcl,arial;top:45px;left:0px;}
#header #logo h1 span{
    display: none;
}
.logo-img {float: left;border-bottom:4px solid #c7c7c7;}
#header #shortcuts-menu{vertical-align:middle;}
#header #shortcuts-menu .block{margin: 1px;display:block;width:100px;height:30px;float:left;margin-right:44px;position:relative;background-color:#000;-webkit-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);-moz-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);-ms-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);-o-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);}
#header #shortcuts-menu .block .sc-head{width:130px;height:29px;background-color:#ffffff;font:normal 10px / 30px gcl,arial;color:#c7c7c7;text-transform:uppercase;text-decoration:none;cursor:pointer;-webkit-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);-moz-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);-ms-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);-o-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);z-index:100;position:absolute;top:-1px;left:-1px;padding:1px 1px 0;}

.lt-ie8 #header #shortcuts-menu .block .sc-head{
  font:normal 29px; 
  font-family: gcl, arial; 
  line-height:2.0;
    
}
#header #shortcuts-menu .block .sc-head>a{font:normal 10px / 30px gcl,arial;color:#c7c7c7;text-transform:uppercase;text-decoration:none;display:block;position:relative;-webkit-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);-moz-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);-ms-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);-o-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);}
.lt-ie8 #header #shortcuts-menu .block .sc-head>a{font:normal 29px; font-family: gcl,arial;}
#header #shortcuts-menu .block .sc-head span{display:none;width:15px;height:15px;position:absolute;right:1px;top:7px;-khtml-opacity:0.4;-moz-opacity:0.4;-ms-filter:"alpha(opacity=50)";filter:alpha(opacity=40);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);opacity:0.4;-webkit-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);-moz-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);-ms-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);-o-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);text-indent:-9999px;}
#header #shortcuts-menu .block .sc-body{
    background-color:#000;
    width: 95%;
    position:absolute;
    top:29px;left:0;
    padding:1px 8px 0;
    z-index:50;overflow:hidden;
    }
#header #shortcuts-menu .block .sc-body .container{margin:5px 0; width: auto;}
#header #shortcuts-menu .block .sc-body .container{ float:left;}
#header #shortcuts-menu .block .sc-body a{font:normal 14px / 22px gcl,arial;color:#ffffff;text-transform:uppercase;text-decoration:none;display:block;position:relative;float:left;-webkit-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);-moz-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);-ms-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);-o-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);}
.lt-ie8 #header #shortcuts-menu .block .sc-body a{font:normal 22px; font-family: gcl,arial;}
#header #shortcuts-menu .block .sc-body a:hover,#header #shortcuts-menu .block .sc-body a.selected{color:#c7c7c7;}
#header #shortcuts-menu .block .sc-body ul{list-style:none;padding:0;margin:0;float:left;}
#header #shortcuts-menu .block .sc-body .language-switcher-locale-url li{width: 60px;}
#header #shortcuts-menu .block .sc-body label{font:normal 14px / 22px gcl,arial;color:#ffffff;text-transform:uppercase;display:block;float:left;}
.lt-ie8 #header #shortcuts-menu .block .sc-body label{font:normal 22px; font-family: gcl,arial;}
#header #shortcuts-menu .block .sc-body input{border:0;margin:0;padding:0;width:100%;height:19px;font:normal 11px / 19px arial;outline:none;float:left;text-indent:2px;}
#header #shortcuts-menu .block .sc-body button{float:right;width:16px;height:16px;border:0;margin:4px 0 6px;padding:0;text-indent:-9999px;background:#c7c7c7 url(../img/icons.png) no-repeat -120px -100px;-webkit-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);-moz-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);-ms-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);-o-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);}
#header #shortcuts-menu .block .sc-body button:hover{background-color:#ffffff;}
#header #shortcuts-menu .block .sc-body .extra-links{margin-top:20px;}
#header #shortcuts-menu .block .sc-body .extra-links a{font:normal 14px / 15px gcl,arial;display:block;}
.lt-ie8 #header #shortcuts-menu .block .sc-body .extra-links a{font:normal 15px; font-family: gcl,arial;}
#header #shortcuts-menu .block:hover,#header #shortcuts-menu .block.active{background-color:#000000;}
#header #shortcuts-menu .block:hover .sc-head,#header #shortcuts-menu .block.active .sc-head{color:#000000;}
#header #shortcuts-menu .block:hover .sc-head>a,#header #shortcuts-menu .block.active .sc-head>a{color:#000000;}
#header #shortcuts-menu .block:hover .sc-head span,#header #shortcuts-menu .block.active .sc-head span{-khtml-opacity:1;-moz-opacity:1;-ms-filter:"alpha(opacity=50)";filter:alpha(opacity=100);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);opacity:1;}
#header #shortcuts-menu .block:hover .sc-body,#header #shortcuts-menu .block.active .sc-body{background-color:#000000; z-index: 999;}
#header #shortcuts-menu .block.active .sc-body{}
#header #shortcuts-menu #shortcut-contact .sc-head span{background:transparent url(../img/icons.png) no-repeat 0px -98px;}
#header #shortcuts-menu #shortcut-language .sc-head span{background:transparent url(../img/icons.png) no-repeat -20px -100px;}
#header #shortcuts-menu #shortcut-login .sc-head span{background:transparent url(../img/icons.png) no-repeat -40px -98px;}
#header #shortcut-login .item-list ul li {margin: 0;padding: 0; margin-right: 10px;}
#header #shortcuts-menu #block-search-form{width:150px;margin-right: 0px; }
#header #shortcuts-menu #block-lang-dropdown-language{width:130px;margin-right:44px;float:right;}
#header #shortcuts-menu #block-system-user-menu{width:130px;margin-right:44px;float:right;}
#header #shortcuts-menu #shortcut-login { background-color: #FFF !important; }
/*#header #shortcuts-menu #block-search-form .container-inline{width:253px;}*/

#header #shortcuts-menu .shortcut-box:hover .sc-body, #header #shortcuts-menu .shortcut-box.active .sc-body {
	background-color: #000000;
	height: auto;
}

#header #shortcuts-menu #block-search-form .container-inline .form-text {border:0;margin:0;padding:0;width:150px;height:29px;font:normal 10px / 30px gcl,arial;text-transform:uppercase;-webkit-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);-moz-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);-ms-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);-o-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);outline:none; }
.lt-ie8 #header #shortcuts-menu #block-search-form .container-inline .form-text{font:normal 29px;font-family:  gcl,arial;}
.lt-ie8 #header #shortcuts-menu #block-search-form .container-inline{ height: 30px; font:normal 29px;font-family:  gcl,arial; background-color: #fff; border-bottom: solid 1px #c1c1c1;}
/*.lt-ie8 #header #shortcuts-menu #block-search-form .container-inline h2 {display: none;}*/
#header #shortcuts-menu #block-search-form .form-submit{border:none;margin:0;padding:0;background:transparent url(../img/icons.png) no-repeat -60px -97px;width:15px;height:15px;text-indent:-9999px;position:absolute;right:1px;top:7px;-khtml-opacity:0;-moz-opacity:0;-ms-filter:"alpha(opacity=0)";filter:alpha(opacity=0);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);opacity:0;-webkit-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);-moz-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);-ms-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);-o-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);}
#header #main-menu{left:0px;width:100%;margin:0;padding:0; }
/*#header #main-menu li{float:left;margin-right:8.1em;}*/

#header #main-menu li{
	margin-right:1.9em;
	list-style-type:none;}
	





	@media only screen and (max-device-width:1024px) and (orientation:Landscape) {
 #header #main-menu li{	
		float:left;
	margin-right:8%;
	}
	}
	@media screen and (-webkit-min-device-pixel-ratio:0) {
 #header #main-menu li{	
		float:left;
	margin-right:2%;
	}
	}
	@-moz-document url-prefix() {
    #header #main-menu li{
	float:left;
	margin-right:1.9%;
	}
}

@media only screen and (device-width:768px) {
	#header #main-menu li{	
		float:left;
		margin-right:2.28%;
	}

}

body:nth-of-type(1) #header #main-menu li.last{	
	margin-right:10px;
}

/*#header #main-menu li.menu-1356 { margin-right:8.5em; }
#header #main-menu li.menu-919{ margin-right:8.5em; }
#header #main-menu li.menu-944{ margin-right:8.5em; }
#header #main-menu li.menu-949{ float:right;}*/
/* ---------- Catalan ---------- */

#region-menu .navigation ul#main-menu li.menu-944.active-trail > a.active-trail { color: #6eceb2; }
#region-menu .navigation ul#main-menu li.menu-7011.active-trail > a.active-trail { color: #418fde; }
#region-menu .navigation ul#main-menu li.menu-937.active-trail > a.active-trail { color: #ff585d; }

/* ---------- Ingles ---------- */

#region-menu .navigation ul#main-menu li.menu-943.active-trail > a.active-trail { color: #6eceb2; }
#region-menu .navigation ul#main-menu li.menu-7028.active-trail > a.active-trail { color: #418fde; }
#region-menu .navigation ul#main-menu li.menu-3106.active-trail > a.active-trail { color: #ff585d; }

/* ---------- Castellano ---------- */

#region-menu .navigation ul#main-menu li.menu-7023.active-trail > a.active-trail { color: #6eceb2; }
#region-menu .navigation ul#main-menu li.menu-7020.active-trail > a.active-trail { color: #418fde;}
#region-menu .navigation ul#main-menu li.menu-938.active-trail > a.active-trail { color: #ff585d; }
/*menu CASTELLA*/

#header #main-menu li.menu-1357{margin-right:3%;}
#header #main-menu li.menu-920{margin-right:3%;}
#header #main-menu li.menu-945{margin-right:11.2%;}
#header #main-menu li.menu-938{margin-right:3%;}


#header #main-menu li.menu-7030{float:right;}
#header #main-menu li.menu-7030 a{
  color: #000000;
  border-left: 1px solid #000;
  padding-left: 135px;
  padding-top: 17px;
  padding-bottom: 17px;
}
#header #main-menu li.menu-7030 a::after {
    content: ">";
    float: right;
    font-size: 22px;
    line-height: 14px;
    margin-top: 2px;
	padding-left: 13px;
}
#header #main-menu li.menu-7031{float:right;}
#header #main-menu li.menu-7031 a::after {
    content: ">";
    float: right;
    font-size: 22px;
    line-height: 14px;
    margin-top: 2px;
	padding-left: 13px;
}

#header #main-menu li.menu-7031 a{font-size: bold 22px; color: #000000; border-left: 1px solid #000;  padding-left: 20px;}
#header #main-menu li.menu-7034{float:right;}
#header #main-menu li.menu-7034 a{font-size: bold 22px; color: #000000; border-left: 1px solid #000;  padding-left: 20px;}
#header #main-menu li.menu-7034 a::after {
    content: ">";
    float: right;
    font-size: 22px;
    line-height: 14px;
    margin-top: 2px;
	padding-left: 13px;
}

@-moz-document url-prefix() {
     #header #main-menu li.menu-1357 {float:left;margin-right:3%;}
	 #header #main-menu li.menu-920 {float:left;margin-right:3%;}
	 #header #main-menu li.menu-945 {float:left;margin-right:11.8%;}
	 #header #main-menu li.menu-938 {float:left;margin-right:3%;}
}


/*menu ENGLISH*/
#header #main-menu li.menu-1358{ margin-right:2.7%; }
#header #main-menu li.menu-921{ margin-right:2.7%; }
#header #main-menu li.menu-943{ margin-right:2.7%; }
#header #main-menu li.menu-939{ margin-right:2.7%; }
#header #main-menu li.menu-7030 > a::after {
    content: ">";
    float: right;
    font-size: 22px;
    line-height: 14px;
}

@-moz-document url-prefix() {
     #header #main-menu li.menu-1358 {float:left;margin-right:2%;}
	 #header #main-menu li.menu-921 {float:left;margin-right:2%;}
	 #header #main-menu li.menu-943 {float:left;margin-right:2%;}
	 #header #main-menu li.menu-7028 {float:left;margin-right:2%;}
	 #header #main-menu li.menu-939 {float:left;margin-right:10.5%;}
	 #header #main-menu li.menu-3106 {float:left;margin-right:2%;}
}
/*#header #main-menu li.last{ float:right; margin-right:20px; !important;}*/
#header #main-menu li a{font:21px / 14px gcl,arial;text-decoration:none;color:#222222;-webkit-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);-moz-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);-ms-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);-o-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);-webkit-font-smoothing:antialiased;}

#header #main-menu li a.active-trail {
	/* color:#999; */
	font-weight: bold;
} 
#header #main-menu li a:hover {
	color:#000;
}
.lt-ie8  #header #main-menu li a{font:normal 22px; font-family: gcl,arial;}
.lt-ie9 #header #shortcuts-menu .shortcut-box .sc-head span{display:none;}
.lt-ie9 #header #shortcuts-menu #shortcut-search .sc-head input{color:#c7c7c7 !important;}
.lt-ie9 #header #shortcuts-menu #shortcut-search .sc-head button{background-image:none;}
.lt-ie9 #header #shortcuts-menu #shortcut-search:hover .sc-head input,.lt-ie9 #header #shortcuts-menu #shortcut-search.active .sc-head input{color:#000000 !important;}
/*.lt-ie9 #header #main-menu li{margin-right:40px;}*/
.lt-ie10 #header #shortcuts-menu #shortcut-search .sc-head input{color:#c7c7c7 !important;}
.lt-ie10 #header #shortcuts-menu #shortcut-search:hover .sc-head input,.lt-ie10 #header #shortcuts-menu #shortcut-search.active .sc-head input{color:#000000 !important;}
@media only screen and (min-width:35em){}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi){}
@media print{#header #logo h1{text-indent:0;font:normal 58px / 45px gcl,arial;position:absolute;top:45px;left:0px;}
#header #logo h1 span{display:none;} .coac-page .head .title{color:#ffffff !important;}
.coac-page .head .title span{color:#ffffff !important;text-indent:0;background:transparent;}
.coac-page .head .title .l1,.coac-page .head .title .l2{color:#ffffff !important;}
.coac-page .head .info a{color:#ffffff !important;} .coac-page .head .info .col{color:#ffffff !important;}
.coac-page .body article .baseline-wrapper .social{display:none;}
*{color:#000 !important;box-shadow:none !important;text-shadow:none !important;}
a,a:visited{text-decoration:underline;}
.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:"";}
pre,blockquote{border:1px solid #999;page-break-inside:avoid;}
thead{display:table-header-group;}
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;}}
#zone-menu-wrapper, #section-content{margin-bottom:60px;}

/*FOOTER */
#region-footer-first { position: relative !important;}
#region-footer-second {
    clear:both;
    position: relative !important;
    width: 100% !important;
    text-align:center;
    padding-top: 30px;
    font: 11px/14px arial;
    /*text-transform: uppercase;*/
    letter-spacing: 0px;
}
#region-footer-second .block-block-3 { text-align: center; }

#region-footer-first section{ margin-top: 0px; float: left; }
#region-footer-first section h2{border-bottom: 1px solid #000000;font: bold 10px/14px arial;margin: 0 0 15px;padding-bottom: 9px;padding-top: 9px;text-transform: uppercase;letter-spacing:0px;}
#region-footer-first section .field-content a:hover{color: #C7C7C7;}
#region-footer-first section .field-content a{color: #000000;font: 12px/18px arial;text-decoration: none;transition: all 200ms cubic-bezier(0.19, 1, 0.22, 1) 0s;}
#block-views-footer-blocks-block-1 { width:15%; margin-right:40px; }
#block-views-footer-blocks-block-6 { width:25%; margin-right:40px; }
#block-views-footer-blocks-block-8 { width:20%;margin-right:40px; }
#block-menu-menu-enlla-os { width:19%;margin-right:40px; }
#block-menu-menu-prova { width:11%; }
#block-menu-menu-prova a { text-decoration: none; }
/*MENUS*/
#block-menu-menu-finestreta-nica{margin-bottom:60px;}
#block-menu-menu-ciutadans-i-empreses{margin-bottom:31px;}
#region-sidebar-first .block-menu h2{
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	margin-top: 0;
	margin-right: 26px;
	margin-bottom: 10px;
	margin-left: 0;
	font-family: arial;
	font-size: 11px;
	line-height: 29px;
}
#region-sidebar-first .block-menu .menu li a {
	/*color: #222;*/
	text-decoration: none;
	transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
	font-family: gcl, hlt, arial;
	font-size: 18px;
	line-height: 26px;
	/* font-weight: bold; */
}
#region-sidebar-first .block-menu .menu li a.active {color: #eee;}
#region-sidebar-first .block-menu .menu li a:hover {color: #CCC;}
#region-sidebar-first .block-menu ul {list-style: none;margin: 0px;padding: 0; list-style-image:none;list-style-type:none;}
#region-sidebar-first .block-menu ul li {list-style: none;  margin: 0px 0px; }
/*.lt-ie8 #region-sidebar-first .block-menu ul li {list-style-image: none; list-style-type:none;}*/

/*MENUS BLOCK*/

#region-sidebar-first .block-menu-block{margin-bottom:20px;}
#region-sidebar-first .block-menu-block h2{
	border-bottom: 1px solid #000000;
	margin-top: 0;
	margin-bottom: 10px;
	margin-left: 0;
	font-family: arial;
	font-size: 11px;
	line-height: 29px;
	text-transform: uppercase;
}
#region-sidebar-first .block-menu-block .menu li a {
	color: #222;
	text-decoration: none;
	transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
	font-family: gcl, hlt, arial;
	font-size: 18px;
	line-height: 26px;
	/* font-weight: bold; */
}
#region-sidebar-first .block-menu-block .menu li a:hover {color: #ccc;}
#region-sidebar-first .block-menu-block .menu li a.active {color: #ccc;}
#region-sidebar-first .block-menu-block ul {list-style: none;margin: 0px;padding: 0; list-style-image:none;list-style-type:none;}
#region-sidebar-first .block-menu-block ul li {list-style: none; margin:0px;}
.lt-ie8 #region-sidebar-first .block-menu-block ul li {list-style-image: none; list-style-type:none;}
#region-sidebar-first .block-menu-block .menu li a.active-trail {
	color: #000;
	font-weight:bold;
}

#region-sidebar-first .block-views h2 {text-transform: uppercase; }
#region-sidebar-first h2.block-title {margin-right: 0px;}
/*MENU FAVOURITES*/
.block-favorites legend{float:left; 	margin-top: 10px; }

.block-favorites{margin-bottom:40px;}
.block-favorites h2{
	margin-top: 10px;
	/*margin-right: 26px;*/
	margin-bottom: 10px;
	margin-left: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	font-family: arial;
	font-size: 11px;
	line-height: 29px;
	text-transform: uppercase;
}
.block-favorites #favorites-list ul li a {
	color: #222;
	text-decoration: none;
	transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
	font-family: gcl, hlt, arial;
	font-size: 18px;
	line-height: 26px;
	/* font-weight: bold; */
}
.block-favorites #favorites-list ul li a:hover,.block-favorites .favourites-list li a.active {color: #000;}
.block-favorites  ul {list-style: none;margin: 0px;padding: 0; list-style-image:none;list-style-type:none;}
.block-favorites  ul li {padding:0px;margin:0px;}
#favorites-add-favorite-form span a{
	float:right;
	color:#222;
	text-decoration:none;
	font-size: 10pt;
	/*font-weight: bold;*/
	
}
.block-favorites #favorites-list ul li .favorites-remove{
	color:#999;
	font-size: 10pt;
}
/*MENU SOCIALS*/
#block-block-7 a:hover { opacity:0.5;
	filter:alpha(opacity=50);}

/*MENU NEWS*/
#region-sidebar-news .block-menu h2{border-bottom: 1px solid #000000;font: 11px/29px arial;margin: 0 0 10px;}
#region-sidebar-news .block-menu .menu li a {color: #C7C7C7;font: bold 20px/21px hlt,arial;text-decoration: none;transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1) 0s;}
#region-sidebar-news .block-menu .menu li a:hover,#region-sidebar-first .block-menu .menu li a.active {color: #000;}
#region-sidebar-news .block-menu ul {list-style: none;margin: 0px;padding: 0; list-style-image:none;list-style-type:none;}
#region-sidebar-news .block-menu ul li {list-style: none; margin:0px;}

/*HOME LINKS*/
/*.featured-aera-item{width: 100%;max-width:253px;float:left;position:relative;}*/
.featured-aera-item.views-row-last{left:right;margin-right: 0px;}
.featured-aera-item.advert h3{color:#c7c7c7;}
.featured-box a{text-decoration:none;}
.featured-box a .img-container{width: 100%;max-width:253px;height:auto;top:0px;left:0px;}
.featured-box a .img-container .shadow{background:url(../img/dither-bg.gif) repeat left top;position:absolute;top:0px;left:0px;opacity:0;-webkit-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);-moz-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);-ms-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);-o-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);}
.featured-box { max-width:253px; width:100%; height:auto; float: left; padding-right:44px; text-transform:uppercase}
.featured-box.last{ padding-right:0px; }
.view-demarcacions-home .views-row .featured-box{ margin-right: 20px; margin-bottom: 20px;}
.featured-box .img-container img { width: 100%;max-width:253px; height:auto;}
.featured-box .img-container .field-content img { width: 100%;max-width:253px; height:auto; margin-bottom:15px;}
.featured-box a h3{
  font: normal 600 16px / 8px gcl,arial;
  color: #000000;
  text-transform: uppercase;
  float: left;
  font-stretch: condensed;
  letter-spacing: 0.1px;
  line-height: 16px;
}
.lt-ie8 .featured-box a h3{font:normal 40px; font-family: gcl,arial;}
.featured-box a .dot{margin-top:12px;right:0;display:none;float:right;width:12px;height:12px;text-indent:-9999px;background:transparent url(../img/icons.png) no-repeat -80px -100px;}
.featured-box .img-container a{max-width:253px; width:100%; height:auto;}
.featured-box .img-container a:hover{opacity:1;}
.featured-box .field-content{float:left;}

#featured-area .view-links-home-publicitat .featured-box
{
  max-width: none;
  padding-right: 0px;
}
#region-sidebar-first .featured-box
{
  max-width: none;
  padding-right: 0px;
}


/*NEWS page */
#block-views-links-home-block{ margin:30px 0px 30px}
.view-vw-noticies-blck .views-row { margin-bottom:30px;}
.view-vw-noticies-blck .featured-box { height:208px; padding-right: 30px;}
.view-vw-noticies-blck .featured-box p{
	font:normal 14px arial,gcl,;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.view-vw-noticies-blck .featured-box .img-container img{width:350px;height:auto;top:0px;left:0px;}
.view-vw-noticies-blck .featured-box img{height:auto;top:0px;left:0px;}
.view-vw-noticies-blck .featured-box .img-container .shadow{background:url(../img/dither-bg.gif) repeat left top;width:350px;height:auto;position:absolute;top:0px;left:0px;opacity:0;-webkit-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);-moz-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);-ms-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);-o-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);}
.view-vw-noticies-blck .featured-box h3 a{font:normal 21px / 25px gcl,arial;color:#000000;float:left;}
.lt-ie8 .view-vw-noticies-blck .featured-box h3 a{font:normal 21px; font-family: gcl,arial; color:#000000;float:left;}



/*Services pages View arquitectes */
.view-arquitectes-departaments-home .views-row { margin-bottom:30px;}
.view-arquitectes-departaments-home .featured-box { height:208px; padding-right: 30px;}
.view-arquitectes-departaments-home .featured-box p{
    font:normal 14px arial,gcl,;
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
}
.view-arquitectes-departaments-home .featured-box .img-container img{width:350px;height:auto;top:0px;left:0px;}
.view-arquitectes-departaments-home .featured-box img{width:100%;height:auto;top:0px;left:0px;}
.view-arquitectes-departaments-home .featured-box .img-container .shadow{background:url(../img/dither-bg.gif) repeat left top;width:350px;height:auto;position:absolute;top:0px;left:0px;opacity:0;-webkit-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);-moz-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);-ms-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);-o-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);}
.view-arquitectes-departaments-home .featured-box h3 a{font:normal 21px / 25px gcl,arial;color:#000000;float:left;}
.view-arquitectes-departaments-home .featured-box .item .text h4{
    font: bold 16px/18px condensed gcl,arial;
    margin: 0 0 15px;
    text-transform: uppercase;
letter-spacing: 1px;
font-stretch: condensed;
    }
.view-arquitectes-departaments-home .featured-box h4{
    font: 16px/18px gcl,arial;
    margin: 0 0 15px;
   /* text-transform: uppercase;*/
    }   
.view-arquitectes-departaments-home .featured-box .text h4{
    font: 16px/18px gcl,arial;
    margin: 0 0 15px;
    
    } 
.lt-ie8 .view-arquitectes-departaments-home .featured-box h3 a{font:normal 21px; font-family: gcl,arial; color:#000000;float:left;}
/*
*/

/*banners home*/
.banners-container{margin:0 0 0 80px;position:relative;/*border-left:1px solid #c7c7c7;border-right:1px solid #ffffff;*/width: 98%;max-width:1088px;height:40px;overflow:hidden;}
.banners-container .row{padding:0;list-style:none;width:1100px;height:40px;position:absolute;top:0;left:0;}
.banners-container .row li{float:left;width:270px;height:40px;/*border-right:1px solid #c7c7c7;*/position:relative;}
.banners-container .row li.last{ float:left; width:100px; margin-right:0; }
.banners-container .row li img{width:120px;height:40px;position:absolute;top:0;left:0;opacity:0.3;filter:alpha(opacity=30);}
/*.banners-container .row.animated li{clear:left;position:absolute;top:0;left:0;}*/
.banners-container .row li img:hover{width:120px;height:40px;position:absolute;top:0;left:0;opacity:1;filter:alpha(opacity=100);}



/*.node-page, .node-noticia { max-width:850px;  text-align : justify;}*/

.node-noticia-comentari {
	/*max-width:850px;  */
	text-align : justify;
	}
.field-name-field-imatge-header img{max-width:100%; width: 100%; height: auto;}
.node-page .head,.node-noticia .head{width:100%;float:left;margin-bottom:30px;}
.node-page h3, .node-noticia h3 {font: normal 600 19px/18px condensed gcl,arial;
    text-decoration: none;
    font-stretch: condensed;
    letter-spacing: 1px; text-transform:uppercase;margin:0 0 15px;}

.lt-ie8 .node-page h3, .node-noticia h3{font:normal 20px; font-family: gcl,arial;}
.node-noticia-comentari h3{ font:bold 21px / 20px gcl,arial;margin:0 0 30px;}
.columns{
-moz-column-count:2; /* Firefox */
-moz-column-width:352px;
-moz-column-gap:44px;

-ms-column-count:2;
-ms-column-width:352px;
-ms-column-gap:44px;

-o-column-width:352px;
-o-column-gap:44px;

-webkit-column-count:2; /* Safari and Chrome */
-webkit-column-width:352px;
-webkit-column-gap:44px;

column-count:2;
column-width:352px;
column-gap:44px;

}
.columnadreta {
	float: right;
	width: 352px;
	margin-right:44px;
	font: normal 12px / 18px arial;
}
.columnaesquera {
	float: left;
	margin-left:44px;
	margin: 0 0 18px;
	font: normal 12px / 18px arial;
}
/*.columns .column{overflow:hidden;margin-right:44px;width:352px !important;}*/
.columns .column{overflow:hidden;margin-right:44px;}
.columns .column.last{margin-right:0;}
.columns h1,.node-page .columns h2,.node-page .columns h3{font:normal 21px / 20px gcl,arial;text-transform:uppercase;margin:0 0 15px;}
.columns h4,.node-page .columns h5,.node-page .columns h6{font:bold 16px / 17px arial;text-transform:inherit;margin:0 0 15px;}
.columns q{text-align:center;display:block;font:normal 16px / 18px arial;color:#a9a6a1;margin:0 0 18px;}
.columns ul{margin:0 0 18px;padding:0;list-style:none;}
.node-page .columns ul li{font:normal 12px / 29px arial;border-bottom:1px solid #c7c7c7;}
.columns ol{margin:0 0 18px;padding:0;list-style-position:inside;list-style-type:decimal-leading-zero;}.node-page .columns ol li{font:normal 12px / 29px mn, arial;border-bottom:1px solid #c7c7c7;}
.columns a{border-bottom: 1px dotted #999;font:normal 12px / 18px mn,arial;color:#a9a6a1;text-decoration:none;}.node-page .columns a:hover{/*text-decoration:underline;*/}
.node-page .columns ul li a {border-bottom: none;text-decoration: none;}
.node-page .columns a:hover{color:#000000;}
.columns i{font:normal 12px / 18px mn,arial;}
.columns img{max-width:352px;margin:4px 0 22px;}
.columns {margin: 0 0 18px;font: normal 13px / 18px mn,arial;text-align:justify;}
.columns p {margin: 0 0 18px;font: normal 13px / 18px mn,arial;}

.columnsOne{
 -moz-column-count:1; /* Firefox */
-webkit-column-count:1; /* Safari and Chrome */
column-count:1;
}

/*.columnsOne .column{overflow:hidden;margin-right:44px;width:352px !important;}*/
.columnsOne .column{overflow:hidden;margin-right:44px;}
.columnsOne .column.last{margin-right:0;}
.columnsOne h1,.node-page .columnsOne h2,.node-page .columnsOne h3{font:normal 21px / 20px gcl,arial;text-transform:uppercase;margin:0 0 15px;}
.columnsOne h4,.node-page .columnsOne h5,.node-page .columnsOne h6{font:bold 16px / 17px arial;text-transform:inherit;margin:0 0 15px;}
.columnsOne q{text-align:center;display:block;font:normal 16px / 18px arial;color:#a9a6a1;margin:0 0 18px;}
.columnsOne ul{margin:0 0 18px;padding:0;list-style:none;}.node-page .columnsOne ul li{font:normal 13px / 29px mn,arial;border-bottom:1px solid #c7c7c7;}
.columnsOne ol{margin:0 0 18px;padding:0;list-style-position:inside;list-style-type:decimal-leading-zero;}.node-page .columnsOne ol li{font:normal 13px / 29px arial;border-bottom:1px solid #c7c7c7;}
.columnsOne a{border-bottom: 1px dotted #999;font:normal 13px / 18px mn,arial;color:#666666;text-decoration:none;}.node-page .columnsOne a:hover{text-decoration:underline;}
.columnsOne a:hover{border-bottom: 1px dotted #000;font:normal 13px / 18px mn,arial;color:#000;text-decoration:none;}
.node-page .columnsOne ul li a {border-bottom: none;text-decoration: none;}
.columnsOne i{font:normal 13px / 18px mn,arial;}
.columnsOne img{max-width:352px;margin:4px 0 22px;}
.columnsOne {margin: 0 0 18px;font: normal 13px / 18px mn,arial;}
.columnsOne p {margin: 0 0 18px;font: normal 13px / 18px mn,arial;}

.view-arquitectes-departaments-home h3{font:bold 19px / 17px gcl,arial;;margin:0 0 15px;letter-spacing: 1px;}
.view-arquitectes-departaments-home table{border:1px solid #cccccc;}
.view-display-id-block_info_contacte_concursos {font:normal 14px / 18px gcl,arial;;margin:0 0 10 10px;}

.node-iframe {width: 100%;float:left;}
.node-iframe h3{font:normal 21px / 20px gcl,arial;text-transform:uppercase;margin:10px 0 10px;}
.lt-ie8 .node-iframe h3{font:normal 20px; font-family: gcl,arial;}

.node-iframefull {width: 100%;float:left;}
.node-iframefull h3{font:normal 21px / 20px gcl,arial;text-transform:uppercase;margin:0 0 30px;width:600px;float:left;}
.lt-ie8 .node-iframefull h3{font:normal 20px; font-family: gcl,arial;}

/*SOCIAL*/
.coac-page .body article .baseline-wrapper .social{width:55px;position:absolute;right:-99px;top:0;}
.coac-page .body article .baseline-wrapper .social h5{font:normal 12px / 18px arial;color:#c7c7c7;margin:0 0 15px;position:relative;}
.coac-page .body article .baseline-wrapper .social h5 span{position:absolute;right:0;top:3px;opacity:0.2;width:12px;height:12px;display:block;background:transparent url(../img/icons.png) no-repeat -100px -100px;}
.coac-page .body article .baseline-wrapper .social ul{margin:0;padding:0;list-style:none;border-top:1px solid #c7c7c7;}
.coac-page .body article .baseline-wrapper .social ul li{height:29px;border-bottom:1px solid #c7c7c7;}
.coac-page .body article .baseline-wrapper .social ul li a{color:#c7c7c7;text-decoration:none;font:normal 12px / 29px arial;display:block;width:55px;height:29px;position:relative;text-indent:-9999px;}
.coac-page .body article .baseline-wrapper .social ul li a span{width:20px;height:29px;display:block;position:absolute;top:0px;left:0px;-webkit-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);-moz-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);-ms-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);-o-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);opacity:0.3;}
.coac-page .body article .baseline-wrapper .social ul li a:hover span{opacity:1;}
.coac-page .body article .baseline-wrapper .social ul li .tt span{background:transparent url(../img/icons.png) no-repeat 0px -150px;}
.coac-page .body article .baseline-wrapper .social ul li .fb span{background:transparent url(../img/icons.png) no-repeat -30px -150px;}
.lt-ie9 .coac-page .body article .baseline-wrapper .social h5 span{display:none;}
.node-sectionpage article .columns p{margin:0 0 18px;font:normal 12px / 18px arial;}
.lt-ie8 .node-sectionpage article .columns p{font:normal 18px; font-family: gcl,arial;}


/*NEWS PAGE */
.view-vw-noticies-blck{max-width:850px;float:left;}
.view-vw-noticies-blck .views-row{}
.view-vw-noticies-blck .views-field-field-imatge-noticia{width:220px;float:left;}
.view-vw-noticies-blck .views-field-title{width:220px;float:left;}
.view-vw-noticies-blck .views-field-title span{ float:left ; width:360px; padding-left:10px;}
.view-vw-noticies-blck .views-field-title span{ float:left}
.view-vw-noticies-blck .views-field-title span a {font: 13px/14px arial;letter-spacing: 0;margin: 0px;text-transform: uppercase; text-decoration:none; color:#111}
.lt-ie8 .view-vw-noticies-blck .views-field-title span a{font:normal 14px; font-family: gcl,arial;}
.view-vw-noticies-blck .views-field-field-delegacions {float:right; width:200px;color: #DDD;}
.node-noticia .field-name-field-imatge-noticia img{ max-width:75%;width: 75%; height: auto;  }
.node-noticia-comentari .field-name-field-imatge-noticia img {
    height: auto;
    max-width: 100%;
    width: 100%;
}

/*TEMP FONDO NEGRO IMAGEN NOTICIA*/
.node-noticia .field-name-field-imatge-noticia .field-item {
  background-color: black;
}
.node-exposicio .field-name-field-imatge-exposicio .field-item {
  background-color: #FF5959;
}
.node-cursos .field-name-field-imatge-exposicio .field-item {
  background-color: #418fde;
}

/*PROPUESTA*/
.list .item {border-top:1px solid #c7c7c7;float:left;width:100%;padding:15px 0px;}
.list .item:first-child {border-top:0px solid #c7c7c7;float:left;width:100%;padding:0px 0px;}

.list .item .img{float:left;}
.list .item .text{float:left;padding:0 0 0 15px;width:95%;max-width:570px; margin-top: 0px; text-align: justify;}
.list .item .text h4{font:normal bold 16px / 18px gcl,arial;text-transform:uppercase;margin:0 0 15px;letter-spacing: 1px;}
.list .item .text p{font:normal 13px / 18px mn,arial;margin-bottom: 10px;}
.view-arquitectes-departaments-home .list h4, .view-buscador-gestor-documental .list h4{margin-bottom:0px;}
.view-arquitectes-departaments-home .list h4 a, .view-buscador-gestor-documental .list h4 a{font: bold 16px / 18px gcl,arial;text-decoration: none;margin:0 0 15px;letter-spacing: 1px;}
.view-arquitectes-departaments-home tfoot {    font-size: 14px;font-weight: bold;text-align: right;text-decoration: none;}

/*EXPOSICIO PAGE*/
.node-exposicio{width:100%;float:left;}
.art-mod { float:right;width:50%;margin-left:15px; font: 13px/18px mn,arial;}
/*.c-art-mod {border-top: 1px dotted #CCCCCC;padding-top: 1px;}*/
.cf:after, .item:after, .estirar:after {clear: both;}
.cf:before, .cf:after, .item:before, .item:after, .estirar:before, .estirar:after {content: " ";display: table;}
.cf:before, .cf:after, .item:before, .item:after, .estirar:before, .estirar:after {content: " ";display: table;}
.art-mod .card {border-bottom: 1px dotted #CCCCCC;border-top: 0 dotted #CCCCCC;margin-bottom: 14px;padding: 0px 0;}
.node-exposicio h3{font:bold 21px / 28px gcl,arial;text-transform:uppercase;margin:30px 0;letter-spacing: 1px;}
.lt-ie8 .node-exposicio h3{font:normal 14px; font-family: gcl,arial;}
#tornar-link { font-weight:bold; text-decoration:none; color:#333}
/*HOOK*/
#first-time{display:none}
.field-name-field-imatge-exposicio img{ max-width: 847px;width: 100%; height: auto;  }

/*CURSOS PAGE*/
.node-cursos{width:847px;float:left;}
.node-cursos h3{font: bold 21px/20px gcl,arial;text-transform:uppercase;margin:30px 0 30px;letter-spacing: 1px;}
.lt-ie8 .node-cursos h3{font:normal 14px; font-family: gcl,arial;}



/*HOOK*/
#first-time{display:none}
.field-name-field-imatge-exposicio img{ max-width: 75%;width: 100%; height: auto;  }
.node-agenda-arquitectura img{ max-width: 287px;width: 100%; height: auto;  }
/*CASOS PAGE*/

.node-casos h3{font:normal 21px / 20px gcl,arial;text-transform:uppercase;margin:30px 0 30px;}



/*WEBFORMS*/
.webform-component{
/*border: 1px dotted #CCCCCC;*/
padding:3px;
/*background-color:#F1F1F1;*/
font: normal 13px/19px mn,arial;
float:left;
width:100%;
clear:both;
margin-bottom:0em;
margin-top:0em;

}
.webform-component-radios .form-type-radio{float:left;margin-left:20px; font-weight:normal}
.webform-component label{font: bold 13px/50px arial;}
.webform-component label.option{font:  13px/18px arial;}
.lt-ie8 .webform-component label{font:normal 14px; font-family: arial,gcl;}
.webform-component-radios .form-type-radio label{padding-left:5px;font: 14px/18px arial;}
.webform-component-radios .form-radio{float:left;}
.webform-component-textarea{clear:both;}
.webform-component .form-textarea-wrapper textarea{clear:both;}
.webform-client-form .form-actions{float:right;}

option.firstLevel{font-weight: 900 !important;}
option.secondLevel{margin-left:20px !important;}

.label{font: bold 13px/19px arial;}


.boxes {
    width: 253px;
    height: 150px;
    /*margin: 10px;*/
    float: left;
    border: 10px solid #fff;
    overflow: hidden;
    position: relative;
    text-align: center;
    box-shadow: 1px 1px 2px #e6e6e6;
    cursor: default;
    background: #fff url(img/bgimg.jpg) no-repeat center center
}
.boxes .mask, .boxes .content {
    width: 253px;
    height: 150px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0
}
.boxes img {
    display: block;
    position: relative
}
.boxes h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.8);
    margin: 20px 0 0 0
}
.boxes p {
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #fff;
    padding: 10px 20px 20px;
    text-align: center
}
.boxes a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    box-shadow: 0 0 1px #000
}
.boxes a.info:hover {
    box-shadow: 0 0 5px #000
}

.boxes-first img {
    transition: all 0.2s linear;
}
.boxes-first .mask {
    opacity: 0;
    background-color: rgba(50,50,50,0.5);
    transition: all 0.4s ease-in-out;
}
.boxes-first h2 {
    transform: translateY(-100px);
    opacity: 0;
    transition: all 0.2s ease-in-out;
}
.boxes-first p {
    transform: translateY(100px);
    opacity: 0;
    transition: all 0.2s linear;
}
.boxes-first a.info{
    opacity: 0;
    transition: all 0.2s ease-in-out;
}
.boxes-first:hover img {
    transform: scale(1.1);
}
.boxes-first:hover .mask {
    opacity: 1;
}
.boxes-first:hover h2,
.boxes-first:hover p,
.boxes-first:hover a.info {
    opacity: 1;
    transform: translateY(0px);
}
.boxes-first:hover p {
    transition-delay: 0.1s;
}
.boxes-first:hover a.info {
    transition-delay: 0.2s;
}

.boxes-sixth img {
    transition: all 0.4s ease-in-out 0.5s;
}
.boxes-sixth .mask{
    background-color: rgba(50,50,50,0.5);
    opacity:0;
    transition: all 0.3s ease-in 0.4s;
}
.boxes-sixth h2{
    opacity:0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    background: transparent;
    margin: 20px 40px 0px 40px;
    transform: scale(10);
    transition: all 0.3s ease-in-out 0.1s;
}
.boxes-sixth p {
    opacity:0;
    transform: scale(10);
    transition: all 0.3s ease-in-out 0.2s;
}
.boxes-sixth a.info {
    opacity:0;
    transform: translateY(100px);
    transition: all 0.3s ease-in-out 0.1s;
}

.boxes-sixth:hover .mask {
    opacity:1;
    transition-delay: 0s;
}
.boxes-sixth:hover img {
    transition-delay: 0s;
}
.boxes-sixth:hover h2 {
    opacity: 1;
    transform: scale(1);
    transition-delay: 0.1s;
}
.boxes-sixth:hover p {
    opacity:1;
    transform: scale(1);
    transition-delay: 0.2s;
}
.boxes-sixth:hover a.info {
    opacity:1;
    transform: translateY(0px);
    transition-delay: 0.3s;
}
.box{
    background-color:#e6e6e6;
    margin:10px;
    float:left;
    width:100%;
}
article h3, .box h3{
    color:#333;
    font:normal 20px / 22px gcl,arial;margin:0 0 16 0px;
}
.lt-ie8 article h3, .box h3{font:normal 22px; font-family: gcl,arial;}
.article .grid-1,.article .grid-2,.article .grid-3,.article .grid-4,.article .grid-5,.article .grid-6,.article .grid-7,.article .grid-8,.article .grid-9,.article .grid-10,.article .grid-11,.article .grid-12 { margin: 0px;}


.block-links-home-publicitat-block .view-links-home-publicitat article h3 {margin-bottom: 0px;}
.block-links-home-publicitat-block .view-links-home-publicitat article {margin-bottom: 15px;}

/*RESPONSIVE FOR COAC CSS*/
.container-12 {
        margin-left: 0px;
        margin-right: 0px;
}
@media only screen and (max-width:1160px){
    #page{width:auto;}
    #page header{
        width:auto;
        height:auto;
        min-height:210px;
    }
    #page section-content{
        width:auto;
        height:auto;
        min-height:210px;
    }
    #region-header-first {
        width: 100%;
        max-width: 278px;
        float: left;
    }
    #zone-menu-wrapper{
        margin-bottom: 30px;
    }
    #zone-header-wrapper{
        margin-bottom: 50px;
    }
}

.region-header-second {
    width: 95% !important;
    max-width: 880px;
}

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

    #zone-menu-wrapper{
        margin-top: 45px;
        margin-bottom: 0px;
    }
}

@media only screen and (max-width: 550px){
	#header #main-menu li.menu-7030 a {
		font-size: 22px !important;
	}

	#header #main-menu li.menu-7030 {
    	float: left;
    	font-size: 16px;
	}

	#header #main-menu li.menu-7030 > a::after {
	    content: ">";
	    float: right;
	    font-size: 22px;
	    line-height: 14px;
	    margin-top: 2px;
		padding-left: 13px;
	}

	#header #main-menu li.menu-7031 a {
		font-size: 22px !important;
	}

	#header #main-menu li.menu-7031 {
    	float: left;
    	font-size: 16px;
	}

	#header #main-menu li.menu-7034 a {
		font-size: 22px !important;
	}

	#header #main-menu li.menu-7034 {
    	float: left;
    	font-size: 16px;
	}
    #main-menu li {
        padding: 8px;
        margin-top:2px;
        background-color: #F2F2F2;
        width: 100%;
        -webkit-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);
        -moz-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);
        -ms-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);
        -o-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);
        transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
    }

        #main-menu li {
        padding: 8px;
        margin-top:2px;
        background-color: #F2F2F2;
        width: 100%;
        -webkit-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);
        -moz-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);
        -ms-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);
        -o-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);
        transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
    }

    #header #shortcuts-menu .block, #header #shortcuts-menu #block-search-form .container-inline .form-text, #header #shortcuts-menu .block .sc-head {
        width:100% !important;
    }

    #header #main-menu li{float:left;margin-right:0px;}
}

@media only screen and (max-width: 250px){
#new_user_2{display: none}
#shortcut-login-2 #edit-name, #shortcut-login-2 #edit-pass{ width: 90%}
}

@media only screen and (max-width: 1140px){
    .featured-box.last{ padding-right:44px; }
    #region-header-second {
        float: left !important;
    }
}
@media only screen and (max-width: 1024px){
    #region-header-second {
        float: left !important;
    }
}

#overlay-content header{
    height:0px;
}
.node-webform footer{
    display:none;
}

/* TITULO BLANCO O NEGRO */
.views-field-field-titol-carrussel .negre .field-content {
    color: #000000 !important;
	font-weight: lighter !important;
}

.views-field-field-titol-carrussel .blanc .field-content {
    color: #ffffff !important;
	font-weight: lighter !important;
	text-shadow:5px 5px 5px #000000;
}


.views-field-field-color-texte{
    display: none;
}


/* TITULO NORMAL */
.views-field-title .negre span a{
    color: #000000 !important;
	font-weight: bold !important;
}

.views-field-title .blanc span a{
    color: #ffffff !important;
	font-weight: bold !important;
	text-shadow:5px 5px 5px #000000;
}

/* login test */

#block-user-login, #block-user-login .sc-head{
    width: 230px  !important;
}

#header #shortcuts-menu #shortcut-login .sc-head {width: 230px  !important;}
#header #shortcuts-menu #shortcut-login {width: 200px  !important;}
#block-user-login, #block-user-login #shortcut-login-2 {width: 220px  !important;}

#block-block-5, #block-block-5 .sc-head{width: 110px !important;}
#block-block-5, #block-block-5 #shortcut-register {width: 100px !important;}
#block-block-2, #block-block-2 .sc-head{width: 95px !important;}
#block-block-2, #block-block-2 #shortcut-contact {width: 95px !important;}

#block-block-6, #block-block-6 #shortcut-num {width: 100px !important;}
#block-block-6, #block-block-6 .sc-head{width: 110px !important;}

#shortcut-language .sc-head{width: 100px !important;}
#shortcut-language{width: 95px !important;}
#shortcut-login-2 .form-item{
    margin-bottom: 0px;
    margin-top: 0px;
}

.login-hidden{
    display: none;
}

#shortcut-login-2 #edit-pass, #shortcut-login-2 #edit-name {
    float: left;
    margin-right: 10px;
}

.login-hidden{
    display: none;
}

#user-login-form label{
    display: none;
}

#shortcut-login-2 .sc-head .item-list .last{
    display: none;
}

#new_user_2 {
    margin: 0;
    padding: 0;
    padding-right: 7%;
    margin-right: 10px;
    /*float: right;*/
}

#new_user_2 a {
    font: normal 14px / 29px gcl,arial;
color: #c7c7c7;
text-decoration:none;
text-transform: uppercase;
cursor: pointer;
}
#new_user_2 a:hover{
color: #000;
}

#shortcut-login-2 #edit-name,
#shortcut-login-2 #edit-pass{
  border:0;
  margin:0;
  padding:0;
  width:45%;
  height:14px;
  font:normal 10px / 10px  gcl,arial;
  -webkit-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);
  -ms-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);
  transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);
  outline:none;
  position: relative;
  bottom: -8px;
}
 /*{border:0;margin:0;padding:0;width:30%;height:29px;font:normal 14px / 29px  gcl,arial;text-transform:uppercase;-webkit-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);-moz-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);-ms-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);-o-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);outline:none;}*/

#header #shortcuts-menu #shortcut-login-2 .sc-head span{background:transparent url(../img/icons.png) no-repeat -40px -98px;}
#header #shortcuts-menu #shortcut-register .sc-head span{background:transparent url(../img/icons.png) no-repeat -40px -98px;}
#header #shortcuts-menu #shortcut-num .sc-head span{background:transparent url(../img/icons.png) no-repeat -40px -98px;}
#shortcut-login-2 #icon{margin-top:6px;margin-left:3px;float:left;border:none;background:transparent url(../img/icons.png) no-repeat -74px -100px;width:15px;height:15px;text-indent:-9999px;-khtml-opacity:0.4;-moz-opacity:0.4;-ms-filter:"alpha(opacity=50)";filter:alpha(opacity=40);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);opacity:0.4;-webkit-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);-moz-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);-ms-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);-o-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);}
#zone-header-wrapper #shortcut-login-2 #icon {
  position: absolute;
  margin: auto;
  right: 6px;
  top: 12px;
  width: 9px;
  height: 9px;
  transform: rotate(-45deg) !important;
  -webkit-transform: rotate(-45deg) !important;
  -moz-transform: rotate(-45deg) !important;
  -o-transform: rotate(-45deg) !important;
  -ms-transform: rotate(-45deg) !important;
  border-right: 1px solid #000000 !important;
  border-bottom: 1px solid #000000 !important;
  padding: 0 !important;
  opacity: 1;
}
/*#shortcut-login-2 #icon{margin-top:6px;float:left;border:none;background:transparent url(../img/icons.png) no-repeat -80px -97px;width:15px;height:15px;text-indent:-9999px;-khtml-opacity:0.4;-moz-opacity:0.4;-ms-filter:"alpha(opacity=50)";filter:alpha(opacity=40);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);opacity:0.4;-webkit-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);-moz-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);-ms-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);-o-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);}*/

#main-menu li {
    /*padding-top:0.5em;*/
    padding-bottom:0.5em;
    padding-right:0.5em;
    padding-left:0px;
}

/*separación campo tipo en plantilla OCT*/
.TipoOCT{
	padding-right:20em;
}
/*li menus pie*/
ul li.leaf {
     list-style-image: none;
    list-style-type: none;
	font: 12px/18px arial;
	color: #000000;
}

/*forum*/
.forum-list-icon-legend{display:none;}
.forum-tools{display:none;}		
.forum-table-wrap .forum-table-superheader {
    background: none repeat scroll 0 0 #4575B4;
    border:  none;
	color: #FFFFFF;
	font:bold 29px; font-family:  gcl,arial;	
}
.forum-table-wrap .forum-table-superheader a{color: #FFFFFF;}
thead.forum-header th, th {
    background: none repeat scroll 0 0 #4575B4;
    border: 0px ;
    color: #FFFFFF;
}
.forum-table {border:0;}

.forum-post-panel-main{
	min-height: 100px;
}


/* quadre serveis*/
.caja {
	color: #666;
	font-family: GCL;
	font-size: 10pt;
	border: 1px solid #CCC;
	margin-left: 5px;
	margin-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: -10px;
	margin-bottom: 10px;
	text-align: left;
}

.caja ul{ margin-top:0px;
margin-bottom:10px;
}
.caja ul li {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;
	text-indent: 0px;
	text-transform: none;
	white-space: normal;
	list-style-position: outside;
	list-style-position: outside;
	color: #999;
	
	}
.caja ul li a {
	clear: both;
	color: #80a6d3;
	list-style-image: url(../img/gris.gif);
	text-decoration: none;
}
.caja ul li a:hover{
/* color: rgb(244, 98, 0);*/
  text-decoration: none;
}

H1.titul_gran {
    background-color: #000000;
    background-image: url(../img/fletxa.gif);
    background-position: right bottom;
    background-repeat: no-repeat;
    color: #ffffff;
    font-family: GCL;
    font-size: 14px;
    font-weight: bold;
    height: 40px;
    margin-left: 5px;
    margin-right: 5px;
    padding-left: 5px;
    padding-top: 5px;
}
H1.titul_gran  a{
  color: #ffffff;  
  
}
H1.titul_gran  a:hover{
  color: #ff0000;   
}
.izquierdacajas {
	width: 25%;
	float:left;
	padding: 0px;
}

.gris {
	list-style-image:url(../img/gris.gif);
}
.blau {
		list-style-image:url(../img/blau.gif);
}
.segons{
margin-top:0px;}

.view-view-exposicions .view-content .grid .text span a {
    float: left;
	font: bold 16px/18px gcl,arial !important;
    line-height: 0;
    margin: 5px 0 10px;
    max-width: 253px;
 
}

.view-view-exposicions .view-content .grid .text .field-content {
	   padding-left: 0;}
	 
/* sharethis*/   


.st_twitter_custom {
	
	width:20px;
	height:29px;
	display: inline-block;
	position:relative;
	top:0px;
	left:0px;
	-webkit-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);
	-moz-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);
	-ms-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);
	transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);
	opacity:0.3;
	 cursor: pointer;
     background:transparent url("../img/icons.png") no-repeat scroll 0 -150px ;
	    color: #000;
    cursor: pointer;
  
    font-size: 11px;
    line-height: 16px;
    margin-left: 3px;
    margin-right: 3px;
    position: relative;
    text-decoration: none;
    z-index: 1;
	
	
}
a.st_twitter_custom:hover {
 opacity:1;
 }
 .st_facebook_custom {
	width:20px;
	height:29px;

	-webkit-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);
	-moz-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);
	-ms-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);
	transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);
	opacity:0.3;
	cursor: pointer;
	
	
     background:transparent url("../img/icons.png") no-repeat scroll -30px -150px ;


margin-left: 15px;
padding-right: 3px;
white-space: nowrap;
font-family: Verdana,Helvetica,sans-serif;
font-size: 11px;
display: inline-block;

line-height: 16px;
	
}
a.st_facebook_custom:hover {
 opacity:1;
 }
 .st_linkedin_custom {
	 opacity:1;
	cursor: pointer;
  background:transparent url("../imatges/linkefin1.png") no-repeat scroll 0px 0px ; 
    width:20px;
	height:29px;
	display: inline-block;
	top:5px;
	position:relative;
	margin-left: 8px;
	}
  .st_sharethis_custom {
	 opacity:0.5;
	cursor: pointer;
  background:transparent url("../imatges/sharethis_20.png") no-repeat scroll 0px 0px ; 
    width:20px;
	height:29px;
	display: inline-block;
	top:5px;
	position:relative;
	margin-left: 20px;
	}

.rectangle {
  font: 12px/18px arial;
  color: #999;
  float: left;
  display:none;

}
.node-textos-legals a {
  border-bottom: 1px dotted #999;
  color: #a9a6a1;
  text-decoration: none;
}
.node-documents-reconeguts a {
  border-bottom: 1px dotted #999;
  color: #a9a6a1;
  text-decoration: none;
}
.node-documents-informatius a {
  border-bottom: 1px dotted #999;
  color: #a9a6a1;
  text-decoration: none;
}
.print_html a {
  border-bottom: 0;
  text-decoration: none;
}

.print_mail a {
  border-bottom: 0;
  text-decoration: none;
}
.print_pdf a {
  border-bottom: 0;
  text-decoration: none;
}

/**************************/
/* DRAUTA */
/**************************/

body.front .node-page {
  display: none;
}

.pdfpreview-file {
	width:auto;
	height:auto;
}

/* ENCUESTAS */
#page .advpoll-custom-node footer.submitted {
  margin-top: 15px;
  margin-bottom: 15px;
  color: #222222;
}
.advpoll-custom-node .poll .bar, .adw-poll-custom-results.poll .bar {
  height: 25px;
  border: none;
}
.advpoll-custom-node .poll .bar .foreground, .adw-poll-custom-results.poll .bar .foreground{
  background-color: #222222;
  height: 25px;
}
.advpoll-custom-node .statistics_counter span{
  color: #222222;
  display: none;
}

.advpoll-custom-node .form-type-radio{
  font-size: 15px;
  margin-top: 15px;
  margin-bottom: 0;
}
.advpoll-custom-node input[type="submit"] {
  border: 1px solid #222222;
  background: transparent;
  color: #222222;
  opacity: 0.8;
  padding: 4px 18px;
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 15px;
}
.advpoll-custom-node input[type="submit"]:hover {
  opacity: 1;
}
.advpoll-custom-node #message {
  margin-bottom: 15px;
  border: 1px solid #222222;
  padding: 15px;
}
.advpoll-custom-node .adw-poll-custom-results .poll-titulo-pregunta,
.advpoll-custom-node .adw-poll-custom-results .body-poll{
  display: none;
}
.advpoll-custom-node .adw-poll-custom-results .text, .adw-poll-custom-results.poll .text {
  font-size: 15px;
  margin-bottom: 7px;
}
p.poll-titulo-pregunta {
  font-family: gcl,arial;
  font: bold 21px / 20px gcl,arial;
  border-bottom: 1px solid #000000;
  padding-bottom: 9px;
}
#advpoll-electoral-list-form {
  margin-bottom: 15px;
  margin-top: 15px;
}
.body-poll .field-name-body p{
  font-size: 14px;
}


/* SLICK CAROUSEL */

.slick__slide li {
  list-style-type: none;
}

.slick-arrow::before {
  color: #222;
}

.slick-arrow:hover::before {
  color: #ccc;
}

/* FITXA OCT */

.node-fitxaoct ul.links {
  clear: both;
  display: block;
  padding-top: 20px;
}

.oct-agents-header {
  margin-left: 10px;
  margin-right: 10px;
}
.oct-agents-border-bottom
{
  padding-bottom: 5px;
  border-bottom: 2px solid #d4c5d8;
}
.fitxa-oct-row.oct-agents{
  background: #f7f7f7;
}
.node-fitxaoct .oct-agents .field-item-header {
  padding: 0px 0px 3px 0px;
}

.node-fitxaoct .oct-agents .field-item {
  margin: 0;
  padding: 3px 0px 3px 0px;
}

.node-fitxaoct .field .field-label {
  margin-bottom: 8px;
  padding-bottom: 5px;
  border-bottom: 2px solid #dee2e6;
}

.node-fitxaoct .expanding-formatter-content {
  margin-top: 20px;
}

.node-fitxaoct .readmore-link {
  color: #adadad;
  outline: none;
}

.node-fitxaoct .fitxa-oct-row {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 20px;
}

.node-fitxaoct .oct-agents,
.node-fitxaoct .oct-doc-imp-residus {
  padding.top: 10px;
}

.node-fitxaoct .oct-margins .field {
  position: relative;
}

.node-fitxaoct .oct-margins .field:after {
  content: '#';
/*   border-bottom: 1px solid black; */
  width: 100%;
  display: block;
  position: absolute;
  top: 5px;
  color: transparent;
}
.field-name-field-oct-doc-ajuda-coac.dc .field-label{
  border-bottom: none !important;
}
.separador-documents{
  width: 102%;
  border-bottom: 1px solid #222222;
  margin-left: -9px;
  margin-top: -15px;
}
.node-fitxaoct .oct-margins .field-label,
.node-fitxaoct .oct-margins .field-items {
  margin-left: 10px;
}

.node-fitxaoct .oct-doc-imp-residus .field-items .field-item {
  flex-basis: 25%;
  max-width: 100%;
  margin-bottom: 15px;
}

[id^=menu-jstree-] {
  overflow-y: inherit;
}

/* DRAUTA GRID 12 */

.drauta-grid-12 {
  display: flex;
  flex-wrap: wrap;
  margin-right: -.5rem;
  margin-left: -.5rem;
}

.drauta-grid-item-1,
.drauta-grid-item-2,
.drauta-grid-item-3,
.drauta-grid-item-4,
.drauta-grid-item-6,
.drauta-grid-item-8,
.drauta-grid-item-12 {
  box-sizing: border-box;
  padding-right: .5rem;
  padding-left: .5rem;
}

.drauta-grid-item-1 {
  flex: 0 0 8.33%;
  max-width: 8.33%;
}

.drauta-grid-item-2 {
  flex: 0 0 16.66%;
  max-width: 16.66%;
}

.drauta-grid-item-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.drauta-grid-item-4 {
  flex: 0 0 33.33%;
  max-width: 33.33%;
}

.drauta-grid-item-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.drauta-grid-item-8 {
  flex: 0 0 66.66%;
  max-width: 66.66%;
}

.drauta-grid-item-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.node-documents-manuals  a {
  border-bottom: 1px dotted #999;
  color: #a9a6a1;
  text-decoration: none;
}

.titol-fitxes{
  color: #84190e;
}
/* .block-jstree-menu-menu-book-fitxes-oct .block-inner{ */
  /* background-color: #f7f7f7; */
  /* padding: 14px; */
/* } */
.fitxa-otc-i i{
  color: #84190e;
}
.fr{
  float: right;
}
.fr a{
  color: #84190e;
}
.bg-agents{
  margin-left: -20px;
  margin-right: -15px;
}
.field-name-field-oct-documents-associats .field-label{
  background: #f7f7f7;
  padding-left: 10px;
}
.field-name-field-oct-documents-associats .field-label .fr{
  padding-right: 15px;
}
.oct-doc-imp-residus .bg-agents{
  background-color: #eee;
  padding: 6px 10px 6px 10px;
  margin-bottom: 10px;
  margin-right: 10px;
}
.oct-doc-imp-residus img{
  padding-left: 10px;
}
/* COLORS ICONES FONT AWESOME FITXA OCT */

i.vermell {
  color: #ED4140;
}

i.vermall-fosc {
  color: #84190e;
}

/**************************/
/* END DRAUTA */
/**************************/

div.image-widget-data img.file-icon {
  width: 10px;
}


#shortcuts-menu{
	float: right !important;
	margin-right: 13px;
}

.button {
	color: white!IMPORTANT;
	padding: 1px 13px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
	background-color: #000;
   border: 1px solid #000000; /* Green */
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
     cursor: pointer;
}

.button:hover {
	background-color: white;
    color: black!IMPORTANT;
    border: 1px solid #000000; /* Green */
	text-decoration: none;
}
    

/**************************/
/* OCT JORDI F. */
/**************************/


      .table thead th {
            width: 20%;
            vertical-align: bottom;
            border-bottom: 2px solid #dee2e6;
        }
          
     .table td, .table th {
            padding: 0;
            vertical-align: top;
            border-top: 1px solid #dee2e6;
        }


/**************************/
/* 06/11/2018. */
/**************************/

#region-sidebar-first
{
	font-size: 13px !important;
	
}
.block-views-links-home-publicitat-block-9 .featured-box .img-container .field-content img {
   
    margin-bottom: 0px;
}
.fitxa-oct .drauta-grid-item-6
{
	margin-bottom: 20px;
}

.fitxa-oct .drauta-grid-item-12
{
	margin-bottom: 20px;
}

.fitxa-cajas .drauta-grid-item-6
{
	margin-bottom: 20px;
}

.fitxa-cajas .drauta-grid-item-12
{
	margin-bottom: 20px;
}

.oct-agents {
  margin-left: 10px;
}
.oct-agents-content {
  margin-left: 10px;
  margin-right: 10px;
}

.oct-agents-header .drauta-grid-12
{
	padding-top:10px;
}

.fitxa-oct-row .bg-agents .field-name-field-oct-documents-associats .field-label
{
	padding-top: 10px;
}

.node-fitxaoct .titol-fitxes
{
	font-size: 20px;
}

.oct-margins .field .field-label
{
	padding-left: 10px;
}

.oct-margins .field .field-items
{
	padding-left: 10px;
}

.fitxa-otc-i .expanding-formatter-summary p {
  margin-bottom: 5px;
}
.fitxa-otc-i .expanding-formatter-summary p:last-child {
  margin-bottom: 20px;
}

.fitxa-otc-i .expanding-formatter-content p
{
	margin-bottom: 5px;
}

.node-documents-informatius .field-name-field-archiu .pdfpreview img
{
  /*border: 1px dotted #999;*/
  box-shadow: 1px 1px 5px #999;
}

.block-slide-news-home-block .view-slide-news-home .views-slideshow-controls-bottom #widget_pager_bottom_slide_news_home-block_1 .views-slideshow-pager-field-item .views-field-counter .views-content-counter a { display: none; }
.block-slide-news-home-block .view-slide-news-home .views-slideshow-controls-bottom #widget_pager_bottom_slide_news_home-block_1 .views-slideshow-pager-field-item { height: 23px; cursor: pointer; background-color: #dedede; }