/*  Typo
----------------------------------------------- */

@import url('https://fonts.googleapis.com/css?family=Allura|Open+Sans+Condensed:300,300i,700|Open+Sans:400,600|EB+Garamond:400,400i,500,500i,600,600i,700,700i');
a:link, a:visited
{
    text-decoration: none !important;
    color:#7ab732 !important;
}
a:active { 
   text-decoration: underline !important; 
}
a:hover { 
   color:#87d52b; 
   text-decoration: underline !important; 
}


h1 { font:bold 18px/140% "Trebuchet MS", Verdana, sans-serif; }
h2 { font:bold 14px/140% "Trebuchet MS", Verdana, sans-serif; }

p {	font: 11px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;}

/*  Layout
----------------------------------------------- */

body {
    padding:35px 0 0 0;
    margin:0;
    font: 11px/140% 'Open Sans', sans-serif;
}

#container
{
    margin:0 auto;
}

.wrap {
    max-width:1200px;
    margin:0 auto;

}


#contingut
{
    margin:0 auto;
    padding: 2em 0;
    background: #eff1f3;
    overflow:hidden;
}

#header
{
    padding:8px 0 12px 0;
    background:white;
    overflow:hidden;
}

#header h1,
#header a
{
    padding:0;
    font-family: 'Allura', cursive;    
    font-size:45px;
    font-weight:normal;
    text-decoration:none;
    line-height:1.3em;
    color:#333 !important;
}
#header a:hover
{
    text-decoration:none !important;
}
#header h1 {
    float:left;
    padding-top:20px;
    margin-left:15px;
}

#header h1 span {
    display:block;
    text-align:right;
    font-size:25px;
    font-family: "Open Sans Condensed", sans-serif;
    font-style:italic;
    line-height:0em;
    color:#BF4A01;
}

#header a:hover { text-decoration:none;  }
#header .logo {
   float:left;
}
#segueixnos {
   width:200px;
   float:right;
   padding-top: 25px;
}

@media (max-width:767px) { 
#header .logo, #header h1 {
   float:none;
   clear:both;
   text-align:center;
   width:100%;
   margin:0;
   padding:0;
}
#header h1 span {
    text-align:center;
}
#header .logo img {
   margin: 0 auto !important;
}
#segueixnos {
   width:100%;
   float:none;
   text-align:center;
   padding-top:20px;
}
}
.cc-sharebuttons-size-40 a::after {
    z-index: 2;
    font-size: 29px!important;
}
div.cc-sharebuttons-element a, .cc-sharebuttons-size-40 a, div.cc-sharebuttons-element a:after, div.cc-sharebuttons-element a:before {
    width: 45px !important;
    height: 45px !important;
     font-size:50px !important;
}




#slider {
   min-height:250px;
   border-bottom: solid 15px #0f6398;
   border-bottom: solid 15px #044c5c;
   position:relative;
   /* background-color:rgba(0, 0, 0, 0.2); */
   min-height:250px;
   background: -moz-linear-gradient(top, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(top, rgba(0,0,0,0.55) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to bottom, rgba(0,0,0,0.55) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.cc-page-index #slider {
   min-height:300px;
}
#benvinguda {
   margin: 0 auto;
   max-width:1200px;
   padding:35px 20px 0 20px;
}
#benvinguda h2 {
   margin: 0 0 0 0;
    font-family: 'Allura', cursive;   
   font-weight:normal;
   font-size:85px;
   color:#0f6398;
   line-height:140%;
   color:#fff;
   text-shadow: #000 1px 0 30px;
}
#benvinguda h3 {
   font-family: "Open Sans Condensed", sans-serif;
   font-weight:500;
   font-size:24px;
   color:#0f6398;
   color:#fff;
}
#benvinguda #dades {
   background-color:rgba(191, 74, 1, 0.8);
   padding:15px 30px;
   display:inline-block;
}

@media screen and (max-width:800px ) {
   #benvinguda h2 {
      font-size:55px;
      text-align:center;
      line-height:110%;
   }
#benvinguda h3 {
   font-size:22px;
   text-align:center;
   margin:0 !important;
}
#benvinguda #dades {
   margin: 0 auto;
   display:block;
   width:90%;
}
}


#sidebar {
    width:20%;
    float:left;
    background:#fff;
    padding:20px;
}

#sidebar ul#mainNav2 {
   margin:0 !important;
   padding:0 !important;
}
#sidebar  .j-nav-variant-standard {
   margin-bottom:30px;
}
#sidebar #mainNav2 li {
   list-style:none;
}
#sidebar #mainNav2 li a {
   padding: 10px;
   color:#fff !important;
   font-weight:bold;
   background:#044c5c;
   display:block;
   margin:0 0 1px 0;
   text-decoration:none;
   font-family: 'Open Sans Condensed', sans-serif;
   font-size:17px;
}
#sidebar #mainNav2 li a:before {
    content: "> ";
}
#sidebar #mainNav2 li a:hover {
   background:#032e38;
}
#sidebar #mainNav2 li a.current {
   background:#032e38;
}

/* 3er Nivell */

#sidebar #mainNav3 {
margin:0;
padding:0;
}
#sidebar #mainNav3 li a {
   padding: 10px 10px 10px 20px;
   color:#fff !important;
   font-weight:normal;
   background:#08728a;
   display:block;
   margin:0 0 1px 0;
   text-decoration:none;
   font-family: 'Open Sans Condensed', sans-serif;
   font-size:16px;
   border-left: solid 6px #032e38;
}
#sidebar #mainNav3 li a:before {
    content: ">> ";
}
#sidebar #mainNav3 li a:hover {
   background:#032e38;
}
#sidebar #mainNav3 li a.current {
   background:#032e38;
}


#content {
    float:right;
    width:67%;
    padding:3%;
    background:#fff;
    margin-bottom:30px;
}
#content h1 {
    margin: -15px -15px 30px -15px;
    padding: 10px 15px;
    border: 1px solid #e3e3e3;
    outline: 0px;
    font-size: 12px;
    border-radius: 3px;
    background: #f8f8f8;

}
#content h2 {
    font-family: "Open Sans Condensed", sans-serif;
    color:#044c5c;
    font-size: 24px;
    font-weight:400;
    margin: 20px 0 10px 0;
}
#content p, #content li {
    font-family: "Open Sans", sans-serif;
    line-height:150% !important;
    font-size:15px;
    color:#333;
}

@media screen and (max-width:767px) { 
#sidebar {
    float:none;
    width:98%;
}

#content {
    float:none;
    width:98%;
}
}


#content h1 {
    font: normal normal normal 40px/140% "Open Sans Condensed", sans-serif;
    color: #BF4A01;
}



#footer
{
    clear:both;
}

#footer .gutter 
{
    height:30px;
    padding:35px 15px 0 90px;
    background:#333;
}

.jimdo-free-footer-ad {
   display:none !important;
}


/**********************************/

#navigation {
    background: #0f6398;
    background: #044c5c;
    padding:0px;
}
 
#navigation .j-nav-variant-nested {
   max-width:1200px;
   margin:0 auto;
   text-align:center;
}

#navigation .jmd-nav__item--current a, #navigation .jmd-nav__item--parent a {
   background:#0f4c7c;
   background:#007a96;  
   color:#d4e7eb !important;
}

.menu_bar {
	display:none;
}
 
#navigation ul {
   overflow:hidden;
   list-style:none;
   margin:0;
   padding:0;
}
 
#navigation ul li {
   display:inline-block;
   font-family: 'Open Sans Condensed', sans-serif;
   font-size:18px;
   display:inline-block;
   list-style:none;
}
 
#navigation ul li a {
   display:block;
   font-weight:700;
   color:#fff !important;
   text-decoration:none;
   padding: 15px 18px;
}

 
#navigation ul li span {
	margin-right:10px;
}
 
#navigation ul li a:hover {
   background:#53a9ea;
   background:#013a47;
}

#navigation ul.cc-nav-level-1 {
   display:none;
}
#navigation ul li span {
    margin: 0 10px 0 0;
   display:none;
} 



 
@media screen and (max-width:800px ) {
	#navigation {
		width:80%;
		height:100%;
		left:-100%;
		margin:0;
		position: absolute;
z-index:1000;
	}
 
	#navigation ul li {
		display:block;
		float:none;
		border-bottom:1px solid rgba(255,255,255, .3);
	}
 
	.menu_bar {
		display:block;
		width:100%;
		background:#ccc;
	}
 
	.menu_bar .bt-menu {
		display:block;
		padding:20px;
		background:#024959;
		color:#fff;
		text-decoration:none;
		font-weight: bold;
		font-size:15px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
 
	.menu_bar span {
		float:right;
		font-size:40px;
	}
}

.icon-list2:before { 
   content:'\2630';
   color:#fff;
}


/* BLOG */
.datetime-inner p {
   color:#fff !important;
    font-family: "Open Sans Condensed", sans-serif;
    font-weight:700;
   line-height:100% !important;
}
.datetime-inner .mom {
   font-weight:400 !important;
}
.j-blogarticle {
   border-top: solid 10px #eff1f3 !important;
   padding: 20px 0 50px 0 !important;
}

.blogselection h2 {
    font-family: "Open Sans Condensed", sans-serif;
}
.blogselection h2 a {
    text-decoration:none;     
    font-size:37px !important;
    font-weight:400;
    color:#BF4A01 !important;
}
.blogselection h2 a:hover {
    color:#e45800 !important;  
    text-decoration:none !important;
}
.blogselection p, .blogselection li {
    font-family: "Open Sans", sans-serif;
    line-height:150% !important;
    font-size:15px;
    color:#333;
}
.j-blog-meta .j-text {
    display:block;
    padding: 0 0 15px;
}

.j-blog-post--date {
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    color:#0f6398;
}

/* FORMULARI */
.cc-m-form-view-sortable, .commententry  {
    font-family: 'Open Sans', sans-serif;
    
}
.cc-m-form-view-sortable input[type="text"], .cc-m-form-view-sortable input[type="email"], .cc-m-form-view-sortable textarea, .commententry input[type="text"], .commententry textarea {
    padding: 10px !important;
    border-radius: 5px;
    background:#fefefe;
}
.cc-m-form-view-sortable input[type="text"]:focus, .cc-m-form-view-sortable input[type="email"]:focus, .cc-m-form-view-sortable textarea:focus {
    background:#f3f3f3;
}
.cc-m-form-view-input-wrapper {

}
.cc-m-form-view-input-wrapper input[type="submit"], .commententry input[type="submit"] {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  color: #ffffff;
  font-size: 25px;
  padding: 7px 50px 7px 50px !important;
  text-decoration: none;
border:none;
font-family: 'Open Sans Condensed';
margin: 20px 0 50px 0;
cursor:pointer;
  float:right;
}

.cc-m-form-view-input-wrapper input:hover {
  background: #f1f1f1;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}
.cc-m-form-view-sortable label {
    padding: 20px 0 5px 0;
}
.commententry  label {
    padding: 20px 0 5px 0;
}
.commententry  input, .commententry  textarea{
    border:solid 1px #ccc;
}

/* Entrevistes */
.cita p {
    font-family: 'EB Garamond', serif !important;
    line-height:150%;
    font-size:42px !important;
    font-style: italic;
}