@import 'https://fonts.googleapis.com/css?family=Josefin+Sans:400,700|Abril+Fatface';

html{ margin:0px; height:100%;  }

body { height:100%; overflow-x:hidden; margin:0px; padding:0px; font-family: 'Josefin Sans', sans-serif;}
.ampla_pagina{ width:1100px; 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;}
p{ font-size:18px; color:#626262; text-align:justify; margin:0; padding:0;}

a.linkBlancNegre{ color:#ffffff; font-size:18px; font-weight:400; line-height:24px; text-decoration:none; }
a.linkBlancNegre:hover{ color:#000000; font-size:18px; font-weight:400; line-height:24px; text-decoration:none; }

#header{ position:fixed; z-index:99; padding:10px; width:100%; border-bottom:#94b8e1 solid 1px; 
background: rgba(73,155,234,1);
background: -moz-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(32,124,229,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(73,155,234,1)), color-stop(100%, rgba(32,124,229,0)));
background: -webkit-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(32,124,229,0) 100%);
background: -o-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(32,124,229,0) 100%);
background: -ms-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(32,124,229,0) 100%);
background: linear-gradient(to bottom, rgba(73,155,234,1) 0%, rgba(32,124,229,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5', GradientType=0 );
transition: all 0.8s ease-out; }
#header #logo{ width:15%; float:left; transition: all 0.8s ease-out; padding:6px; }
#header #logo img{ width:100%; max-width:232px; height:auto; transition: all 0.8s ease-out; }
#header #menuPC{ width:70%; float:left;padding-top:40px; text-align:center; }
#header #menuPC a{ display:inline-block; width:auto;font-weight:400;  text-decoration:none; color:#FFFFFF; text-align:center; padding:10px; font-size:16px; text-transform:uppercase; padding-left:30px; padding-right:30px; border: 1px solid rgba(0, 0, 0, 0);  transition: all 0.2s ease-out; }
#header #menuPC a:hover{border:#79d0e7 solid 1px; transition: all 0.2s ease-out; }
#header #menuPC a.Actiu{ display:inline-block; width:auto; text-decoration:none; text-align:center; padding:10px; font-size:16px; font-weight:400;text-transform:uppercase; border:#79d0e7 solid 1px; padding-left:30px; padding-right:30px; }
#header > #idiomes_telefon{ width:15%; float:left; text-align:right; }
#header > #idiomes_telefon > #idiomes{ margin-bottom:20px; transition: all 0.8s ease-out; }
#header > #idiomes_telefon > #idiomes > a{ display:inline-block; width:auto;font-weight:400;  text-decoration:none; color:#79d0e7; text-align:center; padding:5px; font-size:15px; text-transform:uppercase; margin-left:10px; padding-left:10px; padding-right:10px; border:#79d0e7 solid 1px; }
#header > #idiomes_telefon > #idiomes > a:hover{border:#ffffff solid 1px; color:#79d0e7; transition: all 0.2s ease-out; }
#header > #idiomes_telefon > #idiomes > a.Actiu{ display:inline-block; width:auto; color:#ffffff; text-decoration:none; text-align:center; padding:5px; font-size:15px; font-weight:400;text-transform:uppercase; margin-left:10px;  border:#ffffff solid 1px; padding-left:10px; padding-right:10px; }
#header > #idiomes_telefon > #telefon > p{ color:#FFFFFF; line-height:18px; font-size:20px !important; margin:0 !important; padding:0 !important; text-align:right; font-weight:400;  }
#header > #idiomes_telefon > #telefon > p > img{ margin-left:10px;}

#menuRes{ display:none; }
.EspaiMenu{  display:none; }

/* con scroll */
#header.conScroll { background-color:#0099cc; /*background-color:rgba(0, 158, 210, .6);*/ transition: all 0.8s ease-out;}
#header.conScroll #logo{ transition: all 0.8s ease-out; padding:0; }
#header.conScroll #logo img{ max-width:120px; transition: all 0.8s ease-out; }
#header.conScroll #menuPC{ padding-top:0; transition: all 0.8s ease-out; }
#header.conScroll #idiomes_telefon #idiomes{ display:none; transition: all 0.8s ease-out; }
#header.conScroll #idiomes_telefon #telefon{ margin-top:10px; transition: all 0.8s ease-out; }

.textCarrusel_1{ font-size:68px !important; color:#ffffff; text-align:center; margin:0; padding:0; font-family: 'Abril Fatface', cursive; font-weight:400; }
.textCarrusel_2{ font-size:48px !important; color:#ffffff; text-align:center; margin:0; padding:0; font-family: 'Josefin Sans', sans-serif; font-weight:400; }

#capcaleraFoto{ width:100%; position:relative; }
#capcaleraFoto img{ width:100%; height:auto; position:relative; z-index:2 }
#capcaleraFoto h2{ width:100%;  position:absolute; bottom:50px; left:50px; z-index:3; font-size:38px; color:#ffffff; text-align:left; margin:0; padding:0; font-family: 'Abril Fatface', cursive; font-weight:400;text-shadow: 0 1px 2px rgba(0, 0, 0, .6);  line-height: 42px;}
#capcaleraFoto h2 span{font-size:34px; color:#ffffff; text-align:left; margin:0; padding:0; font-family: 'Josefin Sans', sans-serif;font-weight:700; }

#interiors{ width:100%; max-width:1200px; margin:0 auto; padding-top:50px; padding-bottom:80px; }
#interiors > h1{ font-size:48px !important; color:#0099cc; text-align:center; margin:0; padding:0; font-family: 'Abril Fatface', cursive; font-weight:400; margin-bottom:60px; line-height:40px; }
#interiors > h2{ font-size:38px !important; color:#000000; text-align:center; margin:0; padding:0; font-family: 'Abril Fatface', cursive; font-weight:400; margin-bottom:60px; }
#interiors > p{ font-size:18px; color:#626262; text-align:justify; margin:0; padding:0; line-height: 26px; }
#interiors > p a.enllac{ font-size:18px; text-decoration:none; color:#233b75; }
#interiors > p a.enllac:hover{ color:#000000; }

#inici{  }

#esloganHome{ position:absolute; top:200px; width:100%;z-index:9; padding:100px; }
#esloganHome h1{text-transform:uppercase; color:#ffffff; font-size:50px; line-height:50px; text-align:center; margin:0; padding:0; font-weight:900; margin-bottom:20px; }
#esloganHome h2{text-transform:uppercase; color:#ffffff; font-size:30px; line-height:40px; text-align:center; margin:0; padding:0; font-weight:900; margin-bottom:20px; }




#blocProductes{ width:80%; margin:0 auto; padding-top:50px; padding-bottom:50px; border-bottom:#E9E9E9 solid 1px; }
#blocProductes h3{ padding:0; text-align:center; margin:0; color:#79d0e7; font-size:40px;  font-weight:400; line-height:40px; margin-bottom:50px; }
#blocProductes h3 span{ color:#777777; font-size:38px; font-family: 'Abril Fatface', cursive; font-weight:400; }

#blocProductes .producte{ display:block; text-decoration:none; background:no-repeat center; -webkit-background-size: cover;  -moz-background-size: cover; -o-background-size: cover; background-size: cover; width:15.6%; margin:0.5%; float:left; min-height:450px; margin-bottom:4%;  }
#blocProductes .producte h2{ background-color:#79d0e7; opacity:1; width:100%; padding:20px; text-align:center; margin:0; color:#FFFFFF; font-size:26px; font-family: 'Abril Fatface', cursive; font-weight:400; transition: all 0.2s ease-out;  }

#blocProductes .producte:hover h2{background-color:#419be7; font-size:30px; transition: all 0.2s ease-out; }


#Bloc_Noticies{  width:80%; margin:0 auto; padding-top:50px; padding-bottom:50px;  }
#Bloc_Noticies h2{ font-size:34px !important; color:#3f3f3f; margin:0; padding:0; font-family: 'Abril Fatface', cursive; font-weight:400; margin-bottom:40px; }
#Bloc_Noticies .noticies{background-color:#f2f2f2; padding:40px; }
#Bloc_Noticies .noticies img{ float:left; margin-right:20px; margin-bottom:20px; }
#Bloc_Noticies .noticiesUltima{  margin-right:0 !important;}
#Bloc_Noticies .noticies h3{color:#0099cc; font-size:22px; margin:0; padding:0; font-weight:bold; margin-bottom:20px; }
#Bloc_Noticies .noticies h4{color:#000000; font-size:16px; margin:0; padding:0; font-weight:normal; margin-bottom:0px; }
#Bloc_Noticies .noticies p{ text-decoration:none; color:#7a7a7a; font-size:18px; line-height:24px; margin:0; padding:0; margin-bottom:20px;  }
#Bloc_Noticies .noticies a{  color:#000000;line-height:24px; text-decoration:none; font-size:18px; font-weight:400; transition: all 0.4s ease-out; }
#Bloc_Noticies .noticies a i{ margin-right:5px; }
#Bloc_Noticies .noticies a:hover{color:#0099cc; transition: all 0.4s ease-out; }



#llistatProductes h2{ font-size:38px !important; color:#777777; text-align:center; margin:0; padding:0; font-family: 'Abril Fatface', cursive; font-weight:400; margin-bottom:60px; line-height:30px; }
#llistatProductes a.producteLlistat{ margin-bottom:4%; width:48%; float:left; }
#llistatProductes a.producteLlistat .titol{ width:50%; float:left; background-color:#79d0e7; min-height:250px; transition: all 0.4s ease-out;}
#llistatProductes a.producteLlistat .titol h2{ width:100%; padding:20px; text-align:right; margin:0; color:#FFFFFF; font-size:38px; font-family: 'Abril Fatface', cursive; font-weight:400; line-height: 38px; }
#llistatProductes a.producteLlistat .titol h3{ width:100%; padding:20px; text-align:right; margin:0; color:#FFFFFF; font-size:20px; font-weight:400; }
#llistatProductes a.producteLlistat .titol h3 span{ font-size:14px; font-weight:bold; }
#llistatProductes a.producteLlistat .foto{ width:50%; float:left; min-height:250px; background:no-repeat center; -webkit-background-size: cover;  -moz-background-size: cover; -o-background-size: cover; background-size: cover; transition: all 0.4s ease-out;}
#llistatProductes a.producteLlistatMargin{ margin-right:4%; }
#llistatProductes a.producteLlistat:hover .titol{  background-color:#0099cc; transition: all 0.4s ease-out; }
#llistatProductes a.producteLlistat:hover .foto{ opacity:0.7; transition: all 0.4s ease-out;}

.columna_1_2{ width:48%; margin-right:4%; float:left; }
.columna_2_2{ width:48%; float:left; }


#llistatProductes{} 
#llistatProductes .producte{ margin-bottom:30px; padding-bottom:30px; border-bottom:#F0F0F0 solid 1px;  } 
#llistatProductes .producte .logo{ width:25%; margin-right:5%; float:left; } 
#llistatProductes .producte .logo img{ width:100%; height:auto; border:#F0F0F0 solid 1px; padding-left:20px; padding-right:20px;  } 
#llistatProductes .producte .info{ width:70%; float:left; } 
#llistatProductes .producte .info .rodones{ text-align:right; } 
#llistatProductes .producte .info .rodones img{ max-width:50px; height:auto; margin-left:10px; -webkit-border-radius: 50px; border-radius: 50px; -moz-border-radius-topleft: 50px; } 

#llistatProductes .producte .info h2{ font-size:22px; font-weight:normal; color:#0099cc; text-align:left; padding:0; margin:0; margin-bottom:10px } 
#llistatProductes .producte .info h3{ font-size:16px; font-weight:bold; color:#000000;  text-align:left; padding:0; margin:0;margin-bottom:20px} 
#llistatProductes .producte .info p{ font-size:18px; font-weight:normal; color:#777777;  text-align:left; padding:0; margin:0; } 




.volver{ font-size:18px; width:200px; display:block; padding:15px; margin:0 auto; background-color:#0099cc; color:#FFFFFF; text-align:center; text-decoration:none; transition: all 0.4s ease-out; -webkit-border-radius: 4px; border-radius: 4px; -moz-border-radius-topleft: 4px; }
.volver:hover{ background-color:#363b3d;color:#FFFFFF; text-decoration:none; transition: all 0.4s ease-out;  }


.llistatNoticies .noticia{ display:block; padding:15px; margin-bottom:20px; border-bottom:#F0F0F0 solid 1px; text-decoration:none; transition: all 0.4s ease-out; }
.llistatNoticies .noticia h3{ width:100%; text-align:left !important; margin:0 !important; color:#0099cc !important; font-size:24px !important;font-family: 'Josefin Sans', sans-serif;  font-weight:400; margin-bottom:10px !important; }
.llistatNoticies .noticia h4{color:#000000; font-size:16px; margin:0; padding:0; font-weight:normal; margin-bottom:5px; }
.llistatNoticies .noticia p{ width:100%; line-height:24px; text-align:left; margin:0; color:#777777; font-size:18px; font-weight:400; margin-bottom:20px; }
.llistatNoticies .noticia a{  color:#000000;line-height:24px; text-decoration:none; font-size:18px; font-weight:400; transition: all 0.4s ease-out; }
.llistatNoticies .noticia a i{ margin-right:5px; }
.llistatNoticies .noticia a:hover{color:#0099cc; transition: all 0.4s ease-out; }



#llistatAditius{ }
#llistatAditius .aditiu_1{ width:48%; margin-right:4%; float:left; background:no-repeat center; -webkit-background-size: cover;  -moz-background-size: cover; -o-background-size: cover; background-size: cover;  min-height:810px; }
#llistatAditius .aditiu_2{ width:48%; float:left; background:no-repeat center; -webkit-background-size: cover;  -moz-background-size: cover; -o-background-size: cover; background-size: cover;  min-height:810px; }
#llistatAditius .titol{ background-color:#0099cc; padding:30px; margin-top:70px; }
#llistatAditius .titol h2{ width:100%; margin:0; padding:0; line-height:40px; color:#FFFFFF; font-size:38px; font-family: 'Abril Fatface', cursive; font-weight:400; }
#llistatAditius .titol h2 span{ width:100%; margin:0; color:#FFFFFF; font-size:28px;font-family: 'Josefin Sans', sans-serif; font-weight:400; }
#llistatAditius .llistat{ background-color:#ffffff; padding:20px; margin-top:80px; margin:70px; }


#miniBotonsProductes { margin-top:100px; }
#miniBotonsProductes .MiniproducteLlistat{ display:block; text-decoration:none; background:no-repeat center; -webkit-background-size: cover;  -moz-background-size: cover; -o-background-size: cover; background-size: cover; width:20.4%; float:left; min-height:170px; opacity:0.5; filter:alpha(opacity=50);transition: all 0.4s ease-out; }
#miniBotonsProductes .MiniproducteLlistat h2{ width:100%; padding:15px; text-align:right; margin:0; color:#FFFFFF; font-size:18px !important; font-family: 'Abril Fatface', cursive; font-weight:400;transition: all 0.4s ease-out; }
#miniBotonsProductes .MiniproducteLlistat:hover{ opacity:1; filter:alpha(opacity=100);transition: all 0.4s ease-out; }
#miniBotonsProductes .MiniproducteLlistatActiu{ display:block; text-decoration:none; background:no-repeat center; -webkit-background-size: cover;  -moz-background-size: cover; -o-background-size: cover; background-size: cover; width:20.4%; float:left; min-height:170px; opacity:1; filter:alpha(opacity=100);transition: all 0.4s ease-out; }
#miniBotonsProductes .MiniproducteLlistatActiu h2{ width:100%; padding:15px; text-align:right; margin:0; color:#FFFFFF; font-size:20px !important; font-family: 'Abril Fatface', cursive; font-weight:400;transition: all 0.4s ease-out; }
#miniBotonsProductes .MiniproducteLlistatMargin{ margin-right:1%; }


#formularioContacto{ }
#formularioContacto .columna_1{ float:left; width:30%; margin-right:5%; }
#formularioContacto .columna_2{ float:left; width:30%; margin-right:5%; }
#formularioContacto .columna_3{ float:left; width:30%; }
#formularioContacto h2{ color:#676767; font-size:38px; font-weight:300; margin:0; padding:0; margin-bottom:30px; }
#formularioContacto p{ color:#676767; margin:0; padding:0; }
#formularioContacto input[type="text"], #formularioContacto input[type="email"]{ width:100%; padding:6px; margin-top:5px; background-color:transparent; border:#e8e8e8 solid 1px; -webkit-border-radius: 6px; border-radius: 6px; -moz-border-radius-topleft: 6px; font-size:16px; color:#676767; margin-bottom:20px; font-family: 'Josefin Sans', sans-serif;}
#formularioContacto textarea{ width:100%; padding:6px; background-color: transparent; border:#e8e8e8 solid 1px; -webkit-border-radius: 6px; border-radius: 6px; -moz-border-radius-topleft: 6px; font-size:16px; color:#676767; margin-bottom:7px; min-height:200px; margin-top:5px; font-family: 'Josefin Sans', sans-serif;}
#formularioContacto input[type="submit"]{  display:block; border:none; width:250px; margin:0 auto !important; padding:10px; margin-top:5px; margin-bottom:20px;background-color:#0099cc; -webkit-border-radius: 2px; border-radius: 2px; -moz-border-radius-topleft: 2px; font-size:24px; color:#ffffff; font-weight:300; text-align:center; text-decoration:none; transition: all 0.1s ease-out; font-family: 'Josefin Sans', sans-serif; }
#formularioContacto input[type="submit"]:hover{ cursor:pointer;  display:block; width:270px; padding:10px; margin-top:5px; margin-bottom:20px;background-color:#141414; -webkit-border-radius: 2px; border-radius: 2px; -moz-border-radius-topleft: 2px; font-size:24px; color:#ffffff; font-weight:300; text-align:center; text-decoration:none; transition: all 0.1s ease-out; font-family: 'Josefin Sans', sans-serif; }



#marcasHome{  border-top:#f2f2f2 solid 1px; padding:20px; width:100%;  }
#marcasHome #titol{ width:15%; float:left; border-right:#e1e1e1 solid 1px; padding-right:30px; padding-left:30px;  }
#marcasHome #titol h2{ color:#0099cc; text-align:right; font-size:26px; font-weight:normal; }
#marcasHome #titol h2 span{ color:#777777; text-align:right; font-size:34px; font-family: 'Abril Fatface', cursive; font-weight:normal; }
#marcasHome #logos{ width:85%; float:left; padding-right:30px; padding-left:30px; }
#marcasHome #logos img{ float:left; margin-right:40px; }

#footer{ background-color:#79d0e7; padding:40px; padding-bottom:50px; text-align:center;   }
#footer h2{ color:#FFFFFF; text-align:center; font-size:24px; font-family: 'Abril Fatface', cursive; }
#footer p{ color:#FFFFFF; text-align:center; font-size:18px; line-height:24px; }
#footer p a{ color:#FFFFFF; font-size:16px; text-decoration:none; }
#footer p a:hover{ color:#000000;  }


.localitzacio .infoLocalitzacio{ width:100%; float:none; margin-bottom:30px;}
.localitzacio .infoLocalitzacio p{ line-height:24px !important; text-align:center;}
.mapa{ width:100%; float:none; }
.mapa iframe{ width:100%; min-height:450px; }
.mapa .capa-anti-eventos {
        width: 100%;
        min-height: 450px;
        position: absolute;
        cursor: pointer;
}

.info_legal p{ color:#777777; text-align:center; font-size:14px; padding-top:10px; margin-bottom:40px; }
.info_legal p a{ color:#777777; font-size:14px; text-decoration:none; }
.info_legal p a:hover{ color:#000000;  }
/* cookies */
#barraaceptacion { display:none; position:fixed; left:0px; right:0px; bottom:0px; padding-bottom:20px; width:100%; text-align:center; min-height:40px; background-color: rgba(0, 0, 0, 0.5); color:#fff; z-index:99999; }
.inner { width:100%; position:absolute; padding-left:5px; font-family:verdana; font-size:12px; top:30%; }
.inner a.ok {padding:4px;color:#fff;text-decoration:none; font-weight:bold}
.inner a.info {padding-left:5px;text-decoration:none;color:#fff;}
/* final cookies */





.cookies{ background-color:#FFFFFF; padding:50px; width:100%; height:auto; position:fixed; bottom:0; }
@media (max-width: 560px) { .cookies{padding:25px; } }
.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:800px; margin:0 auto; }
.pagCookies .divPanell{ border:#777777 solid 1px; padding:20px; padding-bottom:0; margin-bottom:30px; }
.pagCookies .divPanell p{ text-align:center !important; }
.pagCookies h2{color:#000; text-align:center; font-size:28px !important; text-transform:uppercase; margin-bottom:50px; font-weight:300; }
.pagCookies p{font-size:16px !important;  }
.pagCookies p a{font-size:16px !important; color:#000000;  }
.pagCookies ul li, .pagCookies ul li a{font-size:16px !important; line-height: 28px; color:#777777; margin: 0; padding: 0; text-align: justify; font-weight:300 !important; }
.pagCookies .llistaCookie{border:#DFDFDF solid 1px; padding:10px; margin-bottom:10px; }





@media (max-width: 1600px) { 
	#blocProductes{ width:100%; margin:0 auto; padding:40px; padding-top:50px; padding-bottom:50px;  }
	#Bloc_Aditius_noticies{  width:100%; padding:40px; margin:0 auto; padding-top:50px; padding-bottom:50px;  }
	#Bloc_Aditius_noticies h2{ font-size:30px !important; margin-bottom:40px; }

	
}

@media (max-width: 1500px) { 
	#header #menuPC a{ padding:10px; padding-left:20px; padding-right:20px; }
	#header #menuPC a.Actiu{ padding:10px; padding-left:20px; padding-right:20px; }
	#blocProductes .producte{ width:29.3%; margin:2%; float:left; min-height:350px; margin-bottom:3%; }
	#blocProductes .titol h3{font-size:36px; }
	#blocProductes .titol h3 span{ font-size:32px;}
}

@media (max-width: 1300px) { 
	#capcaleraFoto h2{ bottom:50px; left:50px;  font-size:28px;  }
	#capcaleraFoto h2 span{font-size:28px; }
	
	#marcasHome #titol{ width:20%; float:left; border-right:#e1e1e1 solid 1px; padding-right:30px; padding-left:30px;  }
	#marcasHome #logos{ width:80%; float:left; padding-right:30px; padding-left:30px; }
	
	
}

@media (max-width: 1250px) { 
	#header #logo{ width:100%; float:none; text-align:center; }
	#header #logo img{ max-width:180px;  }
	#header > #idiomes_telefon{ position:absolute; top:0; right:0; width:100%; float:none; text-align:right; padding:10px; }
	#header #menuPC{ width:100%; float:none;padding-top:20px; text-align:center; }
	#header{ background-color:#0099cc;  }
	.EspaiMenu{ position:relative;  display:block; height:150px; }
	
	#interiors{ width:100%; max-width:none; margin:0 auto; padding:40px; padding-top:50px; padding-bottom:80px; }
	
	#llistatProductes a.producteLlistat .titol h2{ font-size:28px; }
	.textCarrusel_1{ font-size:48px !important;  }
	.textCarrusel_2{ font-size:38px !important; }
	
	#Bloc_Aditius_noticies h2{ font-size:26px !important; margin-bottom:40px; }
	#Bloc_Aditius_noticies #Bloc_Aditius .titol h2{ font-size:24px;line-height:32px; }
	#Bloc_Aditius_noticies #Bloc_Aditius .titol h2 span{font-size:26px; }
	#Bloc_Aditius_noticies #Bloc_Aditius .titol h3{ line-height:40px; font-size:24px; }
	#Bloc_Aditius_noticies #Bloc_Aditius .aditiu_1{ width:48%; margin-right:4%; min-height:410px; }
	#Bloc_Aditius_noticies #Bloc_Aditius .aditiu_2{ width:48%; min-height:410px; }
	
	
	
	#blocProductes .producte{ width:31%; margin:1% !important; float:left; min-height:250px; margin-bottom:3%; }
	#blocProductes .producteMargin{ margin-right:0; }
}

@media (max-width: 1000px) { 
	#Bloc_Aditius_noticies #Bloc_Aditius{  width:100%; margin-right:0; float:none; margin-bottom:40px; }
	#Bloc_Aditius_noticies #Bloc_Noticies{  width:100%; float:none;   }
	
	#marcasHome #titol{ width:25%; float:left; border-right:#e1e1e1 solid 1px; padding-right:30px; padding-left:30px;  }
	#marcasHome #titol h2{ font-size:22px; }
	#marcasHome #titol h2 span{font-size:28px;}
	#marcasHome #logos{ width:75%; float:left; padding-right:30px; padding-left:30px; }
	
	#esloganHome{ position:absolute; top:100px; width:100%;z-index:9; padding:50px; }
	#esloganHome h1{font-size:40px; line-height:40px;}
	#esloganHome h2{font-size:20px; line-height:20px;  }

	#Bloc_Noticies{  width:100%; margin:0 auto; padding:40px !important; }
	#Bloc_Noticies .noticies{ float:none;width:100%; margin-right:0; background-color:#f2f2f2; padding:20px; margin-bottom:30px; }

}

@media (max-width: 850px) { 
	
	#header #menuPC{ display:none; }
	#menuRes{ display:block; }
	.EspaiMenu{ position:relative;  display:block; height:95px; }
	#header #logo{ width:100%; float:none; text-align:left; padding-left:50px; padding-top:0; }
	#header #logo img{ max-width:140px;  }
	#header{ min-height:95px; }
	
	
	#header.conScroll { background-color:#0099cc; transition:none;}
	#header.conScroll #logo{ width:100%; float:none;text-align:left; padding:6px; padding-top:0; padding-left:50px; transition:none; }
	#header.conScroll #logo img{  max-width:140px; transition:none; }
	#header.conScroll #menuPC{ display:none; transition:none; }
	#header.conScroll #idiomes_telefon #idiomes{ display:block; transition:none; }
	#header.conScroll #idiomes_telefon #telefon{ margin-top:10px; transition:none; }
	
	#llistatProductes a.producteLlistat { text-decoration:none;}
	#llistatProductes a.producteLlistat .titol{ width:100%; float:none;min-height:inherit;}
	#llistatProductes a.producteLlistat .titol h2{ text-align:center; padding-bottom:0px; }
	#llistatProductes a.producteLlistat .titol h3{text-align:center; }

	#llistatProductes a.producteLlistat .foto{ width:100%; float:none; min-height:250px; }
	
	#blocProductes .producte{ width:48%; margin:1% !important; float:left; min-height:250px; margin-bottom:3%; }
	#blocProductes .producteMargin{ margin-right:0; }
	
	#llistatProductes .producte{ margin-bottom:30px; padding-bottom:30px; border-bottom:#F0F0F0 solid 1px;  } 
	#llistatProductes .producte .logo{ width:25%; margin-right:5%; float:left; } 
	#llistatProductes .producte .info{ width:70%; float:left; } 
	#llistatProductes .producte .info .rodones{ text-align:right; margin-bottom:10px; } 
	#llistatProductes .producte .info .rodones img{ max-width:40px; height:auto; margin-left:10px;  } 
	#llistatProductes .producte .info h2{ font-size:22px !important;} 



	
}
@media (max-width: 700px) { 
	#capcaleraFoto h2{ bottom:20px; left:20px;  font-size:24px;  }
	#capcaleraFoto h2 span{font-size:22px; }
	
	#marcasHome #titol{ width:30%; float:left; border-right:#e1e1e1 solid 1px; padding-right:30px; padding-left:30px;  }
	#marcasHome #titol h2{ font-size:22px; }
	#marcasHome #titol h2 span{font-size:28px;}
	#marcasHome #logos{ width:70%; float:left; padding-right:30px; padding-left:30px; }
	
	#Bloc_Noticies .noticies img{ float:none; margin-right:0px; margin-bottom:20px; width:100%; height:auto; }
	
	
}

@media (max-width: 580px) { 
	#capcaleraFoto h2{ display:none;}
	#interiors > h1{ font-size:38px !important; color:#0099cc; text-align:center; margin:0; padding:0; font-family: 'Abril Fatface', cursive; font-weight:400; margin-bottom:30px; line-height:40px; }
	#llistatProductes a.producteLlistat .foto{ width:100%; float:none; min-height:170px; }
	
	.textCarrusel_1{ font-size:38px !important;  }
	.textCarrusel_2{ font-size:28px !important; }
	
	#blocProductes .titol h3{font-size:30px; }
	#blocProductes .titol h3 span{ font-size:28px;}
	#blocProductes .producte h2{ padding:20px; font-size:30px; }
	#blocProductes{ width:100%; margin:0 auto; padding:20px; padding-top:30px; padding-bottom:30px;  }
	#Bloc_Aditius_noticies{  width:100%; padding:20px; margin:0 auto; padding-top:30px; padding-bottom:30px;  }
	
	#marcasHome #titol{ width:100%; float:none; border-right:none; border-bottom:#e1e1e1 solid 1px; padding-right:0; padding-left:0;  }
	#marcasHome #titol h2{ font-size:22px; text-align:center }
	#marcasHome #titol h2 span{font-size:28px;}
	#marcasHome #logos{ width:100%; float:none; padding-right:0; padding-left:0;text-align:center  }
	#marcasHome #logos img{ float:none; margin-right:20px; margin-left:20px; }
	#Bloc_Noticies{  width:100%; margin:0 auto; padding:10px !important; }
	
	#interiors{ width:100%; max-width:none; margin:0 auto; padding:10px; padding-top:30px; padding-bottom:40px; }
	
	#formularioContacto .columna_1{ float:none; width:100%; margin-right:0; }
	#formularioContacto .columna_2{ float:none; width:100%; margin-right:0; }
	#formularioContacto .columna_3{ float:none; width:100%; }
	
	#llistatProductes .producte .logo{ width:100%; margin-right:0; float:none; margin-bottom:20px; } 
	#llistatProductes .producte .info{ width:100%; float:none; } 
	#llistatProductes .producte .info .rodones{ text-align:left; margin-bottom:10px; } 
	#llistatProductes .producte .info .rodones img{ max-width:40px; height:auto; margin-left:0; margin-right:10px;   } 
	#llistatProductes .producte .info h2{ font-size:22px !important;} 
	
}



@media (max-width: 480px) { 
	
	#header #logo img{ max-width:120px;  }
	
	#header.conScroll #logo img{  max-width:120px; }
	#llistatProductes a.producteLlistat{ margin-bottom:4%; width:100%; float:none; }
	#llistatProductes a.producteLlistatMargin{ margin-right:0; }
	#llistatProductes a.producteLlistat .foto{ margin-bottom:30px;}
	
	#blocProductes .titol{min-height:140px !important;}
	#blocProductes .producte{ width:100%; margin:0 !important; float:none; min-height:250px; margin-bottom:3% !important; }
	#blocProductes .producteMargin{ margin-right:0; }
	
	#Bloc_Aditius_noticies #Bloc_Aditius .aditiu_1{ width:100%; margin-right:0; float:none; min-height:410px; }
	#Bloc_Aditius_noticies #Bloc_Aditius .aditiu_2{ width:100%; float:none; min-height:410px; }
	#Bloc_Aditius_noticies #Bloc_Noticies .noticies{ min-height:inherit;  padding:20px; }
	#Bloc_Aditius_noticies #Bloc_Noticies .noticies .botons{ position:relative; width:100%; bottom:0; left:0; padding-left:0; padding-right:0; margin-top:40px;}
	
}








/*ESTILOS PARA EL CUERPO DE LA PÁGINA*/



/*INICIO MENU*/
.menu
{
	list-style: none;
	line-height: 42px;
	margin: 20px auto;
	margin-top:50px;
	/*outline: 1px solid red;*/
	padding-left: 20px;
	width: 15em;
	background-color:#233b75;
}

.menu a
{
	/*background: url(menuRespo/icons.png) no-repeat left top;*/
	color: #ffffff;
	display: block;
	padding-left: 0;
	text-decoration: none;
	text-transform: uppercase;
	--webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	width: 100%;
	text-shadow: 1px 1px 2px #000;
	font-size:16px;
	font-weight:400;
	font-family: 'Josefin Sans', sans-serif;
}

.menu a:hover
{
	margin-left: 1em;
}

.menu li
{
	margin-bottom: 3px;
	padding-left: 0;
	/*outline: 1px solid green;*/
	--webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

.menu li:hover
{
}

.menu li:nth-child(2) a
{
	background-position: 0 -42px;
}

.menu li:nth-child(3) a
{
	background-position: 0 -84px;
}

.menu li:nth-child(4) a
{
	background-position: 0 -126px;
}

.menu li:nth-child(5) a
{
	background-position: 0 -168px;
}

.menu li:last-child a
{
	background-position: 0 -210px;
}
/*FIN MENU*/


/*POSICION RESPONSIVE MENU*/
nav {
	box-sizing: border-box;
	left: -18em;
	height: 100%;
	
	position: absolute;
	top: 0;
	transition: all .3s;
	z-index: 20;
}

nav.mostrar {
	left: 0;
}

#mostrar-nav {
	background: url(menuRespo/menu-icon.png);
	cursor: pointer;
	left: 20px;
	height: 30px;
	position: absolute;
	top: 15px;
	width: 30px;
	z-index: 30;
}