@charset "utf-8";
/* CSS Document */


/*  ----------------------------GENERAL ------------------------------------*/
body{
	font-family: 'Open Sans', sans-serif;
	font-weight: 300!important;
	background-color:#f2f2f2;
	color:#000;
	font-size:14px;
}
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
img{
	border-radius:1px!important;
}

a {
    color: #fff!important;
    text-decoration: none;
}
a:hover {
	color:#CCC!important;
	text-decoration: none!important;
}

.scrolled{
	background-color: rgba(76,13,158,0.5);transition: all ease-in 0.2s; 
}
.scrolled1{
	background-color: rgba(255,255,255,0.7);transition: all ease-in 0.2s; 
}
.enrera {
    padding: 5px;
    color: #fff; font-weight:800;
	transition: all .25s ease-in-out;
    text-align: center; font-size: 11px;
	background-color: #000;
	margin-top: 20px;
	max-width: 150px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 2px;
}

.enrera:hover {
	background-color: #C4201A;
	transition: all .25s ease-in-out;
}
.enrera a{
	color: #fff;
}
.enrera a:hover{
	color: #c12a21;
}

.pagina{
	margin-top: 75px;
	padding-top: 0px;
}

@media only screen and (max-width: 768px) {
	.pagina {
		margin-top: 150px;
	}
}

.ultim {
	padding-bottom: 90px!important;
}
.infoEmp .text-center {
	margin: auto;	
}
.infoEmp {
	min-height: 120px;
	width: 100%;
	position: relative;
    display: block;
	line-height: 120px;
	color: #e2e2e2;
	font-size: 30px;
}

.infoEmp strong{
	color: #cecece;
}

.principal {
	min-height: 92vh;
	padding-bottom: 150px;
}

.qui-som{
	background-color: #C4201A;
}

.que-fem{
	background-color: #AE1A14;
	cursor: pointer;
}

.com-fem {
	background-color: #A3150F;
}

.fonsFosc {
	opacity: 0;
	transition: opacity .25s ease-in-out;
	position: absolute;
	left: 0px;
	top:0px;
	height: 100%;
	width: 100%;
	background-color: #000;
}

.tarja:hover .fonsFosc{
	opacity: 0.3;
	transition: opacity .25s ease-in-out;
}


.fons {
	opacity: 0;
	transition: opacity .25s ease-in-out;
	position: absolute;
	left: 0px;
	top:0px;
	height: 100%;
	width: 100%;
	background-size: auto 100%;
	background-position: center;
}

@media only screen and (max-width: 768px) {
	.fons{
		opacity: 1!important;
	}
	.tarja .fons{
		opacity: 1!important;
	}
	.tarja .fonsFosc {
		opacity: 0.3!important;
	}
	.tarja .descripcio{
		opacity: 1!important;
	}
}

.tarja:hover .fons{
	opacity: 1;
	transition: opacity .25s ease-in-out;
}

.teulades {
	background-color: #C4201A;
}

.teuFons {
	background-image: url("http://www.piqture.es/fortcanut/wp-content/uploads/2018/12/teulades.jpg");
}

.pintura {
	background-color: #AE1A14;
	background-image: none;
}

.pinFons {
	background-image: url("http://www.piqture.es/fortcanut/wp-content/uploads/2018/12/pintura.jpg");
}

.cuines-banys {
	background-color: #A3150F;
	background-image: none;
}

.cuiFons {
	background-image: url("http://www.piqture.es/fortcanut/wp-content/uploads/2018/12/cuinesbanys.jpg");
}

.murs-pedra {
	background-color: #95110B;
	background-image: none;
}

.murFons {
	background-image: url("http://www.piqture.es/fortcanut/wp-content/uploads/2018/12/murspedra.jpg");
}

.jardineria {
	background-color: #890E09;
	background-image: none;
}

.jarFons {
	background-image: url("http://www.piqture.es/fortcanut/wp-content/uploads/2018/12/jardineria.jpg");
}

.tarja {
	color: #FFF;
	height: 400px;
	font-weight: 400;
}

.tarja #titol{
	position: absolute;
}

.tarja h1 {
	font-size: 60px;
}

.tarja .descripcio {
	opacity: 0;
   	transition: opacity .25s ease-in-out;
	position: absolute;
    bottom: 0;
	padding-bottom: 10px;
	padding-left: 8px;
	padding-right: 8px;
}

.tarja:hover .descripcio {
	opacity: 1;
   	transition: opacity .25s ease-in-out;
}

.tarja .descripcio2 {
	position: absolute;
    bottom: 0;
	padding-bottom: 10px;
	padding-left: 8px;
	padding-right: 8px;
}

#que-fem-titol {
	padding-bottom: 30px;
}

#que-fem-titol h1 {
	font-size: 60px;
	color: #C4201A;
}

#descobreix {
	width: 100%;
	text-align: center;
}
#descobreix span{
	font-size: 40px;
	font-weight: 200;
}

.pressupostPer {
	font-size: 30px;
	padding-top: 30px;
	padding-bottom: 30px;
}

.pressupostPer a{
	color: 	#C4201A!important;
}

.pressupostPer a:hover{
	color: 	#000!important;
}

#title-pressupost h1{
	font-size: 60px;
    color: #C4201A;
}

label {
	text-align: left;
	width: 100%;
	font-weight: 400;
}

input, textarea {
	border-radius: 2px;
	padding: 10px;
	border: 0px;
	background-color: #F2F2F2;
	width: 100%;
}


input[type=submit] {
	color: #FFF;
	background-color: #C4201A;
	border: none;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 16px;
	font-weight: 600;
}

form a{
	color: #000!important;
	font-weight: 700;
}


/*  ----------------------------HEADER ------------------------------------*/

.pd-0 {
	padding: 0px;
}

.barratop{
    padding: 0px;
    color: #fff;
    font-size: 20px; 
}

.contenidorLogo img {
	max-height: 42px;
	margin: 0 auto;
}

.contenidorTextSeccioL {
	position: absolute;
  	top: 50%;
  	transform: translateY(-50%);
	
}

.contenidorTextSeccioC {
	position: absolute;
 	top: 50%;
  	left:50%;
  	transform: translate(-50%,-50%);
	width: 100%;
}

.contenidorLogo {
	height: 42px;
}

.seccioBarra {
	height: 75px;
}

.colorBlanc {
	background-color:#FFFFFF!important;
	color: #000000;
}
.colorGranate {
	font-weight:600;
	background-color: #E13731;
}

.colorGranateF {
	background-color: #C4201A;
}

/*  ----------------------------FOOTER ------------------------------------*/

.peu{
	width: 100%;
	color:#FFFFFF;
	font-size: 13px;
}
.peu h3{
	font-weight:800; font-size:16px;
}

.navbarPressupost {
	background-color: #FFF;
	color: #000;
	opacity: 0.9;
	padding-top: 5px;
	padding-bottom: 10px;
}

.navbarPressupost a {
	color: 	#C4201A!important;
}

.navbarPressupost a:hover {
	color: 	#000!important;
}

.navbarPressupost span {
	font-size: 15px;
}

.peu2 {
	background-color: #c4201a;
	padding-bottom:8px; 
	padding-top:8px;
	width:100%;
	font-weight: 400;
	bottom:0;
}



/*  ----------------------------PAGINA INICIAL ------------------------------------*/