html{ margin:0px; height:100%; background-color:#19191a; }
body { height:100%; overflow-x:hidden; margin:0px; padding:0px;font-family: 'Montserrat', sans-serif; font-weight:300; background-color:#ffffff;}
.ampla_pagina{ position:relative; width:100%; max-width:1300px; margin:0 auto;  }
img { outline:0; vertical-align:top; border:0; }
.clear{ clear:both; }
*{ box-sizing: border-box; }
input[type="text"], input[type="email"], input[type="submit"], textarea{ font-weight:600;}
em{ color:inherit !important; }
.uk-link, a {
    color: #000000 !important;
    text-decoration: none;
    cursor: pointer;
}
a:hover{
    text-decoration: none !important;
}
.hiddenMobil{ }
.hidden890{ }

#header{ width:100%; position:relative; height:210px; padding-left:30px; padding-right:30px;  padding-top:15px;  }
#header #logo{ position:absolute; top:20px; width:200px; height:180px; right:0; left:0; margin:0 auto; z-index: 9;background-color:#FFFFFF;}
#header #logo a{  display: block;  text-align:center;}
#header #logo a img{ width:100%; max-width:156px; height:auto; }

#header #iconesContacte{ text-align:right }
#header #iconesContacte a{ display: inline-block;
color: #ffffff !important;
font-size: 20px;
transition: all 0.2s ease-out;
background-color: #51804f;
text-align: center;
padding: 7px;
border-radius: 40px;
margin-right: 10px;
width: 40px;
height: 40px;}
#header #iconesContacte a:hover{color:#000000  !important; background-color:#eadf5a;  transition: all 0.2s ease-out; }

#header a.botoMenu{ 
	display: inline-block;
	color: #ffffff !important;
	font-size: 20px;
	transition: all 0.2s ease-out;
	background-color: #51804f;
	text-align: center;
	padding: 8px;
	border-radius: 40px;
	margin-right: 10px;
	width: 100px;
	height: 40px;
	font-family: 'Yanone Kaffeesatz', sans-serif;
}
#header a.botoMenu i{ margin-right:5px; }
#header a.botoMenu:hover{color:#000000  !important; text-decoration:none; background-color:#eadf5a;  transition: all 0.2s ease-out; }
/*
#header a.canvas{position:absolute; top:60px; right:60px; text-align:right; display:inline-block; width:auto;font-weight:400;  text-decoration:none; color:#ffffff; text-align:center; padding:0px; padding-bottom:-10px !important; margin-left:50px;}
#header a.canvas object{ pointer-events: none; }
#header a.canvas object img{ width:100%; height:auto; max-width:40px;}
*/

.uk-offcanvas-bar {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    z-index: 1001;
    width: 300px !important;
    max-width: 100%;
    background: #51804f !important;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    -ms-scroll-chaining: none;
	padding:30px;
}
.uk-offcanvas-bar a object{ pointer-events: none; }
.uk-offcanvas-bar a object img{ width:100%; height:auto; max-width:40px;}

.uk-offcanvas-bar .cerrar{ position:absolute; top:50px; right:50px; text-align:right; }



.uk-offcanvas-bar nav{ text-align:left !important; padding:20px; padding-top:150px;}
.uk-offcanvas-bar nav a{ display:inline-block !important; width:100% !important;font-weight:400 !important;  text-decoration:none; color:#ffffff !important; text-align:left !important; padding-bottom:10px !important; font-size:18px !important; transition: all 0.2s ease-out;  }
.uk-offcanvas-bar nav a:hover{ color:#eadf5a !important;  transition: all 0.2s ease-out; }
.uk-offcanvas-bar nav a.ActiuNav{display:inline-block !important; width:100% !important;font-weight:400 !important;  text-decoration:none; color:#eadf5a !important; text-align:left !important; padding-bottom:10px !important; font-size:18px !important; transition: all 0.2s ease-out;  }

.uk-offcanvas-bar h3{ 
	color: #ffffff !important;
	font-size: 32px;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight:600 !important; 
}
.uk-offcanvas-bar nav a.enlaceHablamos{display:inline-block !important; width:100% !important;font-weight:300 !important;  text-decoration:none; color:#eadf5a !important; text-align:left !important; padding-bottom:10px !important; font-size:18px !important; transition: all 0.2s ease-out;  }

.uk-offcanvas-bar-show{ box-shadow:none !important; }


#header a.idioma{ 
font-family: 'Yanone Kaffeesatz', sans-serif;
display: inline-block;
color: #ffffff !important;
font-size: 20px;
font-weight:600;
transition: all 0.2s ease-out;
background-color: #51804f;
text-align: center;
padding: 9px;
border-radius: 40px;
margin-right: 5px;
width: 40px;
height: 40px;}
#header a.idiomaActiu{
	font-family: 'Yanone Kaffeesatz', sans-serif;
	display: inline-block;
color: #000000 !important;
font-size: 20px;
font-weight:600;
transition: all 0.2s ease-out;
background-color: #eadf5a;
text-align: center;
padding:9px;
border-radius: 40px;
margin-right: 5px;
width: 40px;
height: 40px;
text-decoration:none;}
#header a.idioma:hover{ background-color:#eadf5a !important; color:#000000 !important; text-decoration:none;  transition: all 0.2s ease-out;  }
 


#inici{position:relative !important; width:100% !important; margin:0 !important;  }
#esloganHome{ position:absolute; top:0%; width:100%;z-index:9; text-align:left; height:100%;}
#esloganHome #textEslogan{  position:absolute;  left:0; right:0; top:25%; z-index:10; text-align:center;}
#esloganHome #textEslogan h1{ font-family: 'Yanone Kaffeesatz', sans-serif;color:#51804f; font-size:62px;  line-height:62px; text-align:center; padding:0; font-weight:600; margin-bottom:30px; }
#esloganHome #textEslogan h1 span{ color:#000000; font-size:38px; font-weight:400; line-height:38px;}

a.botoGroc{ font-family: 'Yanone Kaffeesatz', sans-serif;display:inline-block; background-color:#eadf5a; color:#000000 !important; font-size:28px;transition: all 0.2s ease-out; text-transform:uppercase; text-align:center; padding:15px 30px; font-weight:500; border-radius:60px; }
a.botoGroc:hover{ background-color:#51804f; color:#ffffff !important;  text-decoration:none; transition: all 0.2s ease-out; }



.textLeft { text-align:left !important; }
.textCenter { text-align:center !important; }
.textRight { text-align:right !important; }
hr { background-color:#968a7b; margin-bottom:40px !important; margin-top:40px !important; }

#Home { width:100%; }

.blocs { padding:80px; width:100%; }
.blocs h2{ font-family: 'Yanone Kaffeesatz', sans-serif; color:#51804f; font-size:50px; text-transform:uppercase; line-height:50px;  margin:0; padding:0; font-weight:600 !important; margin-bottom:5px; text-align:left }
.blocs h3{ font-family: 'Yanone Kaffeesatz', sans-serif; color:#d3bc23; font-size:30px;  line-height:32px;  margin:0; padding:0; font-weight:500; margin-bottom:20px !important;  text-align:left}
.blocs h4{ font-family: 'Yanone Kaffeesatz', sans-serif; color:#d3bc23 !important; font-size:24px !important; line-height:28px; text-align:left; font-weight:300; margin:0; padding:0; margin-bottom:40px;  }
.blocs p{ font-family: 'Yanone Kaffeesatz', sans-serif;  color:#0f0f0f; font-size:24px; line-height:28px; text-align:left; margin:0; padding:0; font-weight:300; margin-bottom:20px; }
.blocs ul{ list-style:circle }
.blocs ul li{ color:#010101; font-size:18px; line-height:28px; text-align:left; margin:0; padding:0; font-weight:300; margin-bottom:5px; }
.blocs  a.boto{ font-family: 'Yanone Kaffeesatz', sans-serif;display:inline-block; background-color:#51804f; color:#ffffff !important; font-size:28px;transition: all 0.2s ease-out; text-transform:uppercase; text-align:center; padding:15px 30px; font-weight:500; border-radius:60px; }
.blocs  a.boto:hover{ background-color:#eadf5a; color:#000000 !important;  text-decoration:none; transition: all 0.2s ease-out;  }

.presentacio{ padding-bottom:80px; padding-top:80px; text-align:center }
/*.presentacio p{ padding-left:20%; padding-right:20%; font-size:20px; }*/

.serveisHome{ background-color:#51804f; padding-bottom:80px; padding-top:80px; text-align:center; position:relative; }

.tipoInstalHome{ background-color:#EDEDED; padding-bottom:80px; padding-top:80px; text-align:center; position:relative; }



#Cap_Interiors{ background-color:#51804f; padding:5px;}
#Cap_Interiors p{ font-family: 'Yanone Kaffeesatz', sans-serif;  color:#ffffff; font-size:18px; line-height:28px; text-align:center; margin:0; padding:0; font-weight:300; }


#contenido{ width:100%; padding-top:80px; padding-bottom:120px; margin:0 auto; }
#contenido h1{  font-family: 'Yanone Kaffeesatz', sans-serif;  color:#000000; font-size:48px;  line-height:40px;  margin:0; padding:0; font-weight:600; margin-bottom:5px; }
#contenido h2{  font-family: 'Yanone Kaffeesatz', sans-serif;  color:#51804f; font-size:30px; line-height:32px;  margin:0; padding:0; font-weight:300; margin-bottom:0px !important;  }
#contenido h3{  font-family: 'Yanone Kaffeesatz', sans-serif;  color:#51804f; font-size:28px;  line-height:40px;  margin:0; padding:0; font-weight:600; margin-bottom:5px; }
#contenido p{ font-family: 'Yanone Kaffeesatz', sans-serif;  color:#0f0f0f; font-size:22px; line-height:28px; text-align:justify; margin:0; padding:0; font-weight:300; margin-bottom:10px;  }
#contenido ul li{ font-size:16px; font-weight:300 !important; line-height: normal; color:#3f3f3d; text-align:justify;  margin:0; padding: 0; }

.ratllaGris{ background-color:#F1F1F1; margin-bottom:40px; margin-top:40px; height:1px; }

.blocBannerHome{ width: 100%; background: no-repeat center; background-image: none; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; text-align:center; padding-bottom:130px; padding-top:130px; }
.blocBannerHome h2{ font-family: 'Yanone Kaffeesatz', sans-serif; color:#51804f; font-size:50px; text-transform:uppercase; line-height:50px;  margin:0; padding:0; font-weight:500; margin-bottom:5px; text-align:left  }


.galeria a img{ -webkit-filter: brightness(1);   filter: brightness(1); transition: all 0.2s ease-out; }
.galeria a:hover img{  transition: all 0.2s ease-out;-webkit-filter: brightness(.5); filter: brightness(.5); }


.hiddenMobil{ }

.formContact{ width: 100%; max-width:800px; margin:0 auto; text-align:center; }
.formContact p{ font-family: 'Montserrat', sans-serif; font-size: 18px;line-height: 30px;font-weight:300; color:#3f3f3d; text-align:justify;  margin:0; padding: 0; }
.formContact p a{ font-family: 'Montserrat', sans-serif; color:#000000 !important; }
.formContact input[type="text"], .formContact input[type="email"]{ font-family: 'Montserrat', sans-serif; color:#777777; font-size:16px; line-height:22px; border-radius:5px; border:#DCDCDC solid 1px; margin:0; padding:10px; width:100%; font-weight:300; text-align:left !important; margin-bottom:20px !important; }
.formContact textarea{ font-family: 'Montserrat', sans-serif;  color:#777777; font-size:16px; line-height:22px; border-radius:5px; border:#DCDCDC solid 1px; margin:0; padding:10px; width:100%; font-weight:300; text-align:left !important; margin-bottom:20px !important; height:160px; }
.formContact input[type="submit"]{ border:none; font-family: 'Yanone Kaffeesatz', sans-serif;display:inline-block; background-color:#eadf5a; color:#000000 !important; font-size:28px;transition: all 0.2s ease-out; text-transform:uppercase; text-align:center; padding:15px 30px; font-weight:500; border-radius:60px; 
 }
.formContact input[type="submit"]:hover{ text-decoration:none; background-color:#51804f;color:#ffffff !important; transition: all 0.2s ease-out;  }
.infoLegal p{  font-size:14px !important; line-height:18px !important; margin-bottom:5px !important;margin-top:0px !important;}
.infoLegal p a{ border:none; font-family: 'Yanone Kaffeesatz', sans-serif  !important; font-size:14px !important; text-decoration:none !important;  color:#51804f !important;   }



.contacto{ }
.linkContacto{ text-align:center; font-size:18px; display:inline-block; width:100%; transition: all 0.2s ease-out;}
.linkContacto i{ font-size:24px; margin-bottom:20px; color:#57ba9b;transition: all 0.2s ease-out; }
.linkContacto:hover{ text-decoration:none !important;transition: all 0.2s ease-out;}
.linkContacto:hover i {color:#51804f; transition: all 0.2s ease-out;}


.uk-accordion-title {
  margin-top: 0;
  margin-bottom: 15px;
  padding: 10px 20px !important;
  background: #ffffff;
  font-size: 26px !important;
  line-height: 28px !important;
  cursor: pointer;
  border: 1px solid #51804f;
  border-radius: 30px !important;
  transition: all 0.2s ease-out; 
  color:#000000 !important;
}
.uk-accordion-title:hover{ color:#ffffff !important; background-color:#51804f !important; transition: all 0.2s ease-out;  }



#footer{ background-color:#51804f; padding-bottom:60px; padding-top:60px;  }
#footer p{font-family: 'Yanone Kaffeesatz', sans-serif; font-weight: 300; text-align:center; color:#ffffff !important; font-size:18px !important; line-height:20px; margin:0; padding:0; }
#footer p a{ font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 300;color:#ffffff !important; font-size:18px !important; text-decoration:none; transition: all 0.2s ease-out; }
#footer p a:hover{ color:#e5dad2 !important; text-decoration:none; transition: all 0.2s ease-out; }



.cookies{ background-color:#FFFFFF; padding:50px; width:100%; height:auto; position:fixed; bottom:0;z-index: 99; }
.cookies__titulo{ color:#000000; font-size:20px; }
.cookies__texto{ color:#777777 !important; font-size:15px !important; }
.cookies__texto a{ color:#000000 !important; font-size:15px !important; text-decoration:underline; }

.cookies__boton--si{  padding:12px !important; background-color:#000000; color:#FFFFFF; border:#000000 solid 1px; cursor:pointer; font-size:14px;}
.cookies__boton--config{padding:8px !important; background:#FFFFFF !important; color:#000000 !important; border:#000000 solid 1px !important; cursor:pointer;  font-size:14px !important;border-radius: 0  !important; line-height: 22px !important;
text-shadow:none !important;}
.cookies__boton--config:hover{ text-decoration:none; }
.cookies__boton--no{ background-color:#FFFFFF; color:#000000; border:#000000 solid 1px; cursor:pointer;  font-size:14px; }
.cookies__boton--si2{ background-color:#FFFFFF; color:#000000; border:#000000 solid 1px; cursor:pointer;  font-size:14px; }
.si2_Activo{ background-color:#0DA310 !important; color:#ffffff !important; border:#0DA310 solid 1px !important; cursor:pointer;  font-size:14px; }
.no_Activo{ background-color:#000000 !important; color:#ffffff !important; border:#000000 solid 1px !important; cursor:pointer;  font-size:14px; }

#panelCookies .uk-modal-dialog { padding:40px !important;  }
#panelCookies .bloqueCookie{ border-bottom:#EFEFEF solid 1px; padding-bottom:20px; margin-bottom:30px; }
#panelCookies h2{ color:#000000; font-size:20px; }
#panelCookies p{ color:#777777 !important; font-size:15px !important; }
#panelCookies p a{ color:#000000 !important; font-size:15px !important;  text-decoration:underline; }
.cookies__boton--obligatorias{ background-color:#c9c9cb; color:#777777; border:#777777 solid 1px; cursor:none;  font-size:14px; }
.cookieConfigAccept{  background:#000000 !important; color:#ffffff !important; border:#000000 solid 1px !important; cursor:pointer !important;  font-size:14px !important; padding:10px !important; padding-left:20px !important; padding-right:20px !important; line-height:normal !important; min-height:inherit !important; border-radius: 0  !important; text-shadow:none !important; margin:0 auto !important;margin-bottom:30px 	!important; margin-top:20px !important;  display:block !important; }

.pagCookies{ width:100%; margin:0 auto; }
.pagCookies .divPanell{ background-color:rgba(240,240,240,1.00); padding:20px !important; padding-bottom:0; margin-bottom:30px; }
.pagCookies .divPanell p{ text-align:center !important; }
.pagCookies h2{ font-size:20px; font-weight:700; line-height: 26px; color:#1e1d1d; text-align:justify; margin:0; padding:0; margin-bottom:20px;}
.pagCookies p{font-size:18px !important; font-weight:400; line-height: 26px; color:#474748; text-align:justify; margin:0; padding:0; margin-bottom:20px;   }
.pagCookies p a{font-size:18px !important; color:#000000;  }
.pagCookies ul { list-style: none !important; }
.pagCookies ul li::before { content: "\2022" ;  color: #e2291e !important;  font-weight: bold ;  display: inline-block;  width: 1em;  margin-left: -1em; }
.pagCookies ul li, .pagCookies ul li a{ffont-size:18px !important; font-weight:400; line-height: 26px; color:#474748; text-align:left !important; margin:0; padding:0; margin-bottom:10px; }
.pagCookies .llistaCookie{border:#DFDFDF solid 1px; padding:10px; margin-bottom:10px; }