@font-face {    font-family: '300';    src: url('../fonts/sinkinsans-300light.eot');    src: url('../fonts/sinkinsans-300light.eot?#iefix') format('embedded-opentype'),         url('../fonts/sinkinsans-300light.woff2') format('woff2'),         url('../fonts/sinkinsans-300light.woff') format('woff'),         url('../fonts/sinkinsans-300light.ttf') format('truetype'),         url('../fonts/sinkinsans-300light.svg') format('svg');    font-weight: normal;    font-style: normal;}
@font-face {    font-family: '400';    src: url('../fonts/sinkinsans-400regular.eot');    src: url('../fonts/sinkinsans-400regular.eot?#iefix') format('embedded-opentype'),         url('../fonts/sinkinsans-400regular.woff2') format('woff2'),         url('../fonts/sinkinsans-400regular.woff') format('woff'),         url('../fonts/sinkinsans-400regular.ttf') format('truetype'),         url('../fonts/sinkinsans-400regular.svg#300') format('svg');    font-weight: normal;    font-style: normal;}
@font-face {    font-family: '500';    src: url('../fonts/sinkinsans-500medium.eot');    src: url('../fonts/sinkinsans-500medium.eot?#iefix') format('embedded-opentype'),         url('../fonts/sinkinsans-500medium.woff2') format('woff2'),         url('../fonts/sinkinsans-500medium.woff') format('woff'),         url('../fonts/sinkinsans-500medium.ttf') format('truetype'),         url('../fonts/sinkinsans-500medium.svg#400') format('svg');    font-weight: normal;    font-style: normal;}
@font-face {    font-family: '600';    src: url('../fonts/sinkinsans-600semibold.eot');    src: url('../fonts/sinkinsans-600semibold.eot?#iefix') format('embedded-opentype'),         url('../fonts/sinkinsans-600semibold.woff2') format('woff2'),         url('../fonts/sinkinsans-600semibold.woff') format('woff'),         url('../fonts/sinkinsans-600semibold.ttf') format('truetype'),         url('../fonts/sinkinsans-600semibold.svg#400') format('svg');    font-weight: normal;    font-style: normal;}
@font-face {    font-family: '800';    src: url('../fonts/sinkinsans-800black.eot');    src: url('../fonts/sinkinsans-800black.eot?#iefix') format('embedded-opentype'),         url('../fonts/sinkinsans-800black.woff2') format('woff2'),         url('../fonts/sinkinsans-800black.woff') format('woff'),         url('../fonts/sinkinsans-800black.ttf') format('truetype'),         url('../fonts/sinkinsans-800black.svg#400') format('svg');    font-weight: normal;    font-style: normal;}


/* ******************************************************** */
/* ***************** FONTS ******************************** */
/* ******************************************************** */

.poliedro{clip-path: polygon(5% 2%, 95% 1%, 100% 30%, 100% 70%, 95% 100%, 5% 100%, 0% 70%, 0 31%); max-width: 210px; width: 100%; display: inline-block; padding: 4px; background-color: #447d8b; text-align: center; font-size: 14px;font-family: '500', Arial, Helvetica, sans-serif; margin-right: 5%;color: #fff; text-transform: uppercase; animation-name: porahi;  animation-duration: 4s ;animation-iteration-count: infinite}

.poliedro a {color: #fff!important;}
.aladerecha ul li {margin-left: 25px; margin-top: 10px;}
.aladerecha ol li {margin-left: 25px; margin-top: 10px;}

@keyframes porahi {
  0% {background-color: #82bd7c;}
  50% {background-color: #4c7b88;}
  100% {background-color: #82bd7c;}
}


.superimg{max-width: 200px; width:100%}

h1
{
	font-family: '400', Arial, Helvetica, sans-serif;
	font-size: 35px;
	line-height: 45px;
	/*letter-spacing: 1px;*/
	color: #333;
    font-weight: normal;
    font-style: normal;	
    /*text-transform: uppercase;*/
    margin-bottom: 1%;
}

.comh1
{
    font-family: '400', Arial, Helvetica, sans-serif;
    font-size: 35px;
    line-height: 45px;
    color: #333;
    font-weight: normal;
    font-style: normal; 
    margin-bottom: 1%;
    padding: 0 1%;
}

.h1Noticia
{
	font-family: '400', Arial, Helvetica, sans-serif;
	font-size: 2.5vw;
	line-height: 2.5vw;
	/*letter-spacing: 1px;*/
	color: #2d2c2c;
    font-weight: normal;
    font-style: normal;	
    text-transform: uppercase;
    margin-bottom: 2%;
    padding: 0 0%;
    text-align: left;

}

h2
{
	font-family: '500', Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height: 22px;
	color: #333;
    font-weight: normal;
    text-transform: uppercase;
    font-style: normal;	
	margin:5px 0 5px 0;
}

h3
{
	font-family: '500', Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
    text-transform: uppercase;
	color: #666;
    font-weight: normal;
    font-style: normal;	
	margin: 20px 0;
    text-align: center;

}

h4
{
	font-family: '500', Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 20px;
	color: #666;
    font-weight: normal;
    font-style: normal;	
    text-transform: uppercase;
}

/* ******************************************************** */
/* ***************** GENERAL ****************************** */
/* ******************************************************** */

* {
  margin: 0;
  padding: 0;
}

.row {
  margin: 0 !important;
  padding: 0 !important;
}

a {text-decoration: none !important;}
.container-fluid{padding: 0px !important;}

body
{
	font-family: '300' ,Arial, Helvetica, sans-serif;
	color: #424242;
	line-height: 25px;	
	font-weight: normal;
	font-size: 15px;
	background-color: #FFFFFF;
	background-repeat: repeat-x;
}

img { border: 0; }

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

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

.centrat{text-align: center;}

.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;}

.justi{text-align: justify;}

.divSeccio{padding: 10% 0 0 0; text-align: center; clear: both;}
.divSeccioInt{padding: 5% 0 0 0; text-align: center; clear: both;}
.no_veure{display: none;}

/* ******************************************************** */
/* ****************** Slider ****************************** */
/* ******************************************************** */

.flex-caption{
	width: auto;
	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;
    display: flex;
    bottom: 5%;
    right: 0;
    z-index: 11;
    font-family: '300', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 3.8vw;
    line-height: 4.1vw;
    color: #333;
    padding: 5%;
    text-align: center;
	height: 10%;
	width:auto;
}

.flipa span{
    position: absolute;
    top:0;
    right: 0;
	color: #333;
    float: right;
    background-color: rgba(255,255,255,0.7);
    padding: 30px 15% 30px 100px;
}


/* ******************************************************** */
/* *********************** VARIS ************************** */
/* ******************************************************** */

.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:  red;
}


/* ******************************************************** */
/* ****************** Pagination ************************** */
/* ******************************************************** */

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


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

}
.pagination > li a {
    color:#000 !important;
    width: 30px !important; height: 30px !important;
    /*background-color: #eb4019 !important;*/
    /*padding: 6px 6px 6px 11px !important;*/
    padding: 3px 4px 8px 4px !important;
    text-align: center !important;
    font-size: 15px;
}

.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: #666 !important;
  	background-color: #fff !important;
  	border-color: #666 !important;
  	cursor: default !important;
}
.pagination > li:first-child > a, .pagination > li:first-child > span,
.pagination > li:last-child > a,  .pagination > li:last-child > span {
}


/* ******************************************************** */
/* ****************** CENTRAT VERTICAL ******************** */
/* ******************************************************** */

.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;
}


/* ******************************************************** */
/* ****************** CHECKBOX **************************** */
/* ******************************************************** */

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

.caixaCheck a {
  font-weight: 700;
}

/* 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: #eee;
    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: #6da0aa;
}

/* 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);
}


/* ******************************************************** */
/* ****************** BOTONS ****************************** */
/* ******************************************************** */

.botoGhost{border: 2px solid #666; padding: 3% 8%; max-width: 200px; margin: 0 auto; text-transform: uppercase;font-family: '400', Arial, Helvetica, sans-serif; letter-spacing: 1px;}
.botoGhost:hover{background-color: #6da0aa; color: #fff; transition: 0.6s;  -webkit-transition: 0.6s; /* Safari 3.1 to 6.0 */}
.botoGhost2{border: 2px solid #666; padding: 10px 20px; max-width: 200px; text-transform: uppercase;font-family: '400', Arial, Helvetica, sans-serif; letter-spacing: 1px; margin: 3% auto 0 auto;}
.botoGhost2:hover{background-color: #6da0aa; color: #fff; transition: 0.6s;  -webkit-transition: 0.6s; /* Safari 3.1 to 6.0 */}
.botoTornar{border: 2px solid #666; padding: 8px 20px; width: auto; text-transform: uppercase;font-family: '400', Arial, Helvetica, sans-serif; letter-spacing: 1px; margin: 3% auto 0 auto; font-size: 13px; float:left;}
.botoTornar:hover{background-color: #6da0aa; color: #fff; transition: 0.6s;  -webkit-transition: 0.6s; /* Safari 3.1 to 6.0 */}
.botoOpcionsNoticia{border: 2px solid #666; padding: 8px 20px; width: 250px; height: 80px;text-transform: uppercase;font-family: '400', Arial, Helvetica, sans-serif; letter-spacing: 1px; margin: 10px 0; font-size: 13px; }
.botoOpcionsNoticia:hover{background-color: #333; color: #fff; transition: 0.6s;  -webkit-transition: 0.6s; /* Safari 3.1 to 6.0 */}
.botoEnviar{border: 2px solid #666; padding: 10px 20px; max-width: 200px; text-transform: uppercase;font-family: '400', Arial, Helvetica, sans-serif; letter-spacing: 1px; margin: 3% auto 0 auto; background-color: #fff;}
.botoEnviar:hover{background-color: #6da0aa; color: #fff; transition: 0.6s;  -webkit-transition: 0.6s; /* Safari 3.1 to 6.0 */}
.botoMesInfo{border: 2px solid #666; padding: 8px 20px; width: auto; text-transform: uppercase;font-family: '400', Arial, Helvetica, sans-serif; letter-spacing: 1px; font-size: 13px; float:right;}
.botoMesInfo:hover{background-color: #6da0aa; color: #fff; transition: 0.6s;  -webkit-transition: 0.6s; /* Safari 3.1 to 6.0 */}

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


/* ******************************************************** */
/* ****************** MENU ******************************** */
/* ******************************************************** */

.dropdown{	font-family: '500', Arial, Helvetica, sans-serif;	font-size: 16px; color: #444; line-height: 15px; font-weight: 700px; text-transform: uppercase;}

.dropdown a{color: #444 !important}

.idiomas{	   
    text-align: center;
    display: inline-block;
    margin-top: 10px;
    font-family: '500', Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #666;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    line-height: 15px;
    width: 35px;
    height: 35px;
    padding: 11px 5px ;
    margin-right: 5px;
    background-color: #e1e1e1;
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);

}

.options{      
    text-align: center;
    display: inline-block;
    margin-top: 10px;
    font-family: '500', Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #666;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    line-height: 15px;
    width: 200px;
    height: 200px;
    padding: 90px 5px ;
    margin-right: 5px;
    background-color: #e1e1e1;
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);

}

hr.linea { 
    width: 100%;
    height: 0px;
    margin: 0px;
    margin-top: 15px;
    margin-bottom:12px;
    border: 0;
    display: flex;
    text-align:left;
    border-bottom: 2px solid #FAD701;
}


.idiomas:last-child{ border: none; }
.idiomas a{text-decoration: none !important;}

.idiomas:hover{background-color: #6da0aa; } 
/*.idiomas a:hover{color:#fff;} */

.idiomas2{      
    text-align: center;
    display: inline-block;
    margin-top: 10px;
    font-family: '500', Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #333;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    line-height: 15px;
    min-width: 100px;
    padding: 5px 10px;
    border: 2px solid #666;
    background-color: transparent;
    margin-right: 30px;
}

.idiomas2:hover{background-color: #eee;}
.idiomas2 a:visited{color:#333 !important; }
#dl-menu{display: none;}
.logoPetit{display: none;}
.caixaMenu1{padding: 5px 10px;border:2px solid #eee; text-transform: uppercase; font-size: 13px;}
.caixaMenu1:hover{color: #6da0aa !important;}
.caixaMenu2{padding: 5px 10px;text-transform: uppercase; font-size: 13px; border-bottom: 1px solid #ccc;}
.caixaMenu2:hover{color: #6da0aa !important;}

#menuOpcions{display: none; position: absolute; top: 0px; width: 100%; height: auto; background-color: transparent; z-index: 88888; pointer-events: auto; }
.menuOpcions{display: none; position: absolute;  top: 38px; width: 100%; height: auto; z-index: 99999; background-color: #fff; border-bottom: 4px solid #FAD701;border-top: 2px solid #aaa;-webkit-box-shadow: 0px 10px 15px 0px rgba(145,145,145,0.56);
-moz-box-shadow: 0px 10px 15px 0px rgba(145,145,145,0.56);
box-shadow: 0px 10px 15px 0px rgba(145,145,145,0.56); pointer-events: auto;}

#menuSectors{display: none; position: absolute; top: 0px; width: 100%; height: auto; background-color: transparent; z-index: 88888; pointer-events: auto; }
.menuSectors{display: none; position: absolute;  top: 38px; width: 100%; height: auto; z-index: 99999; background-color: #fff; border-bottom: 4px solid #FAD701;border-top: 2px solid #aaa;-webkit-box-shadow: 0px 10px 15px 0px rgba(145,145,145,0.56);
-moz-box-shadow: 0px 10px 15px 0px rgba(145,145,145,0.56);
box-shadow: 0px 10px 15px 0px rgba(145,145,145,0.56); pointer-events: auto;}

#menuEmpresa{display: none; position: absolute; top: 0px; width: 100%; height: auto; background-color: transparent; z-index: 88888; pointer-events: auto;}
.menuEmpresa{display: none; position: absolute;  top: 38px; width: 100%; height: auto; z-index: 99999; background-color: #fff; border-bottom: 4px solid #FAD701;border-top: 2px solid #aaa;-webkit-box-shadow: 0px 10px 15px 0px rgba(145,145,145,0.56);
-moz-box-shadow: 0px 10px 15px 0px rgba(145,145,145,0.56);
box-shadow: 0px 10px 15px 0px rgba(145,145,145,0.56); pointer-events: auto;}

.wrapper {  display: grid;  grid-template-columns: repeat(4, 1fr);  grid-auto-rows: minmax(100px, auto);}
.logoOlmos{    position: absolute;    top: 8px;    left: 80px;    z-index: 99999;    width: 170px;}
.logoMobile{display: none;}

/* ******************************************************** */
/* ****************** HOME ******************************** */
/* ******************************************************** */

.slogan{ position: absolute; bottom: 0;  color:#fff;font-family: '300', Arial, Helvetica, sans-serif; font-size: 4vw; line-height: 3.2vw; text-transform: uppercase; width: 100%; text-align: center;}

/* ******************************************************** */
/* ********************** icones ************************** */
/* ******************************************************** */
.divIcones{  padding: 30px !important;}

/* ******************************************************** */
/* ********************** sectors ************************* */
/* ******************************************************** */

.secc1 { grid-area: secc1; }
.secc2 { grid-area: secc2; }
.secc3 { grid-area: secc3; }
.secc4 { grid-area: secc4; }
.secc5 { grid-area: secc5; }
.secc6 { grid-area: secc6; }
.secc7 { grid-area: secc7; }
.secc8 { grid-area: secc8; }
.secc9 { grid-area: secc9; }


.grid-container {
  display: grid;
  grid-template-areas:
    'secc1 secc1 secc1 secc1 secc2 secc2 secc3 secc3'
    'secc1 secc1 secc1 secc1 secc2 secc2 secc3 secc3'
    'secc1 secc1 secc1 secc1 secc4 secc4 secc5 secc5'
    'secc1 secc1 secc1 secc1 secc4 secc4 secc5 secc5'
    'secc6 secc6 secc7 secc7 secc8 secc8 secc9 secc9'
    'secc6 secc6 secc7 secc7 secc8 secc8 secc9 secc9';
     
  /*grid-gap: 10px;*/
  background-color: red;
}

.grid-container > div {
  background-color: rgba(255, 255, 255, 0.8);
  text-align: left;
  padding: 20px ;
  font-size: 30px; 
  height: 300px;
}
.grid-container > div.secc1{height: 600px;}

.imgSectors{background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; background-color: #000; overflow: hidden;}
.titolSector{position: absolute; bottom: 10px; left: 20px; color:#fff;font-family:  '500', Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 18px; line-height: 25px;   text-shadow: 1px 2px #666;}
.imgSectors:hover{  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  transition: 1s; -webkit-filter: brightness(50%);}
  
/* ******************************************************** */
/* ********************* empresa ************************** */
/* ******************************************************** */

.sloganInt{ position: absolute; bottom: 0;  color:#fff;font-family: '300', Arial, Helvetica, sans-serif; font-size: 60px; line-height: 46px; text-transform: uppercase; width: 100%; text-align: right;}
.emp1{text-align: left; padding-right: 60px;}
.emp2{text-align: left; padding: 0 30px;}
.emp3{text-align: left; padding-left: 60px;}


/* ******************************************************** */
/* ****************** FORMULARIS ************************** */
/* ******************************************************** */
.inputNew{ margin: 7px 0; border: 2px solid #ccc; width:100%; padding: 15px 20px; font-family: '400', Arial, Helvetica, sans-serif; font-size: 12px; color:#333;  }
.inputNew::placeholder{font-family:  '300', Arial, Helvetica, sans-serif;   font-size: 12px;  color: #666;}
.textareaNew{ margin: 5px 0; border: 2px solid #ccc; width:100%; padding: 15px 20px; font-family: '400', Arial, Helvetica, sans-serif; font-size: 12px; color:#333;  }
.textareaNew::placeholder{font-family:  '300', Arial, Helvetica, sans-serif;   font-size: 12px;  color: #666;}
.notas{font-size: 12px;font-family: '300', Arial, Helvetica, sans-serif;}
.inputNew option{font-family:  '300', Arial, Helvetica, sans-serif;   font-size: 12px;  color: #808080; font-style: italic;}


/* ******************************************************** */
/* ****************** FOOTER ****************************** */
/* ******************************************************** */

#footer{padding: 3% 0 2% 0; text-align: center; clear: both;}
#footer a{font-family: '500', Arial, Helvetica, sans-serif; font-size: 9px; line-height: 20px; color: #fff; text-transform: uppercase;}
#footer span{font-family: '500', Arial, Helvetica, sans-serif; font-size: 13px; line-height: 20px; color: #fff; }
.ttu{text-transform: uppercase;}

.peu{margin-right: 25px;}
#footer span:hover{color:#666;}
#footer a:hover{color:#666;}

/* ******************************************************** */
/* ************* llistats ambients, tipologies ************ */
/* ******************************************************** */

.apartat{margin-bottom: 5%;}
.imgServei{height: 350px; background-size: cover;background-position: center;}

/* ******************************************************** */
/* ************* llistats noticies, projectes ************* */
/* ******************************************************** */

.imgOcasio{background-size: cover; background-position: center center;background-repeat: no-repeat; width: 100%; min-height:380px;}
.imgNoticia{background-size: cover; background-position: center center;background-repeat: no-repeat; width: 100%; min-height:280px;}
.cuadreGris{background-color:#eee; padding: 4% 0 !important; }
.cuadreBlanc{background-color:#fff; padding: 4% 0 !important;}
.cuadreOcasio{background-color:#fff; padding: 4% 0 !important; border-bottom: 2px solid #6da0aa;}
.data, .data span{font-size: 18px;text-transform: uppercase; text-align: left; color:#6da0aa;font-family: '500', Arial, Helvetica, sans-serif; }
.imgMiniatura{background-size: cover; background-position: center; width: 25%;  padding-top:25%; z-index: 200;}
.imgMiniaturaNoticia{background-size: cover; background-position: center; width: 100%;  padding-top:100%; z-index: 200;}
.ajustArticle{padding: 0 30px;}

    .textInterior{padding-left: 4%;}

.datanoticia{padding-left: 10px;}

/* ******************************************************** */
/* ******************** FITXA PRODUCTE ******************** */
/* ******************************************************** */

.subtitolProducte{text-align: left; margin-top: -10px; font-family: '300', Arial, Helvetica, sans-serif; font-size: 18px; line-height: 23px;}
.morecontent span { display: none;}
.productesRelacionats{background-size: cover;background-position: center;background-repeat: no-repeat;}
.imgBanner2 {    position: fixed !important;    top: 133px;    left: 0;    width: 100%; border-bottom: 1px solid #ddd;}


.divSeccioInt h1 {padding-left: 20px;}
.divSeccioInt h4 {padding-left: 20px;}
.titolOcasio{padding-left: 0px !important;}
.dadesItem ul{padding-left: 30px!important;}

.caixaRelacionats{min-height: 450px; }

.enviarPetit{display: none;}

.imgAmeur:hover{opacity: 1 !important; transition: 0.7s;}



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

@media (max-width: 1440px) {
    .dropdown {font-size: 14px !important;}

}

@media (max-width: 1360px) {
    /*home*/
    .dropdown {font-size: 15px;}
    .grid-container > div.secc1 {    height: 480px;}
    .grid-container > div {height: 240px;}
    .peu {margin-right: 30px;}
    .divSeccioInt{ padding: 5% 2% 0 2%;}
    /*llistat productes*/
    .imgServei{height: 290px;}
}


@media (max-width: 1280px) {
    .dropdown {font-size: 12px !important;}
    .imgOcasio{height: 300px !important; min-height: 300px !important;}
}

@media (max-width: 1024px) {
    h3 {    font-size: 11px;    line-height: 20px;}    
    .nav{display: none !important;}
    #dl-menu{display: block; position: relative; top: -80px; left:10px;z-index: 666;}
    #barraMenu{position: relative !important;}
    .posicioBannerInt{margin-top: 0px !important;}
    .centratLogo{display: none; }
    .logoOlmos{max-width: 230px; position: absolute; z-index: 555 !important;}
    /*.barraMenu{height: 85px !important;}*/
    .imgHomePrincipal{height: 500px !important}
    .grid-container > div.secc1 {    height: 400px;}
    .grid-container > div {height: 200px;}
    .titolSector{font-size: 13px; line-height: 16px;}
    .linksPeu{text-align: right; display: grid; margin-top: -5px;}
    .logoPeu{max-width: 215px;}
    .linksCat{text-align: center !important;}
    .blanc{border-top: 1px solid #ddd; max-width: 95%;text-align: center; margin: 0 auto 10px auto;}
    .divSeccioInt{ padding: 4% 4% 0 4%;}
    /*empresa*/
    .sloganInt{font-size: 42px;    line-height: 32px;}
    /*llistat productes*/
    .imgServei{height: 250px;}
    .logoMobile{position: absolute; top: 5px; left: 10px; z-index: 888;display: flex;}
    .textInterior{padding-left: 1%;}
    .representantEsp{min-height: 340px !important; }
}

@media (max-width: 1023px) {
    .divIcones { min-height: 270px;}
    .superimg{max-width: 100px; width:100%}

}

@media (max-width: 768px) {
    .divIcones {padding: 20px 50px !important; min-height: 270px;}
    .imgHomePrincipal{height: 350px !important}
    .grid-container > div.secc1 {    height: 340px;}
    .grid-container > div {height: 170px;}
    .linksCat{display: none;}
    .linksPeu{text-align: left; display: block; margin-top: 5px; border-top:1px solid #ddd; }
    .divSeccioInt{ padding: 4% 5% 0 5%;}
    .imgOcasio{height: 200px !important; min-height: 220px !important;}
    .empresa h1, .empresa h4{margin-left: 10% !important;}
    .mailContacte{font-size: 15px !important;}
    .slogan{font-size: 35px !important; position: absolute; margin-bottom: -4px !important; line-height: 40px;}
    .borrarIdiomes{padding-right: 0 !important;}
    .sloganInt{text-align: center; right: 0 !important; font-size: 35px !important; line-height: 35px !important; margin-bottom: -4px !important;}
    .textInterior{padding-left: 2%;}
    .h1Noticia {font-size: 25px; line-height: 25px;}
}


@media (max-width: 679px) {
    .divIcones { padding: 19px 30px !important; min-height: 210px;}
    h3 {        font-size: 11px;        line-height: 15px;      margin: 20px 0 0 0 ;  }
    .superimg {   max-width: 80px;    }
    body{font-size: 13px; line-height: 23px;}
    .borrarIdiomes{display: none !important;}
    .imgHomePrincipal{height: 180px !important}
    h1{font-size: 20px;    line-height: 25px;    margin-bottom: 20px;}
    .grid-container {  display: grid;  grid-template-areas:    'secc1'     'secc2'    'secc3'    'secc4'    'secc5'    'secc6'    'secc7'    'secc8'    'secc9';  background-color: black;}
    .grid-container > div.secc1 {height: 200px;}
    .grid-container > div {height: 200px;}
    .linksPeu{text-align: center; display: grid; margin-top: 15px;}
    .linksPeu a{margin-top: 6px !important; font-size: 12px !important;line-height: 24px !important;}
    .caixaLogo{text-align: center !important; margin-top: 20px; }
    .caixaDadesEmpresa{text-align: center !important;}
    .titolSector {font-size: 20px;}
    .slogan{font-size: 20px;    line-height: 18px;}
    .sloganInt{font-size: 20px !important;    line-height: 20px !important; text-align: center;margin-bottom: -2px !important;}
    /*empresa*/
    .int2{text-align: center !important; right: 0 !important;}
    .divSeccioInt{ padding: 10% 0 0 0;}
    .divSeccioInt h1{padding-right: 5% !important; padding-left: 5% !important;}
    .divSeccioInt h4{padding-right: 5% !important; padding-left: 5% !important;}
    .tornar{padding-right: 5%; padding-left: 5%;}
    .pInt{padding-right: 5% !important; padding-left: 5% !important; }
    .item{padding: 0 5%;}
    .dadesItem{margin-top: 30px; }
    .imgOcasio{height: 200px !important; min-height: 200px;}
    .dadesItem h4{padding-left: 0 !important;padding-right: 0 !important}
    .data img{margin-right: 10px !important;}
    .ajustArticle{padding: 0 10% !important;}
    .emp1, .emp2, .emp3{padding: 0 2% !important;}
    .imgBweb{min-height: 40px !important;}
    .textInterior{padding: 0 20px !important;}
    .h1Noticia{margin-bottom: 10px; font-size: 25px !important; line-height: 28px !important;}
    .slogan{font-size: 24px !important; margin-bottom: -1px !important;}
    .caixaRelacionats {   min-height: 50px; height: auto;    margin-bottom: 50px;}
    .ajustLateral{padding: 0 6% !important;}
    .ajustLateralNotis{padding: 10% 6% 0 6% !important;}

    .ajustPadding{padding: 0 0 !important;}

    .enviarPetit{display: block; margin-bottom: 30px;}
    .enviarGran{display: none;}
    .enviarCheck {padding-left: 5px !important;}
    .ajustImgProducte{padding: 0 10px;}
    .ajustProducte{padding-left: 5% !important;}
    .datanoticia{padding-left: 5%;}



}


.fancybox-slide--iframe .fancybox-content {
    width  : 800px;
    height : 600px;
    max-width  : 80%;
    max-height : 80%;
    margin: 0;
}