/*------------------------------------------------
[Table of contents]
1. Global
2. Section header
  2.1. Zone header
  2.2. Zone menu bar  
3. Section 
	3.1 AT Three column - left
	3.2 AT Three column - center
	3.3 AT Three column - right
4. Section content
  4.1. Sidebar first
  4.2. Sidebar second
  4.3. Content
5. Section footer
6. Content types
  6.1. Blog post
7. Views

------------------------------------------------*/
/**************************************************
* --
* 1. Global
* --
**************************************************/
.texture-overlay{
	/*A explotacio susbtituir per backgraund.jpg*/
	background: #f2f2f2 url(/sites/default/files/background.jpg) no-repeat center top !important; 
}	

#page {
	background: transparent;
}

header{
	color: #111;
}
a:visited,
a:active,
a:hover{
	text-decoration:none
}	
@media (max-width: 767px) {
  img {
    height: auto !important;
  }
}

/**************************************************
* --
* 2. Section header
* --
**************************************************/
/**********************************************
* 2.1. Zone header
**********************************************/

#logo{
	width: 100%;
	padding: 5px 0 0 10px;
}
#header#header{
	/*display: inline-table;*/
	/*float: left;*/
	background: none;
	margin:0px 30px 55px 0px;
	/*max-width: 30% !important;*/
	width: 30%;
	max-width: 260px;
}
 
.region.region-header {
	float: left;
	margin: 0px 0 0;
}
.header-inner.clearfix{
	background: none;
	width: 100% ;
}
#block-block-5 .block-inner{
	margin-left: 0px;
}
#header #branding{
	width: 100%;
}
/**********************************************
* 2.2. Zone menu bar
**********************************************/
#menu-bar .block-menu {
    margin: 0 0 0 5px;
}
#menu-bar {
	text-align: center;
	margin-bottom: 30px;
	display: inline;
	vertical-align: middle;
	text-transform: lowercase;
	font-size: 1.15em;	
}
#menu-bar ul.menu.clearfix {
	padding-top: 40px;
  padding-left: 30px;
  float:right;
}
#menu-bar li{
background: rgba(255,255,255,0.5);
}
#menu-bar li.active-trail{
/*border-bottom: 4px solid #ffffff;*/
/*background: rgba(255,255,255,0.5) url('../images/white_bullet.png') no-repeat 50% 90%;*/
}
#menu-bar li:hover{
  background: rgba(255,255,255,0.7);
}
#menu-bar li.first{
border-radius: 15px 0px 0px 15px;
-moz-border-radius: 15px 0px 0px 15px;
-webkit-border-radius: 15px 0px 0px 15px;
}
#menu-bar li.first a{ 
padding-left:20px;
}
#menu-bar li.last{
border-radius: 0px 15px 15px 0px;
-moz-border-radius: 0px 15px 15px 0px;
-webkit-border-radius: 0px 15px 15px 0px;
}
#menu-bar li.last a{ 
padding-right:20px;
}
#menu-bar li.active-trail a{
font-weight:bold !important;
}
#menu-bar li a{
text-decoration:none !important;
font-weight:normal !important;
display: block; !important;
}
/****Responsive menu*******/
.responsive-menus span.toggler{
	width: 50px;
	float: right;
	clear: none;
}
.responsive-menus.responsified {
  clear: none;
  padding-top: 20px;
}
.responsive-menus.responsified.responsive-toggled.absolute .responsive-menus-simple {
  position: absolute;
  z-index: 999;
  top: auto;
  margin-top: 45px;
}
.responsive-menus.responsive-menus-0-0.absolute {
  width: 73%; 
  float: right;
  margin-top: -145px;
}
#block-system-main-menu ul li a {
  height: 30px;
  margin-top: -6px;
  padding: 2px 10px;
}
/**************************************************
* --
* 3. AT Three column 3x33
* --
**************************************************/
.three-3x33{
border-radius: 15px !important;
background:rgb(233,233,206);
/*box-shadow: 0px 2px 8px #d3d7cf;*/
border:1px solid #ccc;
}
.three-3x33 .block {
margin-bottom:0;
}
.three-3x33 .block-inner{
	margin-right: 0px;
	margin-left: 0px;
	height: 500px;
	padding: 20px;
}
.three-3x33 .block-inner .block-content {
padding:0;
}
.three-3x33 .block-inner .node-title{
	display: none;
}

.three-3x33 .block-inner h2.block-title {
background:none;
padding: 5px 5px 0px;
height: 55px;
}
.add-blog-entry a,
.node-readmore a,
.contact-form  input.form-submit,
.book_add_child a,
.book_printer  a,
.view-content .action-links a,
.views-exposed-form input.form-submit{
text-decoration:none;
color:#fffffe;
border:none;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
text-shadow:none;
padding: 5px 8px 5px 30px;
background: #555 url('../images/add.png') no-repeat 5px;
}
.contact-form  input.form-submit,
.book_printer  a,
.views-exposed-form input.form-submit{
padding: 5px 8px;
background-image: none;
}
.three-3x33 .node-readmore {
margin:0 0 10px 0 !important;
float:none !important;
}
.node-readmore:hover a,
.add-blog-entry:hover a,
.contact-form  input.form-submit:hover,
.book_add_child:hover a,
.book_printer:hover a,
.view-content .action-links:hover a,
.views-exposed-form input.form-submit:hover {
background-color: #333;
text-decoration:none;
}
.three-3x33 .node .node-content  {
height:400px;
margin: 0;
text-align: justify;
}

/**********************************************
* 3.1 AT Three column - left
**********************************************/
.region-three-33-first .block-inner.clearfix {
  border-radius: 15px 0px 0px 15px;
background: rgb(249,252,247); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, rgba(249,252,247,1) 0%, rgba(249,252,247,1) 70%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(249,252,247,1)), color-stop(70%,rgba(249,252,247,1)), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, rgba(249,252,247,1) 0%,rgba(249,252,247,1) 70%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, rgba(249,252,247,1) 0%,rgba(249,252,247,1) 70%,#ededed 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, rgba(249,252,247,1) 0%,rgba(249,252,247,1) 70%,#ededed 100%); /* IE10+ */
background: radial-gradient(ellipse at center, rgba(249,252,247,1) 0%,rgba(249,252,247,1) 70%,#ededed 100%); /* W3C */
}

/**********************************************
* 3.2 AT Three column - center
**********************************************/
.region-three-33-second .block-inner.clearfix {
border-left:1px solid #ddd;
border-right:1px solid #ddd;
}
.region-three-33-second .block-inner .views-field-title a {
  text-decoration:none;
}
.region-three-33-second .block-inner .views-field-body {
padding: 5px 5px 0px;
}
.region-three-33-second .block-inner .views-field-body  {
height:405px;
text-align: justify;
}

/**********************************************
* 3.3 AT Three column - right
**********************************************/
.region-three-33-third .block-inner.clearfix {
  border-radius: 0px 15px 15px 0px;
background: rgb(249,252,247); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, rgba(249,252,247,1) 0%, rgba(249,252,247,1) 70%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(249,252,247,1)), color-stop(70%,rgba(249,252,247,1)), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, rgba(249,252,247,1) 0%,rgba(249,252,247,1) 70%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, rgba(249,252,247,1) 0%,rgba(249,252,247,1) 70%,#ededed 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, rgba(249,252,247,1) 0%,rgba(249,252,247,1) 70%,#ededed 100%); /* IE10+ */
background: radial-gradient(ellipse at center, rgba(249,252,247,1) 0%,rgba(249,252,247,1) 70%,#ededed 100%); /* W3C */
}

/**************************************************
* --
* 4. Section content
* --
**************************************************/
/**********************************************
* 4.1. Sidebar first
**********************************************/

.region-sidebar-first .block-title{
	display: none;
}
.region-sidebar-first a,
.region-sidebar-first a:hover{
	color: #111 !important;
	font-weight: bold;
	text-decoration:none;
}
.region-sidebar-first #block-menu-menu-intranet-menu .block-content.content,
.region-sidebar-first #block-menu-menu-partners .block-content.content{
	padding-left: 0px;
}
.region-sidebar-first #block-menu-menu-intranet-menu .block-content.content ul.menu.clearfix,
.region-sidebar-first #block-menu-menu-partners .block-content.content ul.menu.clearfix{
	margin-left: 0px;
}
.region-sidebar-first .active-trail .active{
  background: #333 !important;
  display: block;
  padding: 10px 0px 10px 20px;
}
.region-sidebar-first .active-trail a.active{
	color: #fffffe !important;
} 
.region-sidebar-first #block-menu-menu-intranet-menu,
.region-sidebar-first #block-menu-menu-partners{
	margin: 0px;
}
.region-sidebar-first #block-menu-menu-intranet-menu,
.region-sidebar-first .block-inner.clearfix{
	margin: 0px;
}
.region-sidebar-first .block-inner.clearfix li{
  list-style-type: none ;
  list-style-image: none;
  min-height: 20px;
}
.region-sidebar-first li.menu-depth-2 {
  margin-left: 20px;

}
.region-sidebar-first li.menu-depth-1 {
  /*padding-left: 10px;*/
}
.region-sidebar-first .block-content .menu-depth-1 a{
	display: block;
  padding: 10px 0px 10px 20px;
}

.region-sidebar-first .block-content .menu-depth-2 a{
	display: block;
  padding: 5px 0px 5px 20px;
}

/**********************************************
* 4.2. Sidebar second
**********************************************/
#block-book-navigation ul li  {
	list-style-image: url(/sites/default/files/page.png);
}
#block-book-navigation ul li.collapsed  {
	list-style-image: url(/sites/default/files/collapsed.png);
}
#block-book-navigation ul li.expanded  {
	list-style-image: url(/sites/default/files/expanded.png);
}
.region.region-sidebar-second.sidebar{
	
}
.node-type-book #columns .content-inner{
	border-right: 1px dotted #333 !important;
} 
footer.book-navigation{
	display: none;
}
.region.region-sidebar-second.sidebar select#edit-revision {
  max-width: 100%;
}

/**********************************************
* 4.3. Content
**********************************************/
#columns #main-content{
	margin-left: 0px;
	margin-right:0px; 
	padding-top: 0px;
}
.not-front #columns{
	background: #fffffe;
	padding: 15px 15px 15px 0px;
	min-height: 750px;
	border-radius:	15px;
	margin-top: 15px;
	/*box-shadow: 0px 2px 8px #d3d7cf;*/
	border: 1px solid #ccc;
}
.not-front #columns .content-inner {
  padding: 0 15px 0 30px;
}
.sidebar-first #columns .content-inner {
  border-left: 1px dotted #333;
}
/****Slideshow****/
.views-slideshow-controls-bottom.clearfix{
	text-align: center;
	vertical-align: middle;
}
.views-slideshow-pager-field-item{
  background-color: #fffffe;
  margin-right: 10px;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  text-indent: -9999px;
  position: relative;
  float: left;
  left: 670px;
  bottom: 35px;
  z-index: 10;
}
#views_slideshow_cycle_main_slideshow-page_1 h1,
#views_slideshow_cycle_main_slideshow-page_1 h2,
#views_slideshow_cycle_main_slideshow-page_1 h3{
	color:#FF0000;
}
.views-slideshow-pager-field-item:hover{
	background-color: #7e7e7e;
	cursor: pointer;
}
.views-slideshow-pager-field-item.active{
	background-color: #7e7e7e;
}
.views-field-field--slideshow-image{
	width: 67%;

	float: left;
}
.views-field-field--slideshow-image,
.views-field-field--slideshow-image .field-content,
img.image-style-slideshow{
	height: 350px;
}

.views-field-field--slideshow-image{
	background: #262626;
	border-radius: 10px 0px 0px 10px;
}
.views-field-field--slideshow-image img.image-style-slideshow{
	border-radius: 10px 0px 0px 10px;
	width: 630px;
}
.views-field.views-field-field-text{
	width: 33%;
	height: 350px;
	background-color: #262626;
	float: left;
	border-radius: 0px 10px 10px 0px;
	color: #fffffe;
}
.views-field.views-field-field-text p{
  font-size: initial;
}
.views-field.views-field-field-text h1,
.views-field.views-field-field-text h2,
.views-field.views-field-field-text h3{
	color: #fffffe !important;
}
.views-field.views-field-field-text .field-content{
	max-height: 300px;
	padding: 10px 30px 10px 30px !important;
}
.views-slideshow-controls-bottom{
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}
.views_slideshow_pager_field_item.views-row-first{
	margin-left: auto;
}
.views_slideshow_pager_field_item.views-row-last{
	margin-right: auto;
}

div#views_slideshow_controls_text_slideshow-page_1{
	clear: both;
}
#breadcrumb{
	display: none !important;
}
.node-type-book .item-list ul li,
.page-book .item-list ul li  {
list-style-image:none;
}
.node-type-book div#content-column nav.clearfix{
	margin-top: 50px !important ;
}
.toc-filter.toc-filter-bullet {
  margin-bottom: 30px;
}
/**************************************************
* --
* 5. Section footer
* --
**************************************************/
#footer, #footer a {
  color: #666;
}
/**************************************************
* --
* 6. Content types
* --
**************************************************/
/**********************************************
* 6.1. Blog post
**********************************************/
.sm_blog_date   {
margin: 8px 20px 8px 0;
width:50px;
float: left;
background:#F8F8F8;
border:1px solid #c00000;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.sm_blog_month {
  color:#F8F8F8;
  background:#c00000;
  padding:3px;
  -moz-border-radius:3px 3px 0 0;
  -webkit-border-radius:3px 3px 0 0;
  border-radius:3px 3px 0 0;
}
.sm_blog_day {
  font-size:20px;
}
.sm_blog_year {
  padding-bottom:5px;
  font-size: 81%;
  display: none;
}
.sm_blog_day, .sm_blog_month, .sm_blog_year {
  text-align:center;
}
.page-blog .views-row {
padding: 0 0 25px 0;
}
.page-blog .views-field-view-node {
margin-left:70px;
}
.page-blog .views-field-title a{
color:#111 !important;
}