* 
{
	margin: 0;
	 padding: 0
}
	a, a:hover 
{
	text-decoration: none;
	color: #647263
}
	div 
{
	    overflow: hidden
}
	body 
{
	    color: #647263;
	    font-family: 'Source Sans Pro', sans-serif;
	    font-size: 18px;
	    text-align: center
}
	header
{
	    background-size:contain;
	    background: url(/assets/ca0a653014cf8b92.jpg) no-repeat center;
	    position: relative;
	    height: 645px
}
	section 
{
	    padding-top: 80px;
	    padding-bottom: 40px
}
.fosc 
{
	    background-color: #DBDEDB
}
.error 
{
	color: darkred
}
.left 
{
	text-align: left
}
.right 
{
	text-align: right
}
.center 
{
	text-align: center
}
.justify 
{
	text-align: justify
}
.red 
{
		color: red;
		font-weight: bold;

}
.logo 
{
	    bottom: 195px;
	    position: absolute;
	    margin-left: -8px
}
.text-top 
{
	    font-size: 2em;
	    color: #f5f5f5;
	    text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
	    font-weight: 600
}
.left30 
{
	 padding-left: 30px
}
.right30 
{
	padding-right: 30px
}
.bottom30 
{
	padding-bottom: 30px
}
.text-white 
{
	color:#ffffff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1)
}
.text-grey, .text-grey a
{
	color: #A6AEA6;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1)
}
.text-grey a:hover
{
	color: #ffff00;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1)
}
.container-full 
{
	    margin: 0 auto;
	    width: 100%
}
.text-info-top 
{
	    padding: 5px 0 0 15px;
	    color: white
}
.text-info-top a 
{
	    color: white
}
.telefon-top 
{
	    padding-top: 35px
}
.mail-top
{
	    padding-top: 8px
}
.whats-top 
{
	    padding-left: 12px;
	    margin-top: -15px
}
.nav-container 
{
	    position: absolute;
	    bottom: 0;
	    background-color: rgba(0,0,0,0.5);
	    width: 100%
}
	nav 
{
	 height: 150px;
	 
}
	nav ul 
{
	 list-style: none;
	 padding-top: 25px;
	 
}
	nav ul li
{
	float: left;
	 margin-top: 6px;
	 border: 1px solid #FFFFFF;
	 border-radius: 6px;
	 margin-right: 20px
}
	nav ul li:first-child
{
	 padding-left: 0
}
	nav ul li a 
{
	 display: block;
	 padding: 30px 30px;
	 color: #fff;
	 font-weight: 600
}
	nav ul li a.actiu 
{
	 background: #fff;
	 color: #98983C;
	 
}
	nav ul li a:hover
{
	 text-decoration: none;
	 color:#666;
	 background: #fff;
	 
}
	nav a#pull 
{
	display: none
}
.f-nav
{
	 z-index: 999;
	 position: fixed;
	 left: 0;
	 top: 0;
	 bottom: inherit
}
	 /* this make our menu fixed top */@media only screen and (max-width: 768px) 
{
	    header 
{
	        height: 550px;
	    
}
	    .nav-container 
{
	        background-color: rgb(55, 55, 55);
	    
}
	    nav 
{
	        border-bottom: 0;
	        height: auto;
	        padding: 10px 0;
	    
}
	    nav ul 
{
	        display: none;
	        height: auto;
	        padding-top: 10px;
	    
}
	    nav ul li 
{
	        margin: 0;
	        border: 0;
	        display: block;
	        float: left;
	        width: 50%;
	        position: relative;
	    
}
	    nav ul li a 
{
	        border-bottom: 1px solid #576979;
	        color: #fff;
	        font-weight: 600;
	        padding: 7px 5px;
	    
}
	    nav a#pull 
{
	        display: block;
	        width: 100%;
	        position: relative;
	        text-align: left;
	        color: white;
	        font-family: 600;
	    
}
	    nav a#pull:after 
{
	        content: "";
	        background: url(/assets/9001765b6913b937.png) no-repeat;
	        width: 30px;
	        height: 30px;
	        display: inline-block;
	        position: absolute;
	        right: 15px;
	        top: 2px;
	    
}
	    #galeria > ul 
{
	        display: inline-block;
	!important;
	    
}

}
.titol-seccio 
{
	font-size: 60px
}
.h2 
{
	font-size: 32px
}
.tab-content
{
	    margin-top: 20px;
	    background-color: #fff;
	    border-radius: 10px;
	    border: 2px solid #99993D
}
	ul.nav-pills 
{
	    display: inline-block;
	    margin-top: 35px
}
.nav-pills>li>a
{
	    color: #99993D;
	    background-color: transparent;
	    padding: 20px 40px;
	    border: 2px solid #99993D;
	    margin-right: 20px;
	    font-weight: 600
}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus 
{
	    background-color: #fff;
	    color: #99993D
}
.nav-pills>li 
{
	    padding-bottom: 15px
}
.tags-fem 
{
	    background-color: #7A8679;
	 border-radius: 0 0 8px 8px;
	    color: #fff;
	    font-size: 0.8em;
	    overflow: hidden
}
.tags-fem img 
{
	 padding: 10px 25px
}
.tags-fem a 
{
	    color: white
}
	/******* GALERIA *******/nav.primary 
{
	    width:auto;
	    margin:0px auto;
	    display:table
}
	nav.primary ul li  
{
	    float:left;
	    list-style:none;
	    border: 1px solid #99993D
}
	nav.primary ul li a 
{
	    display:block;
	    color:#99993D;
	    padding:8px 20px;
	    text-decoration:none
}
	nav.primary li a.selected 
{
	    color: #fff;
	    background-color: #99993D;
	    border-radius: 4px
}
	nav.primary li a:hover 
{
	    color: #fff;
	    background-color: #ADAD63;
	    border-radius: 4px
}
.entry 
{
	    position:relative;
	    float:left;
	    margin:0px;
	    cursor:pointer;
	    width:379px;
	    height:200px;
	    padding:0
}
.portfolio 
{
	    margin: 0 0 30px
}
	img 
{
	    max-width:100%
}
.isotope-item 
{
	    z-index: 2
}
.isotope-hidden.isotope-item 
{
	    pointer-events: none;
	    z-index: 1
}
.isotope,.isotope .isotope-item 
{
	    -webkit-transition-duration: 0.8s;
	    -moz-transition-duration: 0.8s;
	    transition-duration: 0.8s
}
.isotope 
{
	    -webkit-transition-property: height, width;
	    -moz-transition-property: height, width;
	    transition-property: height, width
}
.isotope .isotope-item 
{
	    -webkit-transition-property: -webkit-transform, opacity;
	    -moz-transition-property:    -moz-transform, opacity;
	    transition-property:         transform, opacity
}
.entry .overlay 
{
	display:none
}
.entry:hover .overlay 
{
	    position: absolute;
	    top: 0;
	    background-color: rgba(0, 0, 0, 0.7);
	    width: 100%;
	    height: 200px;
	    display: table
}
.galeria-social img
{
	    display: inline-block;
	    padding-left: 10px;
	    margin: 10px auto
}
.entry:hover .overlay a:hover 
{
	    text-decoration: none;
	    color: #99993D
}
.link-galeria 
{
	    color: #fff;
	    border: 1px solid #fff;
	    border-radius: 8px;
	    padding: 8px 22px;
	    display: block;
	    margin: 15px auto;
	    width: 50%;
	    text-align: center;
	    text-decoration: none
}
	/* BLOG DESTACATS */.blog-item 
{
	    background-color: #fff;
	    border-radius: 10px;
	    padding: 10px 0;
	    margin: 30px 0
}
.tag-blog-item 
{
	    overflow: hidden;
	    padding-bottom: 8px
}
.tag-blog-item img 
{
	    padding: 0 22px
}
.tag-blog-item p 
{
	   margin: 3px 0 0 0
}
	a.blog-item-seguir  
{
	    color:#99993D
}
	a.blog-item-seguir:hover  
{
	    color:#B7B458
}
.blog-content 
{
	    padding: 0 20px;
	    text-align: left;
	    font-size: 0.8em
}
.social-peu
{
	    margin: 0 auto;
	 display: inline-block
}
.gespa
{
	    padding-top: 40px;
	    background: url(/assets/4b325ef2e3ee4710.png) repeat-x
}
	footer 
{
	    background-color: #213520;
	    padding-top: 40px;
	    padding-bottom: 70px
}
	/* PAGINA PROJECTE / BLOG */.projecte 
{
	    margin-top: 10px
}
.projecte h3, .projecte h4,  .side-post h3 
{
	    border-bottom: solid 2px #99993D;
	    text-align: left
}
.post, .side-post 
{
	    padding-right: 25px;
	    text-align: left;
	    border-bottom: 1px solid #99993D;
	    margin-bottom: 50px;
	    font-size: 0.9em
}
.post h3, .side-post h3 
{
	    color: #909A8F
}
	a.llegir-mes
{
	    display: inline-block;
	    border-radius: 4px;
	    padding: 10px 30px;
	    border: 2px solid #99993D;
	    font-weight: 300;
	    margin-bottom: 30px;
	    color: #99993D
}
.projecte p 
{
	    text-align: left;
	    font-size: 0.9em
}
.projecte img.social 
{
	    display: block;
	    float: left;
	    padding-right: 10px;
	    padding-bottom: 10px
}
.post-categories 
{
	    list-style: none;
	    list-style-type: none;
	    text-align: left
}
.post-categories a 
{
	    color: #99993D;
	    margin-bottom: 7px
}
.post-categories-count 
{
	    border: 2px solid #99993D;
	    border-radius: 4px;
	    text-align: right;
	    padding: 1px 8px;
	    font-size: 15px;
	    font-weight: 400
}
.post-categories li 
{
	    clear: both
}
	a.post-tag-cloud 
{
	    border: 1px solid #99993D;
	    border-radius: 4px;
	    text-align: center;
	    padding: 1px 8px;
	    text-transform: uppercase;
	    color: #99993D;
	    font-size: 0.8em;
	    display: inline-block
}
.border-separador
{
	    border-right: 2px solid #99993D;
	    padding-right: 12px
}
	/* CONTACTE */input[type="text"], .textareacontacte 
{
	    display: block;
	    margin: 0;
	    appearance: none;
	    box-shadow: none;
	    border-radius: 0;
	    padding: 10px;
	    border: none;
	    border-bottom: 2px solid #99993D;
	    transition: box-shadow 0.3s, border 0.3s
}
	input[type="text"]:focus, .textareacontacte:focus 
{
	    outline: none;
	    border: solid 2px #99993D;
	    box-shadow: 0 0 5px 1px #969696
}
	button[type="submit"] 
{
	    display: block;
	    margin: 0 auto;
	    appearance: none;
	    box-shadow: none;
	    border-radius: 4px;
	    padding: 10px;
	    border: 2px solid #99993D;
	    transition: box-shadow 0.3s, border 0.3s;
	    font-weight: 600
}
	input[type=checkbox] 
{
	    /* All browsers except webkit*/    transform: scale(1.8);
	    /* Webkit browsers*/    -webkit-transform: scale(1.8);
	    margin-right: 10px
}
	/* BLOG */.media, .media-body 
{
	    font-size: 0.8em;
	    text-align: left
}
.media hr 
{
	    margin-top: 5px;
	    margin-bottom: 0px;
	    border: 0;
	    border-top: 0px solid #fff
}
.post h2 a 
{
	    color: #99993D
}
.post h2 a:hover 
{
	    color: #999
}
	/* Perso fancybox */.fancybox-close 
{
	    background-image: url(/assets/65983023b46a5fbf.png);
	    z-index: 8040;
	    height: 67px;
	    width: 67px;
	    top: 0;
	    right: 0
}
.fancybox-outer 
{
	    overflow: inherit;
	!important
}
.articles-relacionats 
{
	    background-color: white
}
.tit-articles-relacionats
{
	    text-align: left;
	    border-bottom: 2px solid #909A8F
}
.post ul 
{
	    list-style: inherit;
	    list-style-type: inherit;
	    padding: 0 40px
}
.side-post ul 
{
	    list-style: none;
	    list-style-type: none;
	    padding: 0 10px
}
.blog-content h3 
{
	    display: none
}
.post a 
{
	    text-decoration: underline
}

.post ol li { 
	list-style-position: inside;
	list-style-type: decimal; 
}