@font-face {    font-family: 'Akkurat';    src: url('../fonts/Akkurat.eot');    src: url('../fonts/Akkurat.eot?#iefix') format('embedded-opentype'),        url('../fonts/Akkurat.woff2') format('woff2'),        url('../fonts/Akkurat.woff') format('woff'),        url('../fonts/Akkurat.ttf') format('truetype'),        url('../fonts/Akkurat.svg#Akkurat') format('svg');    font-weight: normal;    font-style: normal;    font-display: swap; letter-spacing: 2px;}
@font-face {    font-family: 'Akkurat_Light';    src: url('../fonts/Akkurat-Light.eot');    src: url('../fonts/Akkurat-Light.eot?#iefix') format('embedded-opentype'),        url('../fonts/Akkurat-Light.woff2') format('woff2'),        url('../fonts/Akkurat-Light.woff') format('woff'),        url('../fonts/Akkurat-Light.ttf') format('truetype'),        url('../fonts/Akkurat-Light.svg#Akkurat-Light') format('svg');    font-weight: 300;    font-style: normal;    font-display: swap;letter-spacing: 2px;}
@font-face {    font-family: 'Bariol_Bold';    src: url('../fonts/Bariol-Bold.eot');    src: url('../fonts/Bariol-Bold.eot?#iefix') format('embedded-opentype'),        url('../fonts/Bariol-Bold.woff2') format('woff2'),        url('../fonts/Bariol-Bold.woff') format('woff'),        url('../fonts/Bariol-Bold.ttf') format('truetype'),        url('../fonts/Bariol-Bold.svg#Bariol-Bold') format('svg');    font-weight: bold;    font-style: normal;    font-display: swap;}
@font-face {    font-family: 'Bariol_Regular';    src: url('../fonts/Bariol-Regular.eot');    src: url('../fonts/Bariol-Regular.eot?#iefix') format('embedded-opentype'),        url('../fonts/Bariol-Regular.woff2') format('woff2'),        url('../fonts/Bariol-Regular.woff') format('woff'),        url('../fonts/Bariol-Regular.ttf') format('truetype'),        url('../fonts/Bariol-Regular.svg#Bariol-Regular') format('svg');    font-weight: normal;    font-style: normal;    font-display: swap; }


* {
  margin: 0;
  padding: 0;
}

h6{font-family: 'Bariol_Bold', Arial, Helvetica, sans-serif;    font-size: 19px;    line-height: 20px;    color: #2d2c2c;    font-weight: normal;margin: 0}

.fuera {display: block}
.grisaceo p{font-family: 'Bariol_Bold', Arial, Helvetica, sans-serif;    font-size: 14px;    color: #7b7b7b!important;    line-height: 16px;margin: 0}
.servicioskodama{text-align:center;margin-top:30px;height:300px;width:19.75%;display:inline-block;    vertical-align: top;}
.barraMenu{width: 100%;position: fixed; z-index: 6666; background-color: #fff; top: 40px; transition: 1s; height: 90px; margin: 0; padding: 0;}
a {text-decoration: none !important;}
.container-fluid{padding: 0px !important;}
.cajonews{padding:20px;background-color:#ffffff;margin-bottom: 30px;position:relative;min-height:250px;font-family:'Bariol_Bold', Arial, Helvetica, sans-serif;    font-size: 15px; line-height: 19px}
.data2 {    position: absolute;    top: -18px;    left: 20px;    font-family: 'Bariol_Bold', Arial, Helvetica, sans-serif;    font-size: 13px;    line-height: 26px;    color: #ffffff;    background-color: #d6061d;    font-weight: normal;    padding: 2px 12px;}
.newsdesc {    font-family: 'Bariol_Bold', Arial, Helvetica, sans-serif;    font-size: 21px;    line-height: 22px;    color: #222;    font-weight: normal;}
.categoriatop{width:9.65%;display:inline-block;font-family:'Bariol_Bold', Arial, Helvetica, sans-serif;    font-size: 14px;text-transform: uppercase; line-height: 15px;vertical-align: top; color:#ababab;}
.categoriatop img{width:80%;margin-bottom: 10px;max-width: 80px;}
.categoriatop a{ color:#797979!important;}

.loginnes{position:absolute;width:100%; bottom:24%;z-index:99;text-align:center;}
.loginnesinterior{display: none!important;}
.botoTornar{font-family:'Bariol_Bold', Arial, Helvetica, sans-serif;    font-size: 14px;text-transform: uppercase; color:#333;}

.telef  {font-size: 32px;color: #3f5c9e;font-weight: bold;}
.emailin{font-size: 22px;color: #3f5c9e;font-weight: bold;word-break: break-all;}

.newshome{font-family: 'Bariol_Bold', Arial, Helvetica, sans-serif; text-transform: uppercase;color: #717171;font-size: 13px;}
.newnou{min-height:560px !important; padding: 0 30px !important; text-align: left;margin-bottom: 30px;}
.modifTamany{width: 170px!important; transition:1s;margin-top: 15px!important;}

.footer2{background-image: url(../imgs/FonsDegradat.jpg); background-size: cover; background-position: center; width:100%; padding: 8px 0; text-align:right;  text-transform: uppercase;  font-family: 'Bariol_Regular', Arial, Helvetica, sans-serif;    font-size: 12px;    color: #fff!important;    font-weight: normal;    font-style: normal;    line-height: 15px;}
.footer2 a{color: #fff!important; margin: 0 20px; transition: 0.7s;}
.footer2 a:hover{color: #222!important; transition: 0.7s;}
.nota{font-size: 11px; line-height: 15px;}

.alturin{min-height:282px;}
.halturas{min-height:auto;}

.imgprojecte{background-size: cover; background-repeat: no-repeat; background-position: center;height:auto; width: 100%;  margin: 0 auto;;}
.check{transition: 0.8s;}
.quadre:hover .check{transform: scale(1.4); transition: 0.8s;}

body
{
	font-family: 'Akkurat_Light' ,Arial, Helvetica, sans-serif;
	color: #424242;
	line-height: 24px;	
	font-weight: normal;
	font-size: 16px;
    letter-spacing: 1.5px;
}


img { border: 0; }

.amarill{ color: #3f5c9e;}

.flex-caption{
	width: 96%;
	padding: 2%;
	left: 0;
	bottom: 0;
	/*background: rgba(0,0,0,.5);*/
	color: #fff;
	/*text-shadow: 0 -1px 0 rgba(0,0,0,.3);*/
	font-size: 14px;
	line-height: 18px;
}

.flipa {
    position: absolute;
    top: 50%;
    z-index: 11;
    font-family: 'Akkurat_Light', Arial, Helvetica, sans-serif;
    font-size: 3vw;
    padding: 1% 12%;
    line-height: 3vw;
    color: #333;
    /*text-transform: uppercase;*/
    text-align: center;
	height: auto;
	width: 100%;
    text-shadow: 2px 2px 6px #333333;
}


.flipainterior{
	position: absolute;
    top: 130px;
    left: 8%;
    z-index: 78978979789;
    font-family: 'Bariol_Bold', Arial, Helvetica, sans-serif;
    font-size: 20px;
    line-height: 25px;
    color: #fff;
    padding: 22px;
    text-align: left;
    height: 100px;
    width: 440px;
    background-image: url(../imgs/calc.png);
    text-transform: uppercase;
    z-index:5;
}
.flipainterior1{
	position: absolute;
    top: 130px;
    left: 8%;
    z-index: 78978979789;
    font-family: 'Bariol_Bold', Arial, Helvetica, sans-serif;
    font-size: 20px;
    line-height: 25px;
    color: #fff;
    padding: 22px;
    text-align: left;
    height: 100px;
    width: 440px;
    background-image: url(../imgs/calc1.png);
    text-transform: uppercase;
    z-index:5;
}
.flipainterior2{
	position: absolute;
    top: 130px;
    left: 8%;
    z-index: 78978979789;
    font-family: 'Bariol_Bold', Arial, Helvetica, sans-serif;
    font-size: 20px;
    line-height: 25px;
    color: #fff;
    padding: 22px;
    text-align: left;
    height: 100px;
    width: 440px;
    background-image: url(../imgs/calc2.png);
    text-transform: uppercase;
    z-index:5;
}
.flipainterior3{
	position: absolute;
    top: 130px;
    left: 8%;
    z-index: 78978979789;
    font-family: 'Bariol_Bold', Arial, Helvetica, sans-serif;
    font-size: 20px;
    line-height: 25px;
    color: #fff;
    padding: 22px;
    text-align: left;
    height: 120px;
    width: 490px;
    background-image: url(../imgs/calc3.png);
    text-transform: uppercase;
    z-index:5;
}

.flipainterior4{
	position: absolute;
    top: 130px;
    left: 8%;
    z-index: 78978979789;
    font-family: 'Bariol_Bold', Arial, Helvetica, sans-serif;
    font-size: 20px;
    line-height: 25px;
    color: #fff;
    padding: 22px;
    text-align: left;
    height: 120px;
    width: 490px;
    background-image: url(../imgs/calc4.png);
    text-transform: uppercase;
    z-index:5;
}

.flipainterior5{
	position: absolute;
    top: 130px;
    left: 8%;
    z-index: 78978979789;
    font-family: 'Bariol_Bold', Arial, Helvetica, sans-serif;
    font-size: 20px;
    line-height: 25px;
    color: #fff;
    padding: 22px;
    text-align: left;
    height: 120px;
    width: 490px;
    background-image: url(../imgs/calc5.png);
    text-transform: uppercase;
    z-index:5;
}
#form_newsletter input::-webkit-input-placeholder{ font-style: italic; font-size:16px; padding-left: 10px; }

.menu_prod{ text-transform: uppercase;}

.menu_prod .caixasubcat{ text-transform: capitalize;}

.esconderico{
	display: none;
}
.dropdown{	font-family: 'Bariol_Bold', Arial, Helvetica, sans-serif;	font-size: 19px;	color: #fff; line-height: 15px;}

.dropdown a{color: #333 !important}
/*.dropdown:last-child {border-right:#cccccc 0px solid;}*/

.submenu{ margin-top: 18px; height: 53px; padding-top: 11px;}
.familias{font-family: 'Bariol_Bold', Arial, Helvetica, sans-serif; color: #ffffff;    min-height: 34px;	width:100%;    text-align: center;    margin: 8px 3px 0 0;    display: inline;    padding:12px;    font-size: 13px;}
.familias a{ color: #FFF !important;}
.familias img{ margin-right:10px;}
/*.familias:hover{ color: #000; background-color: #ffffff!important; -webkit-transition: background-color 300ms linear;    -moz-transition: background-color 300ms linear;    -o-transition: background-color 300ms linear;    -ms-transition: background-color 300ms linear;    transition: background-color 300ms linear;}*/

.idiomas{	   
    text-align: center;
    display: inline-block;
    margin-top: 2px;
    font-family: 'Akkurat', Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #ffffff;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    line-height: 15px;
    min-width: 40px;
    padding: 11px 10px 7px 10px;
    background-color: #d0e5e0;
}
.idiomas:last-child{ border: none; }
.idiomas a{text-decoration: none !important;}

/*.idiomas:hover{ background-color: #e8e8e8; }*/

.idiomas2{      
text-align: center;
    display: inline-block;
    margin-top: 10px;
    font-family: 'Bariol_Bold', Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #fff;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    line-height: 15px;
    min-width: 100px;
    padding: 4px 10px;
    background-color: #cd3202;
    border-radius: 8px;
    margin-right: 30px;
}

.idiomas2 a:visited{color:#fff !important; }

.compras{	width:160px;	color:#0761a8;	font-family: 'Bariol_Bold', Arial, Helvetica, sans-serif;	font-size: 13px;	line-height: 19px;	min-height: 53px;	margin-top: 15px;	background-color:#ffffff;	padding: 5px 10px;	border-radius:6px 6px 0 0 ;	float: right;-webkit-box-shadow: 0px -9px 16px -11px rgba(11,45,87,1);-moz-box-shadow: 0px -9px 16px -11px rgba(11,45,87,1);box-shadow: 0px -9px 16px -11px rgba(11,45,87,1);}
.compras a { color:#0761a8;}

.especialfoto{border:0;max-width:210px; max-height:210px; min-height:210px;margin-right:20px;float:left;}
.desplazarli li{margin-left:25px;}

.zonas1{background-color:#000;color:#ffffff!important;min-height:80px;text-align:center;margin-bottom:0px;padding:10px 0;}
.vales1{background-color:#cccccc;color:#454545!important;min-height:54px;text-align:center;margin-bottom:0px;padding:10px 0;}

a:link{	text-decoration: none;	color: #ffffff;}
a:visited{	text-decoration: none;	color: #ffffff;}
a:hover{	text-decoration: underline;	color: #ffffff;}
a:active{	text-decoration: none;	color: #ffffff;}

.footer a:link, .footer a:visited, .footer a:hover .footer a:active{ text-decoration: none;	color: #606060; }

.banners{width:100%;margin:0 0 25px 0;}
.pieespecialnew{opacity:0.8;background-color:#f3c801;padding:20px; min-height:260px;border-top:6px solid #ffffff; font-family: 'Bariol_Bold', Arial, Helvetica, sans-serif;	font-size: 16px;	color: #2d2c2c; line-height: 18px;}
.pieespecial:hover, .pieespecialnew:hover{opacity:1;}
.pieespecial{opacity:0.84;background-color:#ffffff;padding:20px; min-height:260px;border-top:6px solid #f3c801; font-family: 'Akkurat-Light', Arial, Helvetica, sans-serif;	font-size: 16px;	color: #2d2c2c; line-height: 18px;}
.pieespecial a{color: #2d2c2c;}
.pieespecial2{text-align:center; font-family: 'Akkurat-Light', Arial, Helvetica, sans-serif;	font-size: 15px;	color: #676767; line-height: 16px;}

.borrar{display: block;}
.aparecer{display: none;}

.footer{font-family: 'Bariol_Bold', Arial, Helvetica, sans-serif;	font-size: 18px;	color: #212121;    font-weight: normal;    font-style: normal;	 line-height:25px; text-align: left;}

.footer_dades img{ margin-right: 10px;}

.footer_dades{ margin-top: 5px;}

.footer_dades table{ background: transparent !important; }

.footer_links{ color: #ffffff;}

.marcas{font-size: 14px;font-family: 'Bariol_Bold';line-height: 14px;}
.marcas td{border:1px solid #ccc;padding:5px!important;}
.logo1 {	width:100%; margin-top:14px; max-width: 488px; transition:1s;}
.logo2 {	width:auto; margin:2px 0 0 15px;}

.caja1 div{ margin-bottom:3px; }
.caja2 div{ margin-bottom:9px; }

.caja2 input[type='submit']{font-size: 14px; color: #FFF; background: #000; border: 0; border-radius: 16px; padding: 1px 1px 1px 1px; border-radius: 10px; padding: 2px 36px 2px 36px;font-weight: bold;text-transform: uppercase; }

.caja12_prod{ margin-top: 30px; }

.bottoninfo{ border: #005F50 0px solid;text-transform: uppercase;	font-family: 'Akkurat-Light', Arial, Helvetica, sans-serif;	font-size: 12px;	color: #ffffff;	padding: 10px 20px;	width:150px;	background-color: #005F50;-webkit-transition: background-color 300ms linear;    -moz-transition: background-color 300ms linear;    -o-transition: background-color 300ms linear;    -ms-transition: background-color 300ms linear;    transition: background-color 300ms linear;}
a.bottoninfo{color: #ffffff!important;}

.bottoncomprar{	border: #cccccc 0px solid;	font-family: 'Akkurat-Light', Arial, Helvetica, sans-serif;	font-size: 22px;	color: #ffffff;	padding: 8px;	min-width:200px;	background-color: #005F50; transition: 0.7s; }

.bottoncomprar_wishlist
{
	border: #cd3202 0px solid;
	font-family: 'robotobold', Arial, Helvetica, sans-serif;
	font-size: 16px;    
	color: #ffffff;
	padding: 8px;
	text-align: center;
	width:160px;
	text-transform: uppercase;
	background-color: #cd3202;
}

.bottoninfo:hover, .bottoncomprar:hover{ color: #fff !important; background-color: #007759!important; -webkit-transition: background-color 300ms linear;    -moz-transition: background-color 300ms linear;    -o-transition: background-color 300ms linear;    -ms-transition: background-color 300ms linear;    transition: background-color 300ms linear;}
/*.alturabuscador{height:40px;}*/

.categ{
	font-family: 'Bariol_Bold';
}

.flipa h3
{

    font-family: 'Bariol_Bold', Arial, Helvetica, sans-serif;
    font-size: 55px;
    line-height: 60px;
    color: #212121;
    text-align: center;
    color: #fff;    
    
}



h1
{
  font-family: 'Bariol_Bold', Arial, Helvetica, sans-serif;
    font-size: 60px;
    line-height: 55px;
    color: #333;
    text-align: center;
    font-weight: normal;  
    /**/

}

.h1interior
{
  font-family: 'Bariol_Bold', Arial, Helvetica, sans-serif;
    font-size: 40px;
    line-height: 55px;
    color: #222 !important;
    text-align: left;
    color: #fff;  
    font-weight: normal;  

}
h5
{
    font-family: 'Bariol_Bold', Arial, Helvetica, sans-serif;
    font-size: 27px;
    line-height: 40px;
    color: #ababab;
    text-align: center;
}



.menulateral
{
    width: 100%;
    margin: 20px 30px 14px 0;
    padding: 12px;
    font-family: 'Bariol_Bold', Arial, Helvetica, sans-serif;
    font-size: 14px;
    /* letter-spacing: -1px; */
    font-weight: normal;
    background-color: #e9e9e9;
    border-radius: 4px;
    font-style: normal;
    text-transform: uppercase;
	/*border: 1px solid #b3b3b3;*/
	color: #1265ab;
}
.menulateral a{color:#1265ab!important;}



.menulateral1
{
    width: 100%;
    margin: 20px 30px 14px 0;
    padding: 12px;
    font-family: 'Bariol_Bold', Arial, Helvetica, sans-serif;
    font-size: 14px;
    /* letter-spacing: -1px; */
    font-weight: normal;
    background-color: #1265ab;
    border-radius: 4px;
    font-style: normal;
    text-transform: uppercase;
	/*border: 1px solid #b3b3b3;*/
	color: #ffffff;
}

.menulateral1 a{color:#ffffff!important;}





.menufiltro
{
	width:100%;
	padding:20px;
	font-family: 'gotham_blackregular', Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: normal;
	border:1px solid #cccccc;
}

.color_avis_ie
{
	color:#0065ab;
}

.textarea
{
	border: #cccccc 1px solid;
	font-family: 'Akkurat-Light', Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	padding: 5px;
	background-color: #FFFFFF;
	font-style: italic;
	width: 90%;
}

.inputcontacto
{
	border: #cccccc 1px solid;
	font-family: 'Akkurat-Light', Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	padding: 4px;
	background-color: #FFFFFF;
	margin: 3px 0 3px 0;
	width: 89%;
}

.inputrosa
{
	border: #ffb7d0 1px solid;
	font-family: 'Akkurat-Light', Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	padding: 5px;
	background-color:#0065ab;
}

.input
{
	border: #cccccc 1px solid;
	font-family: 'Akkurat-Light', Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	margin-right: 25px;
	padding: 5px;
	background-color: #FFFFFF;
	font-style: italic;
	width: 160px;
}
.inputtrans
{
	border: #000 2px solid;
	font-family: 'corporate_e_normal', Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000;
	padding: 5px;
	background-color: #FFFFFF;
	font-style: normal;
	width: 100%;
}
.inputentrega
{
	border: #cccccc 1px solid;
	font-family: 'Bariol_Bold', Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #066ba8;
	margin-right: 25px;
	padding: 5px;
	background-color: #FFFFFF;
	width: 100%;
	font-weight: bold;
	margin-top:10px;
	border:1px solid #066ba8;
	text-transform:uppercase;
}

.bottonbuscar
{
	border: #cccccc 0px solid;
	font-family: 'gotham_blackregular', Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	padding: 8px;
	text-transform: uppercase;
	float: right;
	background-color: #0065ab;
}

.bottonbuscarfiltro
{
	border-radius: 3px;
	border:0;
	font-family: 'gotham_blackregular', Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	padding:3px 11px;
	text-transform: uppercase;
	background-color: #000000;

}


.inputbuscador
{
	border: #cccccc 1px solid;
	border-right: 0px;
	font-family: 'Akkurat-Light', Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	height: 35px;
	background-color: #FFFFFF;
	text-transform: uppercase;
	font-style: italic;
	width: 70%;
	background-image: url('../imgs/fons-lupa.gif');
	padding-left: 35px;
	float: left;
}

.inputbuscadorx
{
	border: #cccccc 1px solid;
	border-right: 0px;
	font-family: 'Akkurat-Light', Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	height: 35px;
	background-color: #FFFFFF;
	text-transform: uppercase;
	font-style: italic;
	width: 70%;
	background-image: url('../imgs/fons-lupa.gif');
	padding-left: 35px;
	float: left;
}

.inputbuscador_error
{
	border: #FE2E2E 1px solid;
	border-right: 0px;
	font-family: 'Akkurat-Light', Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	height: 35px;
	background-color: #FFFFFF;
	text-transform: uppercase;
	font-style: italic;
	width: 70%;
	background-image: url('../imgs/fons-lupa.gif');
	padding-left: 35px;
	float: left;
}

.inputbuscador_errorx
{
	border: #FE2E2E 1px solid;
	border-right: 0px;
	font-family: 'Akkurat-Light', Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	height: 35px;
	background-color: #FFFFFF;
	text-transform: uppercase;
	font-style: italic;
	width: 70%;
	background-image: url('../imgs/fons-lupa.gif');
	padding-left: 35px;
	float: left;
}

.bottonayuda
{
	border: #ffffff 0px solid;
	font-family: 'gotham_blackregular', Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	padding: 6px;
	text-transform: uppercase;
	background-color: #757474;
	height:34px;
	border:1px solid #ffffff;
}
.inputayuda
{
	border: #cccccc 1px solid;
	border-right: 0px;
	font-family: 'Akkurat-Light', Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	height: 35px;
	background-color: #FFFFFF;
	text-transform: uppercase;
	font-style: italic;
	width: 70%;
	padding-left: 8px;
	float: left;
}

.botonbuscador
{
	border: #cccccc 1px solid;
	border-left: 0px;
	font-family: 'Akkurat-Light', Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	background-color: #cfcfcf;
	width: 35px;
	height: 35px;
	float: left;
}

.botoModifica {
	margin: 15px 0px;
	border: #cccccc 0px solid;
	font-family: 'corporate_e_normal', Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #ffffff!important;
	padding: 6px 10px;
	background-color: #000;
	text-decoration: none;
}
.botoModifica:hover {
	background-color: #454545;
	text-decoration: none;
}
.botonbuscadorx
{
	border: #cccccc 1px solid;
	border-left: 0px;
	font-family: 'Akkurat-Light', Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	background-color: #cfcfcf;
	width: 35px;
	height: 35px;
	float: left;
}

.bottoncomprar2
{
	border: #cccccc 0px solid;
	font-family: 'corporate_e_normal', Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #ffffff;
	padding: 8px 22px;
	width:200px;
	background-color: #000;
	margin: 0 auto;
		-webkit-transition:background-color 300ms linear;
	-moz-transition:background-color 300ms linear;
	-o-transition:background-color 300ms linear;
	-ms-transition:background-color 300ms linear;
	transition:background-color 300ms linear
}
.bottoncomprar2:hover {
	background-color: #0761a8;
	text-decoration:none;
	border-radius:5px;
}

.bottonsolicitar{	
	border: #cccccc 0px solid;
	font-family: 'Akkurat-Light', Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #ffffff;
	padding: 8px;
	margin-bottom: 10px;
	width:100%;
	background-color: #797979;
	-webkit-transition:background-color 300ms linear;
	-moz-transition:background-color 300ms linear;
	-o-transition:background-color 300ms linear;
	-ms-transition:background-color 300ms linear;
	transition:background-color 300ms linear
}

.bottonsolicitar:hover{	background-color: #454545; border-radius:4px;}

.bottoncomprarproducto
{
	border: #cccccc 0px solid;
	font-family: 'Akkurat-Light', Arial, Helvetica, sans-serif;
	font-size: 32px;
	color: #ffffff;
	padding: 18px;
	margin-bottom: 10px;
	width:100%;
	background-color: #0065ab;
	-webkit-transition:background-color 300ms linear;
	-moz-transition:background-color 300ms linear;
	-o-transition:background-color 300ms linear;
	-ms-transition:background-color 300ms linear;
	transition:background-color 300ms linear
}



.texto
{
	font-family: 'Akkurat-Light', Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #575757;
    font-weight: normal;
    font-style: normal;	
}


.path{text-align:left; font-family: 'Akkurat-Light', Arial, Helvetica, sans-serif;	font-size: 12px;	color: #676767; line-height: 16px; text-transform: uppercase;}


hr.lineanegra
{ 
	width: 100%;
	height: 0px;
	margin: 0px;
	margin-top: 5px;
	margin-bottom:20px;
	border: 0;
	display: flex;
	text-align:left;
	border-bottom: 1px solid #848383;
}
hr.linea
{ 
	width: 100%;
	height: 0px;
	margin: 0px;
	margin-top: 15px;
	margin-bottom:12px;
	border: 0;
	display: flex;
	text-align:left;
	border-bottom: 1px solid #c6c6c6;
}
hr.lineaesp
{ 
	width: 100%;
	height: 0px;
	margin: 0px;
	margin-top: 10px;
	margin-bottom:10px;
	border: 0;
	display: flex;
	text-align:left;
	border-bottom: 1px solid #c6c6c6;
}


hr.lineamarca
{ 
	width: 51%;
	height: 0px;
	margin: 0px;
	margin-top: 10px;
	margin-bottom:10px;
	border: 0;
	text-align:left;
	border-bottom: 1px dashed #858585;
}

hr.lineap
{ 
	width: 130px;
	height: 0px;
	margin: 0px auto;
	margin-top: 13px;
	margin-bottom:13px;
	border: 0;
	border-bottom: 1px solid #000;
}

hr.lineag
{ 
	width: 100%;
	height: 0px;
	margin: 0px;
	margin-top: 5px;
	margin-bottom:5px;
	border: 0;
	border-bottom: 1px solid #bcbcbc;
	float: left;
}


hr.lineaproducto
{ 
	width: 100%;
	height: 0px;
	margin: 0px;
	margin-top: 5px;
	margin-bottom:5px;
	border: 0;
	float: left;
	border-bottom: 1px solid #e4e4e4;
}

figcaption h2
{
    font-family: 'Bariol_Bold', Arial, Helvetica, sans-serif;
    font-size: 17px;
    line-height: 20px;
    color: #212121;
    font-weight: normal;
    font-style: normal; 
    margin:5px 0 5px 0;
}


h2
{
	font-family: 'Bariol-Regular', Arial, Helvetica, sans-serif;
	font-size: 30px;
	line-height: 30px;
	color: #fff;
    font-weight: normal;
    font-style: normal;	
	margin:0px 0 5px 0;
    text-align: center;
    
}


h2.entrena
{
    font-family: 'Bariol_Bold', Arial, Helvetica, sans-serif;
    font-size: 48px;
    line-height: 48px;
    color: #212121;
    font-weight: normal;
    text-transform: uppercase;
    font-style: normal; 
    margin:5px 0 5px 0;
}

h3
{
	font-family: 'Bariol-Regular', Arial, Helvetica, sans-serif;
	font-size: 30px;
	letter-spacing: 1.5px;
	line-height: 30px;
	color: #fff;
    font-weight: normal;
    font-style: normal;	
	margin: 0px;
}

h3.titint
{
    font-family: 'Akkurat', Arial, Helvetica, sans-serif;
    font-size: 20px;
    letter-spacing: 1.5px;
    line-height: 30px;
    color: #005F50;
    font-weight: normal;
    font-style: normal; 
    margin: 0px;
}
h4
{
	font-family: 'Bariol_Regular', Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 20px;
	color: #333;
    font-weight: normal;
    font-style: normal;	
	margin: 0px;
    text-transform: uppercase;
}

a h4
{
	color: #333;
}

h4.ofiPeu
{
    font-family: 'Bariol_Bold', Arial, Helvetica, sans-serif;
    font-size: 20px;
    line-height: 25px;
    color: #333;
    font-weight: normal;
    font-style: normal; 
    margin:0px 0 15px 0;
    text-align: left;
    
}




.familia
{
  font-family: 'Akkurat-Light', Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 15px;
  color: #232323;
  text-transform: uppercase;
  font-weight: normal;
  font-style: normal; 
}
.nombre
{
  font-family: 'Akkurat-Light', Arial, Helvetica, sans-serif;
  font-size: 24px;
  line-height: 28px;
  color: #232323;
    font-weight: normal;
    font-style: normal; 
}

.desc
{
  font-family: 'Akkurat-Light', Arial, Helvetica, sans-serif;
  font-size: 15px;
  line-height: 19px;
  color: #838383;
    font-weight: normal;
    font-style: normal; 
}

.derecha{border:0;min-width:100px; max-height:140px;float:right;}

.pvpoferta
{
  font-family: 'Akkurat-Light', Arial, Helvetica, sans-serif;
  font-size: 15px;
  line-height: 18px;
  color: #888888;
    font-weight: normal;
    text-decoration: line-through;
}

.pvp
{
  font-family: 'Bariol_Bold', Arial, Helvetica, sans-serif;
  font-size: 19px;
  line-height: 22px;
  color: #0566ae;
  font-weight: normal;
  font-style: normal; 
}
.txtSotaPreus {
	font-size: 16px;
	font-weight: normal;
	color: #848383;
}
.pvp2
{
  font-family: 'Bariol_Bold', Arial, Helvetica, sans-serif;
  font-size: 35px;
  line-height: 18px;
  color: #0566ae;
  font-weight: normal;
  font-style: normal; 
}

.data
{
  font-family: 'Bariol_Bold', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  font-weight: normal;
  margin-bottom: 5px;
  margin-top: 2px;
}


.oferta
{
  font-family: 'Bariol_Bold', Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    color: #ffffff;
    font-weight: normal;
    width: 60px;
    height: 27px;
    position: absolute;
    background-color: #df6016;
    z-index: 50;
    top: 34px;
    right: 12px;
    padding: 5px 6px 6px 6px;
}
.novedad
{
  font-family: 'Bariol_Bold', Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 18px;
  color: #ffffff;
  text-align: center;
  font-weight: normal;
  background-color: #0566ae;
    width: 60px;
    height: 27px;
  position: absolute;
    z-index: 50;
    top: 7px;
    right: 12px;
    padding: 5px 6px 6px 6px;
}

.logohome
{
  width:249px;
  margin-top:7px;  
}

.fotocab{
	width:100%;
	padding:0 15px 15px 15px;
}

.numeros
{
  font-family: 'Akkurat-Light', Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #454545;
  font-weight: normal;
  height: 25px;
  padding: 1px;
  text-align: center;
  background-color: #e4e4e4;
  float: left;
  margin-right: 10px;
  border-radius: 4px;
  width:35px;
}



.numeros2
{
  font-family: 'Akkurat-Light', Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #727272;
  font-weight: normal;
  padding: 0px;
  float: left;
  margin-right: 4%;
  text-transform: uppercase;

}

.ayudanos
{
  font-family: 'Akkurat-Light', Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #454545;
  font-weight: normal;
  height: 25px;
  padding: 2px 8px 2px 8px ;
  text-align: center;
  background-color: #e4e4e4;
  margin-right: 10px;
  border-radius: 4px;
  width:95%;
  text-transform: uppercase;
  max-width: 140px;
}


.ayudanos2
{
  font-family: 'gotham_blackregular', Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #ffffff;
  font-weight: normal;
  height: 25px;
  padding: 2px 8px 2px 8px ;
  text-align: center;
  background-color: #0065ab;
  margin-right: 10px;
  border-radius: 4px;
  width:95%;
  text-transform: uppercase;
  max-width: 140px;
}

.cajaareacliente
{
	border-bottom:1px solid #cccccc; 
	width:100%; 
	padding:0px; 
	margin:0px 0px 15px 0;
	float:left;
}


/* ----------------------------------------------  divs AREA PRIVADA  ---------------------------------------------- */

.cajaprivada
{
	border:1px solid #cccccc; 
	width:100%; 
	min-height:250px;
	padding:20px; 
	margin:0px 25px 15px 0;
	float:left;
}


/* ----------------------------------------------  divs home  ---------------------------------------------- */


.contenedor
{
	margin:0 auto;
	max-width:1600px;
	width:96%;
}

.contenedorpeque
{
    margin:0 auto;
    max-width:1200px;
    width:96%;
}

#contenedor2
{
	margin:0;
	width:100%;
	background-color:#e1e1e1;
	margin-top: 20px;
}


#header
{
	width:100%;
	border:1px solid #ff000;
}

.buscar
{
	margin-top: 20px;
	max-width: 440px;
	min-width: 340px;
	float: right;
}




#contenido
{
	width:98%;
	border:1px solid #ff000;
}



.taula_cistella
{
	color:#575757;
	font-family: 'Akkurat-Light', Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.cajaarea
{
	border:1px solid #0065ab; 
	width:90%; 
	padding:20px; 
	margin:10px 25px 15px 0;
	display: inline-block;
	position:relative;
}


.modifdatos{
	border-radius:4px; 
	background-color:#e4e4e4; 
	padding:7px;
	color:#545454;
	font-family: 'Akkurat-Light', Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	width:150px;
	text-align: center;
	text-transform: uppercase;
	margin-left:11px;
	margin-bottom: 5px;
	float: right;
}



/* ----------------------------------------------  divs productos  ---------------------------------------------- */

.cajaaclientes
{
	border:1px solid #e4e4e4; 
	width:45%;
	padding:20px; 
	margin:10px 25px 15px 0;
	min-width:200px;
	position:relative;
	float:left;
}

.npedido{
	border-radius:4px; 
	padding:7px;
	font-family: 'Akkurat-Light', Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	width:100%;
	text-align: center;
	text-transform: uppercase;
	margin-right:11px;
	height:33px;
	margin-bottom: 5px;
	float: left;
	background-color:#0065ab;
	color:#ffffff;
}
.npedido1{
	border-radius:4px; 
	background-color:#e4e4e4; 
	padding:5px;
	color:#545454;
	font-family: 'Bariol_Bold', Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	width:128px;
	text-align: center;
	text-transform: uppercase;
	margin-right:7px;
	height:53px;
	margin-bottom: 5px;
}
.nver{
	border-radius:4px; 
	background-color:#e4e4e4; 
	padding:3px;
	color:#545454;
	font-family: 'Akkurat-Light', Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	width:100%;
	text-align: center;
	text-transform: uppercase;
	height:33px;
	float: left;
}




.cajaproductosrel
{
	width:100%; 
	padding:0px; 
	min-height: 285px;
	margin-bottom: 50px;
	text-align: center;
	border-bottom:1px solid #bababa;
}

.cajaproductosrel img
{
	border:1px solid #d0d0d0; 
	}
.cajaproductosrel:hover
{
	-webkit-box-shadow: 0px 0px 41px 0px rgba(0,0,0,0.31);
	-moz-box-shadow: 0px 0px 41px 0px rgba(0,0,0,0.31);
	box-shadow: 0px 0px 41px 0px rgba(0,0,0,0.31);
	background-color: #e4e4e4;
}



.cajaproductos
{
	width:100%; 
	padding:0px; 
	min-height: 500px;
	margin-bottom: 50px;
	text-align: center;
	border-bottom:1px solid #bababa;
}

.cajaproductos img
{
	border:1px solid #d0d0d0; 
	}
.cajaproductos:hover
{
	-webkit-box-shadow: 0px 0px 41px 0px rgba(0,0,0,0.31);
	-moz-box-shadow: 0px 0px 41px 0px rgba(0,0,0,0.31);
	box-shadow: 0px 0px 41px 0px rgba(0,0,0,0.31);
	background-color: #e4e4e4;
}

p
{
    margin: 0px;
	color: #616161;
	font-weight: normal;
}


.cajaproducto
{
  border:1px solid #e4e4e4; 
  max-width:45%; 
  padding:20px; 
  float:right;
  margin:0px 0px 15px 30px;
}

.iconografia{
	border-radius:4px; 
	background-color:#e4e4e4; 
	padding:7px;
	color:#545454;
	font-family: 'Akkurat-Light', Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	min-width:100px;
	text-align: center;
	text-transform: uppercase;
	margin-right:11px;
	height:53px;
	margin-bottom: 5px;
	float: left;
}

.iconografiarosa{
	border-radius:4px; 
	background-color:#0065ab; 
	padding:7px;
	color:#ffffff;
	font-family: 'Akkurat-Light', Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	width:100px;
	text-align: center;
	text-transform: uppercase;
	margin-right:11px;
	height:53px;
	margin-bottom: 5px;
	float: left;
}

.iconografiarosa11{
	border-radius:4px; 
	background-color:#000; 
	padding:7px;
	color:#ffffff;
	font-family: 'corporate_e_normal', Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 18px;
	width:200px;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 5px;
}

.numeros3 {
    font-family: 'corporate_e_normal', Arial, Helvetica, sans-serif;
    font-size: 25px;
    color: #066ba8;
    font-weight: normal;
    height: 43px;
    padding: 10px;
    text-align: center;
    background-color: #ffffff;
    float: left;
    border-radius: 4px;
    width: 78px;
    border: 1px solid #066ba8;
}
.iconografiafinal{
	border-radius:4px; 
	background-color:#0065ab; 
	padding:7px;
	color:#ffffff;
	font-family: 'Bariol_Bold', Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	width:160px;
	text-align: center;
	text-transform: uppercase;
	margin-right:11px;
	height:53px;
	margin-bottom: 5px;
	float: left;
}

.iconografia2{
	border-radius:4px; 
	background-color:#e4e4e4; 
	padding:7px;
	color:#545454;
	font-family: 'Akkurat-Light', Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	width:100px;
	text-align: center;
	text-transform: uppercase;
	margin-right:11px;
	padding-top:16px;
	height:53px;
	margin-bottom: 5px;
	float: right;
}

.cuadrobase
{
	border-radius:1px; 
	background-color:#ffffff; 
	padding:0x;
	color:#545454;
	font-family: 'Akkurat-Light', Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-transform: uppercase;
	margin-right:11px;
	margin-bottom:15px;
	float: left;
	border-bottom: 5px solid #454545;
	padding-bottom:15px;
	width: 100%;
	min-height:110px;
}

.cuadrobase2
{
	border-radius:1px; 
	background-color:#ffffff; 
	padding:0px;
	color:#545454;
	font-family: 'Akkurat-Light', Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-transform: uppercase;
	margin-right:11px;
	margin-bottom:15px;
	float: left;
	border-bottom: 5px solid #454545;
	padding-bottom:15px;
	width: 100%;
	min-height:110px;
}

.volver{
	border-radius:4px; 
	background-color:#747474; 
	padding:7px;
	color:#545454;
	font-family: 'Akkurat-Light', Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	width:100px;
	text-align: center;
	text-transform: uppercase;
	margin-left:11px;
	height:53px;
	float: left;
	margin-bottom: 5px;
}


.volvernew{
	border-radius:4px; 
	background-color:#747474; 
	padding:7px;
	color:#ffffff;
	font-family: 'Akkurat-Light', Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	width:100px;
	text-align: center;
	text-transform: uppercase;
	margin-right:11px;
	height:53px;
	float: left;
	margin-bottom: 5px;
}



.marcasproduct{
	border-radius:4px; 
	background-color:#e5e5e5; 
	padding:7px 15px 7px 15px;
	margin-right:11px;
	float: left;
	margin-bottom: 5px;
	margin-top: 15px;
	display: block;
    font-family: 'Akkurat-Light', Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 19px;	
}


.conoferta{
	border-radius:4px; 
	background-color:#df6016; 
	padding:7px 15px 7px 15px;
	margin-right:11px;
	float: left;
	margin-bottom: 5px;
	margin-top: 15px;
	color: #ffffff;
	font-family: 'Akkurat-Light', Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 19px;	
	display: block;
}

.connovedad{
	border-radius:4px; 
	background-color:#0065ab; 
	padding:7px 15px 7px 15px;
	margin-right:11px;
	float: left;
	margin-bottom: 5px;
	margin-top: 15px;
	color: #ffffff;
	font-family: 'Akkurat-Light', Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 19px;	
	display: block;
}

.cajacomprar{

	padding:10px;
	background-color:#f2f2f2;
	width:52%;
}

.star{
	float: left;
	margin-right: 3px;
	margin-top: 10px;
}
/* ----------------------------------------------  divs noticies  ---------------------------------------------- */

.noticies
{
	width:45%;
	float:left;
	margin-right: 5%;
}

/* ------------------------------------------
  NAV TOGGLE STYLES
--------------------------------------------- */

.adjustmenu ul{

	margin-top: 2px;
}

.adjustmenu li{

	padding-top:0px; 
	height: 30px;
}

.adjustmenu li:last-child{ border: none; }

.menu_superior{
	display:inline-block;
}

.menu_inferior{
	display:none;
}

.promocions_error{
	border: #ff0000 2px solid;
}

.promocions{
	border: #cfcfcf 1px solid;
	font-family: 'Akkurat-Light', Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	padding: 2px;
	background-color: #b9b9b9;
	margin: 1px 0 1px 0;
	width: 50px;
}

.codi_repetit{
	display:none;
}

.codi_repetit_error{
	display:inline;
	color: #cd3202;
}

.no_veure{
	display: none;
}

.ajudansmobil{
	display:none;
}

.ajudanspc{
	display:inline;
}

.pregunta{
	width:300px;
	height:25px;
	text-align:left;
	float:left;
	padding-top:10px;
}

.valoracio_pregunta{
	margin-left:5%;
	float:left;
	width:50%;
	padding-top:10px;
}

.inputpregunta
{
	border: #cccccc 1px solid;
	font-family: 'Akkurat-Light', Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	padding: 4px;
	background-color: #FFFFFF;
	margin: 3px 0 3px 0;
	width: 100%;
}
.visible_peu{
	width: 100%;
	display: none;
}
.veure_ancla{
	display:none;
}

.imatge_seccio_esq{
	margin:1%;
	margin-left:20px;
	border:0;
	width:90%;
}

.imatge_seccio_dre{
	margin:1%;
	margin-right:20px;
	border:0;
	width:90%;
}

.imatge_seccio_cen{
	border:0;
	width:100%;
}

.div_seccio1{
	width:50%;
	margin-bottom:20px;
}

.div_seccio2{
	width:50%;
	margin-bottom:20px;
}

.noticia_imatge{
	width:25%;
	float:left;
}

.noticia_descripcio{
	width:75%;
	float:left;
}

.maps_mobil{
	display: none;
}

.videos_mobil{
	display: none;
}

.minim4caracters{
	margin-top: -8px;
	color: #ff0000;
	font-size: 12px;
}

.minim4caracters_no{
	display: none;
}

.minim4caractersx{
	margin-top: -8px;
	color: #ff0000;
	font-size: 12px;
}

.minim4caracters_nox{
	display: none;
}

.footerderecha{text-align:right}

#animLoading {
	width: 100%;
	height: 50px;
	text-align: center;
	position: relative;
	top: -40px;
	left: 0px;
	border-top: 1px dotted #999;
	padding:20px;
	font-size: 14px;
	background-color: #cd3202;
}

.pagination > li {
  	/*display: block !important;*/

}
.pagination > li a {
    color:#000 !important;
    width: 30px !important; height: 30px !important;
    /*background-color: #cd3202 !important;*/
    /*padding: 6px 6px 6px 11px !important;*/
    padding: 4px 4px 8px 4px !important;
    border-radius: 0 !important;
    text-align: center !important;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  	z-index: 2 !important;
  	color: #ffffff !important;
  	background-color: #005F50 !important;
  	border-color: #005F50 !important;
  	cursor: default !important;
}
.pagination > li:first-child > a, .pagination > li:first-child > span,
.pagination > li:last-child > a,  .pagination > li:last-child > span {
/*    border-bottom-left-radius: 0px !important; 
    border-top-left-radius: 0px !important; */
}

.taulaEstandard {
    border-spacing: 0px;
    border-width: 0px;
}

.taulaEstandard td, .taulaEstandard th {
    padding: 0px;
    vertical-align: top;
}


.vertical-centered-text {
  -ms-display: flex;
  display: flex;
  /* alineacion vertical */
  align-items: center;
   /* alineacion horizontal */
  justify-content: left;
}

.ttu{text-transform: uppercase;}

.titolServei{font-family: 'Akkurat', Arial, Helvetica, sans-serif; font-size: 16px; color: #333; line-height: 20px; padding: 0 1%; margin-top: -50px; text-align: center;}
.textServei{font-family: 'Akkurat-Light', Arial, Helvetica, sans-serif; font-size: 17px; color: #000;}
.center{text-align: center;}
.titolServei2{font-family: 'Bariol_Bold', Arial, Helvetica, sans-serif; font-size: 24px; color: #000; line-height: 26px; padding: 0 1%;text-align: center;}

.carrecQS{font-family: 'Bariol_Bold', Arial, Helvetica, sans-serif; font-size: 16px; color: #979797;}
.nomQS{font-family: 'Bariol_Bold', Arial, Helvetica, sans-serif; font-size: 17px; color: #979797;text-transform: uppercase;}
.imgQS{background-size: cover; background-position: center center; background-repeat: no-repeat; width: 200px; height: 200px; border-radius: 50%; margin: 0 auto;}


.wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: minmax(100px, auto);
}

.imgProyecte{background-size: cover; background-position: center center; background-repeat: no-repeat; width: 100%;min-height: 300px; padding: 30px;}
.imgProyecte:hover{opacity:0.5;background-image:url('../imgs/negro.png')!important;
background-color: black;

text-shadow: 0px 0px 2px rgba(150, 150, 150, 1);  transition-property: opacity, left;
  transition-duration: 3s, 5s;}

.mostrar{display: none; padding: 20px; color:#fff; text-decoration: none;font-family: 'Akkurat-Light', Arial, Helvetica, sans-serif; font-size: 16px;}
.imgProyecte:hover .mostrar{display: block; text-align: center !important;      transition-property: opacity, left;
  transition-duration: 3s, 5s;}

.colorBlack{background-color: #fff;transition: all 1s ease; opacity:1; height: 70px;z-index: 777 !important;}

.imgProyecte2{background-size: cover; background-repeat: no-repeat; background-position: center center; width: 100%; padding-top: 70%; }

.imgServei{background-size: cover; background-repeat: no-repeat; background-position: center;height: 280px; width: 100%;  margin: 0; text-align: center;position:relative;border-top:1px solid #ccc;}
.negro{width:100%;height:280px;opacity: 0.6}
.negro:hover{width:100%;height:280px;opacity: 0.9;transition:1s;}
.imgServei:hover .negro{width:100%;height:280px;opacity: 0.9;-webkit-transition: all 1s ease;  -moz-transition: all 1s ease;  -o-transition: all 1s ease;  transition: all 1s ease }
.textonegro{position:absolute;z-index:44;padding:40px 25%;width:100%;text-align:center;top:0;color:#ffffff;}



.titolTreballs{color:#5e7787; text-transform: none; font-size: 13px; font-family: '600', Arial, Helvetica, sans-serif;}
.titolProducte{color:#5e7787; font-size: 18px;font-family: '600', Arial, Helvetica, sans-serif;}

.inputNew{ margin: 6px 0; border: 2px solid #ccc; width:100%; padding: 7px 20px; font-family: 'Bariol_Bold', Arial, Helvetica, sans-serif; font-size: 18px; color:#222; background-color: #fff; }
.inputNew::placeholder{font-family:  'Akkurat-Light', Arial, Helvetica, sans-serif;   font-size: 15px;  color: #666; font-style: italic;}
.inputNew3{font-family:  'Akkurat-Light', Arial, Helvetica, sans-serif;   font-size: 15px;  font-style: italic;}
.textareaNew{ margin: 5px 0; border: 2px solid #ccc; width:100%; padding: 7px 20px; font-family: 'Bariol_Bold', Arial, Helvetica, sans-serif; font-size: 18px; color:#222;background-color: #fff;  }
.textareaNew::placeholder{font-family:  'Montserrat_Light', Arial, Helvetica, sans-serif;   font-size: 15px;  color: #666; font-style: italic;}
.notas{font-size: 15px;font-family: 'gillsans', Arial, Helvetica, sans-serif;}
.inputNew option{font-family:  'Akkurat-Light', Arial, Helvetica, sans-serif;   font-size: 15px;  color: #808080; margin-bottom: 50px !important;}

.inputNew2{ margin: 4px 0; border: 2px solid #ccc; width:100%; padding: 5px 20px; font-family: 'Bariol_Bold', Arial, Helvetica, sans-serif; font-size: 15px; color:#222; background-color: rgba(255,255,255,0.8); }
.inputNew2::placeholder{font-family:  'Akkurat-Light', Arial, Helvetica, sans-serif;   font-size: 13px;  color: #666; font-style: italic;}
.textareaNew2{ margin: 4px 0; border: 2px solid #ccc; width:100%; padding: 7px 20px; font-family: 'Bariol_Bold', Arial, Helvetica, sans-serif; font-size: 15px; color:#222;background-color: rgba(255,255,255,0.8);  }
.textareaNew2::placeholder{font-family:  'Montserrat_Light', Arial, Helvetica, sans-serif;   font-size: 13px;  color: #666; font-style: italic;}
.inputNew2 option{font-family:  'Akkurat-Light', Arial, Helvetica, sans-serif;   font-size: 13px;  color: #808080; margin-bottom: 50px !important;}


#filecv{font-family:  'Akkurat-Light', Arial, Helvetica, sans-serif; color: #666 !important; font-style: italic; font-size: 15px;}
.botonProducte{border-radius: 8px; background-color: #fff; color: #cd3202; height: 40px; max-width: 200px; font-size: 13px; border: 2px solid #cd3202;margin-bottom:10px;}
a .botonProducte {text-decoration: none !important;}
.botonProducte:hover{background-color: #000; transition: 0.8s;}

.mostrar1024{display: none !important;}

.vertical-centered-text {
  -ms-display: flex;
  display: flex;
  /* alineacion vertical */
  align-items: center;
   /* alineacion horizontal */
  justify-content: center;
}

.vertical-centered-text2 {
  -ms-display: flex;
  display: flex;
  /* alineacion vertical */
  align-items: center;
   /* alineacion horizontal */
  justify-content: left;
}


/* The container */
.caixaCheck {
    font-family: 'Akkurat-Light', Arial, Helvetica, sans-serif;
    display: block;
    position: relative;
    padding-left: 45px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 15px;
    color:#808080;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: normal;
}

/* Hide the browser's default checkbox */
.caixaCheck input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #bbb;
    border: 1px solid #ccc;
}

/* On mouse-over, add a grey background color */
.caixaCheck:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.caixaCheck input:checked ~ .checkmark {
    background-color: #005F50;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.caixaCheck input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.caixaCheck .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#dl-menu{display: none;}
.titolServeiHome1{text-transform: uppercase;text-align: right; color:#cd3202;}
.titolServeiHome2{text-transform: uppercase;text-align: left;color:#000 !important;}
.imgUlleres{left:0; position: absolute; top:10%;width: 20vw;}
.imgMa{right:0; position: absolute; top:10%;width: 20vw;}  
.mostrarServeis{display: none;}
.caixaQF{padding: 0 15%; min-height: 300px;}
.apareixLogo{display: none;}


.grid-1 {   display: grid;  width: 100%;  margin: 0 auto;  grid-template-columns: repeat(5, 1fr);}

.botoSlider{clear: both; background-color: #cd3202 font-size: 17px; text-align: center; padding: 15px 40px; display: table; text-shadow: none;margin-top: 40px;}

.botoSoci2{font-size: 20px; text-align: center; padding: 15px 50px; display: table; margin-top: 40px; text-align: center; border: 2px solid #fff;display: inline; color:#fff;}

.titolNoti{font-family: 'Akkurat-Light', Arial, Helvetica, sans-serif; font-size: 16px; color: #333; line-height: 20px; margin-top: 10px;}
.txtNoti{font-family: 'Montserrat_Regular', Arial, Helvetica, sans-serif; font-size: 16px; color: #212121; line-height: 25px;}

#recent-works .col-xs-12.col-sm-4.col-md-3{padding:0;}
#recent-works{padding-bottom:70px;}
.recent-work-wrap{position:relative;}
.recent-work-wrap img{width:100%;}
.recent-work-wrap .recent-work-inner {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; cursor: pointer!important;}
.recent-work-wrap .recent-work-inner{top:0;background:transparent;width:100%;border-radius:0;color:#fff;font-family:'Montserrat_Regular', Arial, Helvetica, sans-serif;font-size:18px;text-align:left;font-weight:normal;font-style:normal;line-height:24px;opacity:1; padding-top: 4%;}
.recent-work-wrap .recent-work-inner h3{margin:10px 0;}
.recent-work-wrap .overlay{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;border-radius:0;color:#fff;vertical-align:middle;-webkit-transition:opacity 500ms;-moz-transition:opacity 500ms;-o-transition:opacity 500ms;transition:opacity 500ms;padding:30px;border:1px solid #777; z-index: 444; }
.recent-work-wrap .overlay .preview{bottom:0;display:inline-block;height:35px;line-height:35px;border-radius:0;background:transparent;text-align:center;color:#fff;}

.recent-work-wrap:hover .overlay1{opacity:0.8;background-image:url('../imgs/vermell.png')!important;text-shadow: 0px 0px 2px rgba(150, 150, 150, 1); color:#fff;}

.deponer {    background-size: cover;    background-position: center;    min-height: 300px;    width: 100%;}

.cajasector {
    font-family: 'Montserrat_Regular';
    font-size: 25px;
    position: absolute;
    top: 10%;
    text-align: center;
    padding: 15% 20px 20px 20px;
    color: #fff;
    z-index: 444;
    width: 100%;
    min-height: 120px;
    vertical-align: text-bottom;
    text-transform: uppercase;
}

.cajasector img{opacity: 0.8; margin-bottom: 15px;}

.titolApartat{font-family: 'Bariol_Bold', Arial, Helvetica, sans-serif; font-size: 1.8vw; line-height: 2vw; margin-bottom: 2%}
.apartat{margin-bottom: 5%;}
.caixallistatTipos span{    position: absolute;    bottom:6%;    right: 0;  color: #333;    float: right;    background-color: rgba(255,255,255,0.7);    padding: 15px 10% 15px 25px;      font-family: 'Bariol_Bold', Arial, Helvetica, sans-serif;    font-size: 25px;    line-height: 25px; font-weight: 700;text-transform: uppercase;}

.caixallistatTipos2 span{    position: absolute;    bottom:6%;    left: 0;  color: #333;    float: right;    background-color: rgba(255,255,255,0.7);    padding: 30px 80px 30px 10%;    font-family: 'Bariol_Bold', Arial, Helvetica, sans-serif;    font-size: 25px;    line-height: 20px; font-weight: 700; }

.caixallistatTipos, .caixallistatTipos2{background-size: cover;background-position: center;background-repeat: no-repeat;-webkit-box-shadow: 0px 0px 18px -5px rgba(0,0,0,0.65);
-moz-box-shadow: 0px 0px 18px -5px rgba(0,0,0,0.65);
box-shadow: 0px 0px 18px -5px rgba(0,0,0,0.65); background-color: #e4e4e4}

.botoSoci2:hover{background-color: #222; transition: 0.8s ease-in-out; border: 2px solid #222;}

/*.coloca5:hover {  filter: sepia(60%);}*/
.coloca5:hover .titolServei{color:#005F50; filter:none;}


.servei{font-family: 'Bariol_Bold', Arial, Helvetica, sans-serif; font-size: 25px; color: #ffffff; line-height: 36px; padding: 5px 30px; margin-top: 15px; background-image: url(../imgs/FonsDegradat.jpg);}
.serveiDesc{font-family: 'Montserrat_Regular', Arial, Helvetica, sans-serif; background-color: #f2f2f2; padding: 30px;  font-size: 15px; line-height: 23px;}
.serveiDesc ul li{margin-left: 25px;}
.serveiDesc2{clear: both; font-family: 'Montserrat_Regular', Arial, Helvetica, sans-serif; background-color: #1b1b1b; padding: 40px !important; color: #fff; font-size: 15px; line-height: 23px; margin-top: 30px;}

.trTitol{border: 1px solid #2f2d29; padding: 10px; font-weight: 700;}
table.privacitat .td1{width: 20%; border: 1px solid #2f2d29; padding: 10px;}
table.privacitat .td2{width: 80%; border: 1px solid #2f2d29; padding: 10px;}
.sangrat li{margin-left: 50px;}

.catNoti{border: 1px solid #cd3202; text-align: center; padding: 10px;font-family: 'Bariol_Bold', Arial, Helvetica, sans-serif; }
.titolh1{font-family: 'Bariol_Regular', Arial, Helvetica, sans-serif; font-size: 40px; color: #333333; line-height: 36px;padding:0 0 0px 0px; margin-top: 15px; }
.titolh2{font-family: 'Akkurat', Arial, Helvetica, sans-serif; font-size: 20px; color: #005F50; line-height: 36px;padding:0 0 0px 0px;  margin-top: 10px;margin-bottom: 50px; text-transform: uppercase;}

.txtGeneral{font-family: 'Montserrat_Regular', Arial, Helvetica, sans-serif; background-color: #f2f2f2; padding: 30px !important; color: #616161; font-size: 15px; line-height: 23px;}

.imgEmpresa{background-position: center; background-size: cover; background-repeat: no-repeat; width: 100%; padding-top: 70%;}

.equip{font-family: 'Bariol_Bold', Arial, Helvetica, sans-serif; font-size: 20px; color: #ffffff; line-height: 26px;text-transform: uppercase; padding: 5px 30px; background-color: #cd3202;}


.caixaPreus{border: 1px solid #999; padding: 10px 10px;}
.caixaPreus2{border: 1px solid #999; padding: 10px 10px; background-color: #cd3202; text-align: center;font-family: 'Bariol_Bold', Arial, Helvetica, sans-serif; color:#ffffff;}
.bold{font-family: 'Bariol_Bold', Arial, Helvetica, sans-serif;font-size: 18px;line-height: 26px;}
.nubol:hover img{opacity: 0.5;}
.titNoti{font-family: 'Bariol_Bold', Arial, Helvetica, sans-serif;font-size: 18px;line-height: 26px; text-align: left; text-transform: none;margin: 10px 0 5px 0; color: #333;}

.newnou:hover{background-color: #C9E6E2; transition: 0.5s;}

.catNoti:hover{background-color: #cd3202; transition: 0.5s; border: 1px solid #cd3202; color: #fff;}
.marcarNoti{background-color: #cd3202; transition: 0.5s; border: 1px solid #cd3202; color: #fff;}
.xarxa:hover{opacity: 0.6;}


.botoSlider2 {
  font-family: 'Akkurat-Light', Arial, Helvetica, sans-serif;
  position: relative;
  vertical-align: middle;
  color: #fff;
  background-color: #005F50;
  display: inline-block;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  transition: 0.5s;
  padding: 10px 40px;
  cursor: pointer;
  border: 2px solid #005F50;
  -webkit-transition: 0.5s;
  margin-top: 30px;
  text-transform: uppercase;
  
}

.botoSlider2:hover {
  border: 2px solid #C9E6E2;
  color: #fff;
}

.botoSlider2::before,
.botoSlider2::after {
  width: 100%;
  height: 100%;
  z-index: 3;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  botoSlider2-sizing: border-box;
  -webkit-transform: scale(0);
  transition: 0.5s;
}

.botoSlider3 {
  position: relative;
  vertical-align: middle;
  color: #333;
  background-color: #e8e8e8;
  display: inline-block;
  height: 50px;
  font-size: 17px;
  line-height: 50px;
  text-align: center;
  transition: 0.5s;
  padding: 0px 40px;
  cursor: pointer;
  border: 2px solid #fff;
  -webkit-transition: 0.5s;
  text-shadow: none;
  
  /*margin-top: 30px;*/
}

.botoSlider3:hover {
  border: 2px solid #fff;
  color: #222;
}

.botoSlider3::before,
.botoSlider3::after {
  width: 100%;
  height: 100%;
  z-index: 3;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  botoSlider2-sizing: border-box;
  -webkit-transform: scale(0);
  transition: 0.5s;
}

.foo::before {
  border-bottom: 3px solid #fff;
  border-left: 3px solid #fff;
  -webkit-transform-origin: 0 100%;
}

.foo::after {
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  -webkit-transform-origin: 100% 0%;
}

.botoSlider2:hover::after,
.botoSlider2:hover::before {
  -webkit-transform: scale(1);
}

.botoSlider3:hover::after,
.botoSlider3:hover::before {
  -webkit-transform: scale(1);
}



.nav>li>a {padding: 0 0 0 50px !important;}

a:focus, a:hover {    color: #005F50 !important;}
.festesoci{clear: both; background-size: cover;background-position: center;background-repeat: no-repeat;width: 100%; height: 175px;}
.festesoci2{text-align: left; background-color: rgba(225,44,0,0.8); padding: 2% 0 1.5% 2%; height: 175px; width: 60%; float: right; display: inline-flex;}
.festesociMobil{clear: both; background-size: cover;background-position: center;background-repeat: no-repeat;width: 100%; height: 120px; display: none;}
.festesociMobil2{text-align: center; background-color: rgba(225,44,0,1); padding: 2% 0 1.5% 2%; height: auto; width: 100%; padding: 15px 0; display: none;}
.peuDades{background-color:#fff;width:100%; padding: 40px 0; clear: both;}
.sloganMobil{text-align: center; padding: 5% 3%; display: none;}
.sloganMobilTxt1{ font-size: 9vw;  line-height: 9.5vw;  font-family: 'Bariol_Bold', Arial, Helvetica, sans-serif;      color: #005F50; margin-bottom: 20px; }
.sloganMobilTxt2{font-family: 'Bariol_Regular', Arial, Helvetica, sans-serif;    font-size: 5vw;    line-height: 5.5vw;    color: #333;    text-align: center;    font-weight: normal;    }


.introQuadre{width: 100%; height: 350px; padding: 10% 8%; text-align: left;}
.introQuadre h2{text-align: left;font-family: 'Bariol_Regular', Arial, Helvetica, sans-serif; margin-bottom: 20px; font-size: 30px; line-height: 30px;}
.introQuadre p{color: #fff;}

    .card {
        width: 100%;
        height: auto;
        position: relative;
        display: inline-block;
        transition: 0.8s;
        text-align: center;
    }
    .card .img-top {
        display: none;
        position: absolute;
        top: 0;
        z-index: 99;
        transition: 0.8s;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        text-align: center;

    }
    .card:hover .img-top {
        display: inline;
        transition: 0.8s;
    }

.titServeiHome{color:#035F50; font-family: 'Akkurat-Light', Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 20px; line-height: 24px;}
.ombra{-webkit-box-shadow: 7px 7px 16px 0px rgba(0,0,0,0.3);-moz-box-shadow: 7px 7px 16px 0px rgba(0,0,0,0.3);box-shadow: 7px 7px 16px 0px rgba(0,0,0,0.3);}
.quadre{background-size: cover;background-position: center;background-repeat: no-repeat; padding: 50px 20px;}
.footer2 a.iconXarxa{margin: 0 5px 0 0; transition: 0.5s;}
.footer2 a.iconXarxa:hover{opacity: 0.7; transition: 0.5s;}
.intranet{color: #fff !important;float: right; background-color: #00808d; padding: 8px 30px; height: 40px; text-transform: uppercase; transition: 0.5s; z-index: 999; position: relative; font-size: 11px;}

.intranet2{background-color: #329B32;}
.intranet3{background-color: #329B32;}

.intranet:hover{color: #fff !important;}
.intranet:hover{background-color: #343434 !important; transition: 0.5s; color: #000 !important; }
.caixaServei{transform: scale(1);transition: 1s;}
.caixaServei:hover .escalar{transform: scale(1.2); transition: 1s;}

.vimeo iframe{width: 100%;}
.bannerInterior{top: 0;}

    table.demo{border-bottom: 1px solid #ededed;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 14px;
    line-height: 2;
    margin: 0 0 20px;
    width: 100%;
    margin-top: 20px;
    }

    table.demo thead{background-color: #037558; color: #fff;}
    table.demo thead th{padding: 15px;}
    table.demo tr>td{padding: 10px 15px; border: 1px solid #dedede;}

    td.furgo:hover{background-color: #efefef !important}

.ajustPad50{padding: 50px 0;}
.ajustPad150{padding: 9% 0;}
.ajustPad100{padding: 100px 0;}

.ajustMenuHome{text-align:right; padding-top: 15px;transition: 1s;}
.h1Slider{border:0px solid #fff; font-size: 3vw; line-height: 3vw; color: #fff; padding: 0 10%;}

.bannerContacta{background-image: url(../imgs/fonsContacte.jpg); background-position: center; background-size: cover; width: 100%; height: 450px;}
.ajustQuadres{position: absolute; margin-top: -100px;width: 100%;z-index: 555;}
.bannerFormulari{background-image: url(../imgs/formulari.jpg); background-position: center; background-size: cover; width: 100%; }

.ajustNoti{padding-top: 32%;}
.botoVeureMes{text-align: left;}

.xarxes{float: left; padding-left: 3%;}
.zona{display: none;}
.quadreVerdos{background-color: #C9E6E2; padding: 30px 50px;}

.intranetMovil{display: none; position: fixed;top: 0; right: 0; height: 40px;z-index: 9999; width: 48px; text-align: center; padding-top: 7px; background-color: #005F50}

.intranetMovil2{background-color: #007759}
.intranetMovil3{background-color: #329B32}
.botofestesoci{display: flex; border: 2px solid #329B32; border-radius: 20px;padding: 5px 15px; margin-top: -8px; transition: 0.5s;}
.botofestesoci:hover{background-color: #d0e5e0; transition: 0.5s;}


.buttonParticipa{background-color: #007759; padding: 20px 40px; font-size: 1vw; display: inline-block; color: #fff;font-family: 'Akkurat', Arial, Helvetica, sans-serif; -webkit-box-shadow: -2px 2px 2px 0px rgba(191,176,172,0.58);-moz-box-shadow: -2px 2px 2px 0px rgba(191,176,172,.58);box-shadow: -2px 2px 2px 0px rgba(191,176,172,0.58); cursor: pointer; transition: 0.7s; float: right; }
.buttonParticipa:hover{ background-color: #d18f5b; color: #fff; transition: 0.7s;}
.introParticipa{padding-left: 4%;  color: #000; font-size: 18px; line-height: 24px;font-weight: bold;}
#botoObreFormRegistre{padding: 5% 0; background-color: #ededed;}



/* ============================== MediaQuery =======================================================================*/

@media (max-width: 1500px) {
 h2.entrena{font-size: 40px; line-height: 45px;} 
 h3{font-size: 22px; line-height: 26px;} 
 .festesoci, .festesoci2{height: 140px;}
}

@media (max-width: 1440px) {
    .idiomas, .intranet{font-size: 11px;}
    .card img{max-width: 120px !important}
    .bannerContacta{height: 400px;}


}



@media (max-width: 1366px) {
    .cajaproductos {    width:46.5%;} 
    .container{max-width: 1250px !important;}
    /*.ajustMenuHome{padding-top: 20px;}*/
        .bannerContacta{height: 350px;}
        .ajustMenuHome2{padding-top: 5px;}
        .nav>li>a {padding: 0 0 0 35px !important;}




}

@media (max-width: 1360px) {    
    .cajaproductos {width:100%; } 
    div .navbar-collapse .nav {    border: 0px;    margin-top: 0%;}
    .flipa {    padding: 1% 7%;}
    .flipa h3 {    font-size: 50px;    line-height: 55px;}
}




@media (max-width: 1300px) {    
    .familias {    margin: 8px 2px 0 0;    font-size: 11px; padding:12px 2px!important; }    .emailin{font-size: 18px;color: #3f5c9e;font-weight: bold;word-break: break-all;}}


@media (max-width: 1280px) {
    body{font-size: 14px;}
    /*.logo1 { max-width: 140px; } */
    .flipa h3 {    font-size: 49px;    line-height: 50px;}
    .owl-theme .owl-dots, .owl-theme .owl-nav {    display: none;}
    .botoSlider2{font-size: 15px; padding: 7px 30px;}
    .botoSlider3{font-size: 15px; line-height: 40px; height: 40px; padding: 0 30px;}
    .container{max-width: 1200px !important;}
    .h1Slider{border:0px solid #fff; font-size: 3vw; color: #fff; padding: 0 10%;}
    .flipa{top:37%;}
    .titolNoti{font-size: 14px;}
    .nav>li>a{padding: 0 0 0 30px !important;}

}


@media (max-width: 1200px) {
    .nav > li > a {  position: relative;  display: block;  padding: 0 9px!important;  margin-top:8px;}
    /*.dropdown{font-size: 14px!important;} */
    /*div.navbar-collapse .nav {margin-top: -2px;} */
    .halturas{min-height:550px!important;}
    /*.idiomas{margin-top: 23px;    height: 34px;}*/
    .imgIcone{width: 50px !important;}  
}

@media (max-width: 1150px) {
.flipa {   top: 35%;}
/*.flipa h1 {    font-size: 30px;    line-height: 34px;}*/
.footer {    font-size: 15px;    line-height: 21px;}
.titolServei {    font-size: 14px!important;    line-height: 16px;}
.flipa h2{font-size: 20px; line-height: 24px;}
.caixaServei{padding: 0 20px 0px 20px !important; font-size: 14px;}
.titServeiHome {font-size: 18px; line-height: 20px;}
h2, h3{font-size: 2.6vw; line-height: 2.6vw;}
   .bannerContacta{height: 350px;}

}


@media (max-width: 1145px) {
    .dropdown{font-size: 15px!important;} 
    .logo2 {  width:80px; margin:12px 0 0 15px;}
    .newnou{min-height:500px!important;}
    .idiomas{width:26px;font-size: 11px;}
}

@media (max-width: 1024px) {
    .container{max-width: 950px !important;}
    .introQuadre h2{font-size: 26px; line-height: 30px;}
    .quadre{margin-bottom: 50px; height: 150px;}
    .bola{width: 85% !important;}

    .recent-work-wrap {opacity: 1 !important;}
    .recent-work-wrap .recent-work-inner{top:80% !important;}
    .mostrar1024{display: block !important;}
    .imgUlleres{top:20%;width: 15vw;}
    .imgMa{top:15%;width: 15vw;}
    .footer_links, .centratLogo{text-align: center;}
    .borrarLogo{display: none;}
    .apareixLogo{display: block;}
h2.entrena{font-size: 25px; line-height: 29px;}
.festesoci, .festesoci2{height: 110px;}
.footer>h4.ofiPeu{font-size:16px; }
.footer2{font-size: 11px;}
.footer{font-size: 13px;}
.peuDades{padding: 30px 0 10px 0;}
.loginPeu{max-width: 140px !important;}
.footer2 a{font-size: 8px; margin: 0 12px;}
.barraMenu{height: 75px;}
.bannerInterior{min-height: 200px !important;}



}

@media (max-width: 1023px) {
   .grid-1 {grid-template-columns: repeat(3, 1fr);}
   .loginnes {    bottom: 21%;}
 }

@media (max-width: 1010px) {
    .cajaproductos {    width:100%; overflow: visible;height: auto; }
    .aparecer{display: block;}
    .buscar{    margin-top: 10px;}
    .inputbuscador{width:89%;}
 }

@media (max-width: 1003px) {
    .borrar, .borrarIdiomes{display: none;}
    .centratLogo{text-align: center; }
    #dl-menu{display: block; position: fixed; top: 0px; left:0px;z-index: 9999;}
    .borrarImg{display: none;}
    .logo1{margin-top: 15px;}

   .loginnes {    bottom: 10%;}

}

@media (max-width: 992px) {
    .logoPeu{margin-bottom: 10px;}
    .servicioskodama{width:19%;    min-height: auto;}
    /*.botoSlider2 {display: none}*/

 }


@media (max-width: 768px) {
    .borrarIdiomes{display: none;}
    .logo1{margin-top: 15px;}
    .caixaQF{padding: 0 5%;}
    .footer {    font-size: 12px;    line-height: 18px;}
    /*.flexslider{margin:92px 0 0 0 !important;}*/
    /*.flipa {   top: 2%;}*/
    /*.dadesContacte{display: none;}*/
    .botoSlider3 {margin-right: 35px;}
    .flipa h1 {  font-size: 26px;    line-height: 31px;}
    .bannerInterior{min-height: 170px !important;}
    h2.entrena{font-size: 19px; line-height: 24px;}
    .festesoci, .festesoci2{height: 90px;}
    .introQuadre{height: 280px;}
    .ajustQuadres{position: relative; margin-top: 20px;width: 100%;z-index: 555;}
    .flipa{top:47%;}
    .ajustBorrar{height: 50px !important}
    .barraMenu{height: 64px;}
    .coloca5{margin-bottom: 30px;}
    .escalar{width: 120px !important;}
    h2, h3{font-size: 3.6vw; line-height: 3.6vw;}
    .titolh1{ font-size: 4vw; line-height: 4vw; }
    .titolh2{ font-size: 2vw; line-height: 2vw; }
    .bola1{width: 45% !important;}
    .bola2{width: 55% !important;}

    .botoSlider2{font-size: 12px;}
.titServeiHome {font-size: 16px; line-height: 18px;}
.bannerContacta{height: 300px;}
.container{padding-left:5% !important; padding-right: 5% !important;}
.ajust3punts{padding: 0 10px !important;}
.ajustNoti{padding-top: 0px !important; margin-bottom: 20px;}
.botoNotis{margin-top: 0px !important;}
.botoVeureMes{text-align: right;}
.xarxes{float: right; padding-right: 20px; margin-bottom: 10px;}
.links{clear: both;}
.footer2 a {   margin: 0 8px;}
.logo1{max-width: 160px;}
.caixaServei{min-height: 450px !important;}


}


@media screen and (max-width: 767px) {
    .alturin{min-height:242px;}
    .logo{	width:140px;	float:left;}
    .footerderecha{text-align:left}
    .derecha{border:0;width:auto;float:left;min-width:auto; max-height:auto;padding:10px 0;}
    h1{	font-size: 28px!important;	letter-spacing: -1px;	line-height: 29px!important;}
    h4{font-size: 18px!important;	line-height: 20px!important;}
    .textonegro {    padding: 20px 3%;    width: 100%;line-height: 20px;    font-size: 16px; }
    .flex-direction-nav, .owl-theme .owl-dots, .owl-theme .owl-nav {display: none!important;}
    .loginnes{display: none!important;}
    .loginnesinterior{display: block!important;width:100%;}
    .flipa {    top: 61%;    font-size: 15px;    padding: 1% 4%;    line-height: 19px;}
    .fuera {display: none}
    .flipa {    top: 48%;    font-size: 14px;}
    h2.entrena {    font-size: 39px;    line-height: 40px; text-align: center !important;}
    .flex-caption{display: none;}
    .festesoci{display: none;}
    .festesociMobil{display: block;}
    .festesociMobil2{display: block;}
    .sloganMobil{display: block;}
    .xarxes{margin-bottom: 30px;}
    table.demo{display: none;}
    .zona{display: block;}

}


@media (max-width: 679px) {
    .logo1{max-width: 150px;}
    .borrarServeis{display: none;}
    .mostrarServeis{display: block;}
    .footer{min-height: 70px!important;}
    .logoPeu{max-width: 200px;margin-bottom: 30px;}
    .footer_links a{display: grid; margin-bottom: 10px;}
    .footer .vertical-centered-text{margin-bottom: 20px; text-align: center !important; display: grid !important;font-size: 15px;}
    .footer .vertical-centered-text img{margin: 10px auto !important; display: grid !important;}
    .grid-1 {grid-template-columns: repeat(2, 1fr);}
    .servicioskodama {    text-align: center;    margin-top: 10px;    min-height: 160px;}
    .footer2 a.peu{display: grid; padding: 15px 0;}
    .botoSlider3 {margin-right: 0px;}
    .ajustMobil{margin-bottom: 50px;}
    .caixaServei{height: auto !important; min-height: 100px !important; padding: 0 20px 50px 20px !important; margin-bottom: 20px;}
.bannerContacta{height: auto;}
.bannerContacta h3{font-size: 8vw; line-height: 8.5vw;}
h2, h3{font-size: 6.6vw; line-height: 6.6vw;}
.titolh1{ font-size: 5vw; line-height: 5vw; }
    .titolh2{ font-size: 4vw; line-height: 4vw; }
.xarxes{float: none; padding-right: 0px; margin-bottom: 20px; margin-top: 20px; text-align: center;}
.links{clear: both; text-align: center; padding-right: 0px !important;}
.footer2 a {font-size: 12px;}
.botoVeureMes{text-align: left; margin: 15px 0 30px 0;}
.quadre p{font-size: 17px;}
h4{font-size: 16px !important;}
.slideHome{background-position: center;}
.dadesContacte{padding: 0!important;}
.ajustFormLeft{padding-right: 0px !important;}
.ajustFormRight{padding-left: 0px !important;}
.data{bottom: 0 !important;}
.ajustConta{text-align: center;}
h4.ofiPeu{text-align: center !important; margin-top: 50px;}
.idiomas{display: none;}
.intranet{display: none;}
.intranetMovil{display: block;}
.flexslider{margin-top: 100px !important; }
}


@media (max-width: 600px) {
	.pregunta{		clear: both;	}
	.valoracio_pregunta{		margin-left:0;		clear: both;		width:100%;}
    .especialfoto{border:0;width:50%;height:auto;min-height: auto;margin-bottom: 50px;}
    .zonas1{background-color:#000;color:#ffffff!important;min-height:80px;text-align:center;margin-bottom:0px;padding:10px 0;}
    .vales1{background-color:#cccccc;color:#454545!important;min-height:54px;text-align:center;margin-bottom:0px;padding:10px 0;}
    .grid-1 {grid-template-columns: repeat(1, 1fr);}
    .servicioskodama{width:48%;}
    .titolServei { max-width: 100%;  }
    .owl-carousel .owl-item img {    max-width: 953px!important;    opacity: 1!important;}
.reshome{width:100%;height: 400px;} 
/*.flipa h3 {    font-size: 27px;    line-height: 33px;}*/
.imgQS2{width: 100%; max-width:120px; min-height: 120px; border-radius: 50%;}
}

@media (max-width: 480px) {

	.noticies
	{
		width:100%;
		float:none;
	}

	 .filtrage {
		padding: 12px;
		height:52px;
		float:right;
		background-color:#f2f2f2;
		width:49%;
		font-family: 'Akkurat-Light', Arial, Helvetica, sans-serif;
		font-size: 16px;
		border-radius:5px;
	  }
	.logohome
	{
	  width:160px;
	  margin-top:15px;
	  margin-left:20px;
	}	  

	.fotocab{
		width:100%;
		padding:0px 0 10px 0;
	}

	.imatge_seccio_esq{
		margin-left:10px;
		width:100%;
	}

	.imatge_seccio_dre{
		margin-right:10px;
		width:100%;
	}

	.div_seccio1{
		width:100%;
	}

	.div_seccio2{
		width:100%;
	}
}