@font-face{
	font-family: Lato-Light;
	src: url('../fonts/Lato-Light.ttf')
}

@font-face{
	font-family: Lato-Bold;
	src: url('../fonts/Lato-Bold.ttf')
}

@font-face{
	font-family: Lato-Regular;
	src: url('../fonts/Lato-Regular.ttf')
}

body{
	background: #FFFFFF;
	font-size: 13px;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family:Lato-Regular;
	margin: 0px;
}

table{ 
font-size: 13px; 

}

/* FORMATOS GENERALES */
a {
	text-decoration: none;
	color: #101A26;
}

a:hover{color:#0F396C;}

input{ 
	font-size:12px;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family:Lato-Regular;
}

p{
	margin: 0 0 7px 0;
}

.fontNegreta{font-weight:bolder;}
.fontPetita{font-size:10px;}
.fontMitjana{font-size:11px;}
.fontGran{font-size: 14px;}
.fontMoltGran{font-size:16px;}
.fontColorSkin{color: #003D6B;} /* #0F396C #004b96*/
.fonsColorSkin{background: #0F396C;}

.absolute{position:absolute;}
.relative{position:relative;}
.clear_both{clear:both;}


.noBorder{
border:none;
}

.btn.btn-primary {
	background: #235977;
	color: #ffffff;
	font-size:16px;
	font-family:Lato-Regular;
		letter-spacing:0.5px;
		text-transform:uppercase;
		border-radius:0;
		border:0;
		transition:all 0.4s;
		line-height:32px;
		padding:6px 17px;
}

	.btn.btn-primary:hover {
		background: #004063;
		
	}

.btn-default {
	background-color: #f4f3f1;
	border: 0;
	
	font-family: Lato-Regular;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	border-radius: 0;
	border: 0;
	transition: all 0.4s;
	line-height: 32px;
	padding: 6px 17px;
}

	.btn-default:hover, .btn-default:focus {
		background-color: #e0dbd5;
	}

.btn {
	
	font-family: Lato-Regular;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	border-radius: 0;
	border: 0;
	transition: all 0.4s;
	line-height: 32px;
	padding: 6px 17px;
}

.fa-text-left {
	margin-left: 10px;
	font-size: 16px;
}

.fa-text-right {
	margin-right: 10px;
	font-size: 16px;
}
/* GENERAL */
#containerGeneral{
	margin:0px auto;
	width: 975px;
}

#containerBaner{
	position:relative;
	border-bottom: 9px solid #f5a91d;
}



#containerBaner .alone .pic img{
	display:block;
	height:auto;
	width:100%;
}

#containerBaner .alone .data{
    bottom: 75px;
    color: white;
    
    font-family: Lato-Bold;
    font-size: 52px;
    line-height: 1;
    position: absolute;
    right: 421px;
    text-align: right;

}



#containerIdiomes{
position:absolute;
right:15px;
top:0px;
}

#containerLogo{
position:absolute;
top:30px;
display:flex;
align-items:center;
}

	.logo100anys {
		margin-left: 40px;
		max-height: 103px;
		width: auto;
	}



#containerLogo img.link{
border:none;
display:block;
/*height:100%;
width:100%;*/
}

#containerDalt{
	/*height:130px;*/
	border-bottom:1px solid #C8C8C8;
	position:relative;
}


#containerPrePeu{
	background: url("../images/fonsPeu.gif") repeat-x;
	height: 81px;
	margin-top:10px;
	margin-bottom:7px;
	color: #002659;
}

#containerLogoPeu{
float: left;
    left: 30px;
    position: relative;
    top: 14px;
}

#containerEsq{
width:274px;
float:left;
}

#containerDreta{
float:right;
width:701px;

}

#telefon{
float:right;
}

#telefon a{

color:#002659;
}

#telefon a:hover{

color:#000;
}

#adreca{
float:right;
}

#sepPeu{
background: url("../images/sepPeu.gif");
margin-left:20px;
margin-right:20px;
float:right;
width:3px;
height:61px;
}

#containerAdreca{
float:right;
right:10px;
top:10px;
position: relative;
}

.credits p{
	margin:0px;
	padding:0px;	
	color: #ffffff;
}

.credits a{
	color: #ffffff;
	text-decoration:none;
}

.credits a:hover{
	color: #96a9b5;
}

/* BOTONES */
a.boto{
	background: transparent url(../images/boto_dreta.gif) no-repeat scroll bottom right;
	color: #FFFFFF;
	display:block;
	/*float:right;*/
	height:20px;
	padding-right: 6px;
	text-decoration:none;
	white-space: nowrap;
}
 
a.boto span{
	background: transparent url(../images/boto_esq.gif) no-repeat scroll bottom left; 
	display:block;
	line-height: 20px;
	padding-right: 4px;
	padding-left: 9px;
	 float: right;
}
 
a.boto:hover{
	background-position: top right;
	outline: none;
}
 
a.boto:hover span{
	background-position: top left;
	color: #FFFFFF;
}

/**************/
a.botoPager{
	display:block;
	background:url(../images/pag_des.png) no-repeat;
	color: #FFFFFF;
	width:18px;
	height:18px;
	margin:0px 2px;
	line-height:18px;
	text-align:center;
	font-size:11px;
	float:left;
	text-decoration:none;
}

a.botoPager:hover{
	background:url(../images/pag_act.png) no-repeat;
}



a.botoPrint{
    color:#7d8391;
    line-height:18px;
    height:18px;
    padding:0px 10px;
    /*-moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;*/
    display:block;
    /*color:#ffffff;*/
    text-decoration:none!important;
    margin-top:20px;
    font-size:14px;
}

a.botoPrint span.text{
    margin-left:5px;
}

    a.botoPrint:hover {
        /*background:#003d6b;*/
        color:#003d6b;
    }


/* MENU CORPORATIVO */
.menu1 {
	float: left;
    left: 100px;
    position: relative;
    top: 56px;
}

.menu1 ul{
	padding:0px;
	margin:0px;
	list-style: none;
}

.menu1 li{
	float:left;
	margin:0px 4px;
	color: #002659;
}

.menu1 li a{
	color: #002659;
}

.menu1 li a:hover, .menu1 li a.sel {
	color: #000000;
}
/*FI MENU CORPORATIVO*/


/*******************/
/*HEADER SUPERIOR*/
/*****************/
#headerSup {
	background: #004063;
	padding-top:20px;
}

.container-headerSup {
	border-bottom: 1px solid #336682;
	padding-bottom:20px;
}

.cercador {
	/*margin-top: 30px;*/
}

.fonsCercador input, textarea {
	font-size: 13px;
	border: 0px;
	background: transparent;
	width: 150px;
	box-shadow: none;
}

.fonsCercador #SEARCH {
	margin: 0;
	border-left: none;
}

.cercador input {
	border-left: 1px solid #336682;
	float: left;
	margin-left: -35px;
	margin-top: 5px;
	padding-left: 5px;
}

.fonsCercador {
	background: #80a0b1;
	display: block;
	float: left;
	margin: 5px 2px 5px 5px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	height: 25px;
	width: 175px;
}

#container-login-basket {
	display: flex;
	justify-content: flex-end;
	margin-top:5px;
}

	#container-login-basket .botonCuenta {
		font-family: Lato-Light;
		font-size: 14px;
		color: #ffffff;
		text-transform: uppercase;
		text-decoration: none !important;
		letter-spacing: 0.5px;
		padding-right: 26px;
		margin-right: 26px;
		border-right: 1px solid #336682;
		line-height:24px;
		transition:all 0.3s;
	}

		#container-login-basket .botonCuenta i {
			font-size: 18px;
			color: #80a0b1;
			margin-left:9px;
		}

		#container-login-basket .botonCuenta:hover {
			color: #80a0b1;
		}

		#container-login-basket .botonCuenta:hover i {
			color: #bfd4e0;
		}

	#container-login-basket .cistella {
cursor:pointer;
	}

	#container-login-basket .cistella i {
		font-size: 20px;
		color: #80a0b1;
		transition:all 0.4s;
	}

	#container-login-basket .items_cistella .items {
		color: #ffffff;
		font-size: 16px;
		margin-left: 10px;
		padding: 0px 6.5px;
		background: #43697f;
		border-radius: 20px;
	}

	#container-login-basket .cistella:hover i {
		color: #bfd4e0;
	}
/*********************/
/*FI HEADER SUPERIOR*/
/*******************/

/*MENU RESPONSIVE*/

#gpi_menu_superior {
    background: #004063 repeat scroll 0 0;
    border: 0 none;
    position: realtive;
    top: 0;
    width: 100%;
    z-index: 100;
	border-bottom:1px solid #f2b4b8;
}
.gpi-navbar {
    background: #004063 repeat scroll 0 0;
    border: 0 none;
    margin-bottom: 0;
}
.gpi-navbar-nav > li > a {
    font-family:Lato-Regular;
    font-size: 14px;
    padding: 25px 15px ;
    text-transform: uppercase;

}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border: medium none;
}

.gpi-navbar-nav {
	display: flex;
	width: 100%;
	justify-content: space-between;
	float:none;
}

	.navbar-inverse .navbar-collapse{
		width:100%;
	}
	.gpi-navbar-inverse .gpi-navbar-nav > li > a {
		background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
		color: #ffffff;
	}
.gpi-navbar-inverse .gpi-navbar-nav > li > a:hover, .gpi-navbar-inverse .gpi-navbar-nav > li > a:focus, .gpi-navbar-inverse .gpi-navbar-nav > li > a.sel {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #f5a91d
}
.gpi-navbar .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a.sel {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #f5a91d;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a.sel {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #f5a91d;
}
.gpi-dropdown-menu {
    background: #004063 repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
}
ul.gpi-dropdown-menu {
    overflow: auto;
}
.gpi-dropdown-menu > li > a:hover, .gpi-dropdown-menu > li > a:focus {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

.navbar-nav > li > .dropdown-menu {
    border-top: 1px solid #f5a91d;
}

.gpi-navbar-inverse .gpi-navbar-nav > li:hover ul.gpi-dropdown-menu {
    display: block;
}
.gpi-navbar-toggle {
    margin-bottom: 13px;
    margin-top: 13px;
}
ul.column_1 {
    width: 222px;
}
ul.column_2 {
    width: 442px;
}
ul.column_3 {
    width: 662px;
}
.gpi-columna {
    width: 220px;
}
.gpi-columna ul {
    list-style: outside none none;
    padding-left: 10px;
}
.gpi-columna li {
    line-height: 2.429;
}
.gpi-columna li a {
    color: #ffffff;
    display: block;
    padding: 0 5px;
    text-align: right;
	font-size: 12px;
}
.gpi-columna li a:hover {
    color: #f5a91d;
    text-decoration: none;
}

/*FI MENU RESPONSIVE*/

	
/* NAVEGADOR */
.breadcrumb {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    margin-bottom: 0;
	padding: 8px 0;
	text-transform:uppercase;
}

#navi{
	background: #f7f7f7;
	height: 30px;
	line-height: 30px;
	margin-bottom:10px;
	 font-size: 10px;
	 
}

#navi ul{
	padding:0px;
	margin:0px;
	list-style:none;
}

#navi li{
	float:left;
	margin: 0px 5px;
}

#navi li a{
	color: #325775;
	padding-left:10px;
		 font-size: 10px;
}

#navi li a:hover, #navi li a.sel{
	color: #000000;
}



.subscripcio{
	float: right;
	background: #F1F1F1;
	width:200px;
	height:139px;
}

.contingut_subscripcio{
	padding:5px;
	border-right:1px solid [CAIXA_BORDER];
	border-bottom:1px solid [CAIXA_BORDER];
	border-left:1px solid [CAIXA_BORDER];
	height:86px;
	overflow:hidden;
}

.eslogan h1{
	font-family:Lato-Bold;
	font-size:18px;
	color:#004063;
	letter-spacing:1px;
	text-transform:uppercase;
}

.eslogan h1 span{
	font-family:Lato-Light;	
}

/*SERVEIS HOME*/
.bannerHome {
    margin-top: 10px;
    text-align: center;
}

.bannerHome:nth-child(4), .bannerHome:nth-child(7), .bannerHome:nth-child(10){
	clear:both;
}

.bannerHome a {
    color: #454545;
    text-decoration: none;
}

.titol h2 {
    color: #5a666d;
    font-family: Lato-Regular;
    font-size: 14px;
    text-transform: uppercase;
}

.bannerHome a:hover h2 {
    color: #004063;
}

.relative{
	border-top:0 none;	
}

.bannerHome a:hover .ImatgeBannerHome img{
	opacity:0.5;
}

.bannerHome .botoFitxaDest {
    display: none;
    left: 50%;
	margin-left: -33px;
    margin-top: -35px;
    position: absolute;
    top: 50%;
}

.bannerHome a:hover .botoFitxaDest {
    display: block;
}

.bannerHome a:hover .botoFitxaDest img {
    opacity: 1 !important;
}



img.imagen_home {
    margin-bottom: 2px;
}

/*BANNER 101 ANYS*/
#containerBaner .banner-101 .alone .data {
	right: 0;
	text-align: center;
	color: #003a49;
	font-size:20px;
	left:0;
	line-height:1.6;
	top:62px;
	z-index:200;

}

#containerBaner .banner-101 .alone .data a {

	color: #003a49;
	opacity:1;
	transition:all 0.4s;

}

#containerBaner .banner-101 .alone:hover .data a {
	text-decoration: none;
	color: #e1dacd;
	opacity: 0.8;
}

	#containerBaner .banner-101 .alone .data span.anys {
		font-size: 30px;
		font-style: oblique;
		margin-right:10px;
	}

	#containerBaner .banner-101 .alone .data .container-projectant-futur {
		padding: 25px 0;
		background-image: url(/FitxersWeb/84788/fons-projectant-futur.jpg);
		background-position:center center;
		background-repeat:no-repeat;
		background-size:cover;
		margin-bottom:36px;
		transition:all 0.6s;
	}

#containerBaner .banner-101 .alone:hover .data .container-projectant-futur {
	background-image: url(/FitxersWeb/84788/fons-projectant-futur-act.jpg);
}

		#containerBaner .banner-101 .alone .data .container-projectant-futur .titol-projectant{
			font-size:46px;
			/*margin-bottom:10px;*/
		}

			#containerBaner .banner-101 .alone .data .container-projectant-futur .titol-projectant span {
				color: #7d756e;
				font-family: Lato-Regular;
				transition: all 0.6s;
			}

#containerBaner .banner-101 .alone:hover .data .container-projectant-futur .titol-projectant span {
	color: #c8ccd3;
}

#containerBaner .banner-101 .alone .data .container-101-raons {
	padding: 14px 0;
	background-image: url(/FitxersWeb/84788/fons-101-raons-banner.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	transition: all 0.6s;
}

#containerBaner .banner-101 .alone:hover .data .container-101-raons {
	background-image: url(/FitxersWeb/84788/fons-101-raons-banner-act.jpg);

}

	#containerBaner .banner-101 .alone .data img{
		float:right;
		margin-right:100px;
		margin-top:100px;
		display:block !important;
	}

.banner-101 {
	height: 670px;
	overflow: hidden;
	position: relative;
	background: #ffffff;
}

	.banner-101 .item, .banner-101 .alone {
		background-color: #FFFFFF;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		height: inherit;
		position: absolute;
		width: 100%;
	}

		.banner-101 .pic img, .capBanner .img img, .banner-101 .alone img {
			display: none !important;
		}

		.banner-101 .item > a, .banner-101 .alone .pic > a {
			display: block;
			position: absolute;
			top: 0px;
			left: 0px;
			width: 100%;
			height: 100%;
			z-index: 10;
		}





















		.banner-video {
			/*height: 100%;*/
			/*height:800px;*/
			height: 650px;
			top: 0px;
			width: 100%;
			overflow: hidden;
			z-index: 0;
			position:relative;
		}
		
			.banner-video .textBanner {
				position: absolute;
				bottom: 0;
				right: 0;
				display: flex;
				justify-content: flex-end;
				width: 100%;
			}
		
				.banner-video .textBanner .titol-banner-video h2 {
					color: #ffffff;
					text-align: right;
					font-size: 42px;
					letter-spacing: 2.6px;
					font-family: latobold;
				}
		
			.banner-video .alone {
				height: inherit;
				width: inherit;
				/*margin-top:-50px;*/
				/*margin-top: -220px;*/
				margin-top:-80px;
			}
		
			.banner-video .data iframe {
				height: 100%;
				left: 0;
				position: absolute;
		/*        top: -90px;*/
				top: 0px;
				width: 100%;
				pointer-events: none;
			}
		
			.banner-video .data {
				height: 0;
				overflow: hidden;
				padding-bottom: 56.25%;
				position: relative;
			}
		
			.banner-video .alone img {
				display: none;
			}











	/**CONTINGUTS**/
	.titolContinguts, h1.titolContinguts {
		/*border-bottom: 1px solid #eeeeee;*/
		margin-bottom: 25px;
		margin-top: 10px;
		color: #004063;
		font-size: 20px;
		font-family: Lato-Bold;
		letter-spacing: 0.5px;
		text-transform: uppercase;
		font-weight: normal;
		padding: 0px;
		text-align: center;
	}

.liniaFons{
	border-bottom:1px solid #eeeeee;
}

.txtCentreXS{
	text-align:justifiy;
}


/**FI CONTINGUTS **/

/* TAMALO TEXTO + BUSCADOR + LINK INICIO */
.link_inici_data{
	position:absolute;
	right:0px;
	top:75px;
	color: #68686b;
}

.caixaTextSize{
	position: absolute;
	width: 50px;
	height:20px;
	top:40px;
	right:235px;
}



.form-control {
    height: 25px;
	padding:1px 12px;
	margin-bottom:5px;
}

.form-control:focus {
    border-color: #66afe9;
    box-shadow: none;
    outline: 0 none;
}

.gpi-campsFormulari{
	text-align:right;
}

/* BANDA ESQUERRA */
#bandaEsquerra{
	height: auto;
	margin-bottom:50px;
}

.titol_menu_lat {
	background: #ffffff none repeat scroll 0 0;
	margin-bottom: 1px;
	margin-top: 10px;
	padding: 4px 0px 14px;
	text-transform: uppercase;
	border-bottom: 2px solid #f5a91d;
}

.titol_menu_lat h3 {
    color: #004063;
    font-family: Lato-Bold;
    font-size: 18px;
    letter-spacing: 1px;
    margin: 0;
}

.menuLateral .n1{
    background: #ffffff none repeat scroll 0 0;
    font-size: 13px;
    margin-bottom: 1px;
    padding: 9px 0px 0;
	font-family:Lato-Regular;
	text-transform:uppercase;

}

.menuLateral .n1 a{
	text-decoration:none;
}

	.menuLateral .n1 a h2 {
		color: #5a666d;
		text-decoration: none;
		font-size: 14px;
		font-weight: normal;
		margin: 0px;
		padding: 0px;
		font-family: Lato-Regular;
		border-bottom: 1px solid #fad48e;
		padding-bottom:9px;
	}

	.menuLateral .n1 a:hover h2 {
		color: #004063;
		
	}

.menuLateral .sel{
	background:transparent;
	margin-bottom:1px;
}

	.menuLateral .sel a h2, .menuLateral .sel a:hover h2 {
		color: #004063;
		border-bottom: 1px solid #db2935;
	}

.menuLateral_n2
{	
	background: #FFF;
	font-size:11px;
}

.menuLateral_n2 a{
	text-decoration:none;
}

	.menuLateral_n2 a h3 {
		padding: 5px 5px 5px 20px;
		color: #5a666d;
		background: transparent;
		line-height: 20px;
		display: block;
		text-decoration: none;
		font-family: lato-regular;
		margin: 0px;
		font-weight: normal;
		font-size: 14px;
		font-family: lato-regular;
	}

	.menuLateral_n2 a:hover h3 {
		color: #003e60;
		/*background: none repeat scroll 0 0 #F2F2F2;*/
	}



.latSel_n2 a h3 {
	/*background: none repeat scroll 0 0 #F2F2F2;*/
	color: #003e60;
	font-family:Lato-Bold;
	line-height: 20px;
}

.finalMenuLat{
	background: #e73422;
	height: 1px;
}

/* CONTENIDO */
#contingut{
	width: 691px; /*width: 696px;*/
	float:left;
	margin-left: 10px; /*margin-left:5px;*/
}

#contingut_ample{
	float:left;
	width:660px;	
}

.fonsTitolBanner{
	background: url(../images/fonsTitol.gif) left top;
	width: 180px; /*200 px tamany original */
	height: 33px;
	line-height:33px;
	padding: 0px 10px;
}

.contingutBanner{
	border-right:1px solid #EDEDED;
	border-bottom:1px solid #EDEDED;
	border-left:1px solid #EDEDED;
	background: #F1F1F1;
	padding:8px;
}

.contingutBanner_online{
	border-right:1px solid #EDEDED;
	border-bottom:1px solid #EDEDED;
	border-left:1px solid #EDEDED;
	background: #F1F1F1;
}

.contingutBanner_online img{border:none;}

/* MAPA WEB */
ul.mwNivell1{
	margin:20px 0px 0px 0px;
	padding:0px;
	list-style: none;
	display:block;
}

ul.mwNivell1 li{
	margin: 3px 0px 8px 10px;	
}

ul.mwNivell2{
	display:block;
	list-style: none;
	margin-bottom: 10px;
}

ul.mwNivell2 li{
	margin:3px 0px;
	background: url(../images/menuLat/pictoMenuLatAct.gif) no-repeat left;
	padding-left:10px;
}

/* BANDA DERECHA */
#bandaDreta{
	float:right;
	width:200px;
	margin-left:20px;
}

.titol_menu_lat_dreta{
	background: url(../images/menuLat/fonsTitolMenuDreta.gif) no-repeat top;
	width:184px;
	height:33px;
	line-height:33px;
	padding:0px 8px;
}

.titol_basket_status{
	color: #68686b;
	line-height:21px;
	float:left;
}

.status_targetes{
	border-top: 1px solid #d4d4d4;
	padding-top:10px;
}

.total_preu_status{
	text-align:right;
	border:1px solid #c1c1c1;
	background:#FFF;
	padding: 3px 5px;
	float:right;
	display:block;
	width:60px;
	margin-right:9px;
}

.status_targetes img{
	float:left;
}

/* FICHA */
.fotoFitxa{
	/*float:left;*/
	margin-bottom:10px;
	/*margin-right:18px;*/
	/*width: 376px;*/
}

.imgFitxa{
	/*width:376px;
	height:406px;*/
	margin-bottom:10px;
}

#foto{
	min-width:100%;
}

.fotosDetall{
width: 100%;
}

.fotosDetall img{
	/*height: 130px;*/
    text-decoration: none;
    /*width: 120px;	*/
}

.acabadosFitxa{
	margin-top:20px;
	color:#6b7377;
	font-size:11px;
}





#llistatProductes .item {
	margin-bottom: 30px;
}


.descripLlistat {
	float: left;
	padding: 10px;
	/*width: 209px;
	height: 88px;*/
	color: #6b7377;
}

.titolLlistat h1, .titolLlistat h2 {
	border-bottom: 0;
	margin-bottom: 25px;
	margin-top: 6px;
	color: #004063;
	font-size: 20px;
	font-family: Lato-Bold;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	text-align: center;
}

.descripLlistat h2 {
	line-height: 16px;
	margin: 12px 0 6px;
	color: #5a666d;
	font-family: Lato-Regular;
	font-size: 14px;
	text-align: center;
	padding-bottom: 10px;
	border-bottom: 1px solid #e9eaeb;
	transition:all 0.4s;
}

#llistatProductes .item:hover .descripLlistat h2 {
	color: #004063;
	border-bottom: 1px solid #ed949a;
}

.descripLlistat h3 {
	color: #5a666d;
	font-size: 14px;
	font-family: Lato-Regular;
	margin: 0;
	line-height: 20px;
	letter-spacing: 0.1px;
	text-align: justify;
	transition: all 0.4s;
}

.acabadosFitxa p {
	margin: 0px;
	padding: 0px;
	font-family: Lato-Regular;
	font-size: 14px;
	color: #5a666d;
	letter-spacing: 0.5px;
	line-height: 22px;
}


.tituloAcabados {
	font-family: lato-bold;
	font-size: 14px;
	color: #80a0b1;
	letter-spacing: 0.5px;
}


.tabFitxa {
	margin-top: 36px;
	margin-bottom:50px;
}

	.tabFitxa .nav-tabs > li.active > a, .tabFitxa .nav-tabs > li.active > a:focus, .tabFitxa .nav-tabs > li.active > a:hover {
		color: #004063;
		border: 0;
		border-bottom: 2px solid #43697f;
	}

	.tabFitxa .nav > li > a:focus, .tabFitxa .nav > li > a:hover {
		background: transparent;
		border:0;
		border-bottom: 2px solid #43697f;
	}

.tabFitxa .nav-tabs > li > a {
	border: 0px solid transparent;
	margin-right:27px;
}

#llistatProductes .item:hover .descripLlistat h3 {
	color: #004063;
}

.itemLlistat{
	/*width:338px;*/
	width:100%;
	height:auto;
	/*padding:2px;*/
	background: #ffffff;
	float:none;
	margin:0px;
}

.itemLlistatSug{
/*	width:220px;
	height:105px;
	padding:2px;
	background: #F1F1F1;
	float:left;
	margin:0px 6px 6px 0px;	*/
}

.fotoLlistat {
	border-right: 0;
	float: none;
	margin-right: 0;
	position: relative;
}

#llistatProductes .item:nth-child(3n+1){
	clear:both;
}

.fotoLlistat img{
	border:none;
	transition:all 0.4s;
	opacity:1;
	filter:grayscale(0);
}

.fotoLlistat .botoFitxaDest {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity:0;
	transition:all 0.4s;
}

#llistatProductes .item:hover .fotoLlistat .botoFitxaDest{
	opacity:1;
}

#llistatProductes .item:hover .fotoLlistat > a > img {
	opacity: 0.7;
	filter: grayscale(0.7);
}

.shop_control_llistat {
	bottom: 0px;
	left: 0px;
}

.descripcioFitxa{
	/*float: right;*/
    /*margin-left: 10px;*/    
}

	.descripcioFitxa .titolLlistat h1, .titolLlistat h2 {
		text-align: left;
		border-bottom: 1px solid #8ea5b2;
		margin-top: 0;
		padding-bottom: 16px;
		margin-bottom: 20px;
	}

	.descripcioFitxa h2 {
		font-weight: normal;
		font-size: 14px;
		font-family: Lato-Regular;
		margin: 0px;
		padding: 0px;
		color: #5a666d;
		text-align: justify;
		letter-spacing: 0.5px;
		line-height:22px;
	}

	.descripcioFitxa .container-botons {
		display: flex;
		border-top: 1px solid #c6d2d8;
		border-bottom: 1px solid #8ea5b2;
		padding:22px 0;
		line-height:24px;
		margin-top:30px;
	}

		.descripcioFitxa .container-botons > div + div {
			padding-left: 30px;
			margin-left: 30px;
			border-left: 1px solid #c6d2d8;
		}

		.descripcioFitxa .container-botons .boto-fitxa {
			color: #43697f;
			font-family:Lato-Regular;
			font-size:12px;
			text-transform:uppercase;
			text-decoration:none !important;
			transition:all 0.4s;
		}

			.descripcioFitxa .container-botons .boto-fitxa i {
				font-size: 24px;
				color: #80a0b1;
				margin-right: 12px;
				position: relative;
				vertical-align: bottom;
				transition:all 0.4s;
			}

			.descripcioFitxa .container-botons .boto-fitxa:hover {
				color: #004063;
			}

				.descripcioFitxa .container-botons .boto-fitxa:hover i {
					color: #43697f;
				}

				.descripcioFitxa .btn.btn-primary{
					margin:34px 0;
					float:right;
				}

					.descripcioFitxa .btn.btn-primary i {
						font-size: 22px;
						margin-left: 20px;
						position: relative;
						vertical-align: middle;
						margin-top: -5px;
					}


.borderDaltShopControl{border-top:1px solid #EDEDED;}
.borderBaixShopControl{border-bottom:1px solid #EDEDED;}
.fonsDaltShopControl{background: #EDEDED;}

.suggeriments{
	clear:both;
	background: #3D84DC;
	color: #FFF;
	padding-left:7px;
	line-height:17px;
}

.pIgual {
	vertical-align: top;
}

.pIgual span p{
	margin:7px 0px;
}

/*ACABATS BOTIGA - SHOP CONTROL*/

/*ACABATS*/


.selectricWrapper.quantity-box {
	display: inline-block;
	margin-bottom: 0;
	margin-left: 9px;
	vertical-align: middle;
}

	.selectricWrapper.quantity-box .selectric {
		height: 24px;
	}

		.selectricWrapper.quantity-box .selectric .label {
			margin-right: 24px;
			padding-top: 0;
			padding-bottom: 0;
			text-align: center;
			line-height: 24px;
			min-width: 32px;
			color: #7F766A;
		}

		.selectricWrapper.quantity-box .selectric .button {
			background: #D7D2CC;
			top: 0;
			bottom: 0;
			height: auto;
			color: #8B989F;
		}

			.selectricWrapper.quantity-box .selectric .button:hover,
			.selectricWrapper.quantity-box .selectric .button:focus,
			.selectricWrapper.quantity-box.selectricHover .selectric .button,
			.selectricWrapper.quantity-box.selectricOpen .selectric .button {
				background: #CDC8C3;
				color: #3E3426;
			}

	.selectricWrapper.quantity-box.selectricOpen .selectric {
		background: #CDC8C3;
	}

		.selectricWrapper.quantity-box.selectricOpen .selectric .label {
			color: #3E3426;
		}

.fitxa .acabatsFitxa .preu {
	padding-right: 7px;
	font-size: 20px;
	margin-top: 15px;
	line-height: 34px;
	font-family: Lato-Bold, 'Lato', sans-serif;
	text-align: left;
	letter-spacing: 0.5px;
	float: left;
	color: #004063;
}

.fitxa .stockFitxa {
	color: #000000;
	line-height: 23px;
}




.fitxa .acabatsFitxa {
	margin-top: 0px;
}

	.fitxa .acabatsFitxa .preus-a-partir {
		color: #6E6851;
		font-size: 16px;
		font-family: LatoLight, 'Lato', sans-serif;
		text-align: justify;
		letter-spacing: 0.5px;
		line-height: 24px;
	}

	.fitxa .acabatsFitxa .titol1P, .fitxa .acabatsFitxa .titol2P {
		text-transform: uppercase;
		font-size: 14px;
		color: #004063;
		letter-spacing: 0.5px;
		font-family: Lato-Regular, 'Lato', sans-serif;
		margin-bottom: 14px;
	}

	.fitxa .acabatsFitxa .titol2P {
margin-top:24px;
	}

	.fitxa .acabatsFitxa .titol2P span {
		text-transform:none;
	}

.fitxa .input-sortida {
	width: 100%;
	border: 1px solid #dde4e8;
	background: #f4f6f7;
	line-height:35px;
	padding:0 10px;
}



	.fitxa .acabatsFitxa .boto-afegir-linia {
		display: block;
		margin-top: 15px;
		text-transform: uppercase;
	}

		.fitxa .acabatsFitxa .boto-afegir-linia .btn-primary {
			display: block;
		}

		.fitxa .acabatsFitxa .boto-afegir-linia .tooltip {
			text-transform: none;
		}


.container-color-fitxa {
	line-height: 0;
	cursor: pointer;
}

.container-talla-fitxa {
	cursor: pointer;
}

.fitxa #posicio-quantitat {
	float: right;
	margin-top: 21px;
}

.container-boto-submit .btn.btn-primary{
	float:none;
	display:block;
}

/****************************/
/********INICI MODALS********/
/***************************/

.modal-content {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

	.modal-content .modal-header {
		background: #F4F1EE;
	}

		.modal-content .modal-header .close {
			font-size: 26px;
			color: #7F766A;
			opacity: 1;
		}

			.modal-content .modal-header .close:hover {
				opacity: 0.6;
			}

	.modal-content .titol-modal {
		font-size: 14px;
		text-transform: uppercase;
		letter-spacing: 0.3px;
		min-height: 20px;
	}

	.modal-content .modal-body {
		font-size: 14px;
	}

/***************************/
/********FI MODALS*********/
/*************************/

/*CISTELLA MODAL*/
.total-cistella-modal {
	text-align: right;
	margin-top: 7px;
	padding-top: 7px;
	border-top: 1px solid #f4efee;
	font-size: 18px;
	font-family: Lato-Bold, Lato-Regular, 'Lato', sans-serif;
}

	.total-cistella-modal span {
		font-family: Lato-Light, Lato-Regular, 'Lato', sans-serif;
		font-size: 14px;
		/*color: #885047;*/
		margin-right: 45px;
		text-transform: uppercase;
	}

#cistellaModal .modal-body > .item-status + .item-status {
	margin-top: 7px;
	padding-top: 7px;
	border-top: 1px solid #f4efee;
}

#cistellaModal .modal-body {
	padding-bottom: 35px;
}

/*PASSOS COMPRA*/

.table-cistella, .table-cistella-peu, table.formulari, table.shopForm, .table-pas-2{
	font-size:15px;
}

table.shopForm {
	margin-bottom:24px;
}

.table-cistella-peu {
	margin-bottom:0;
}

.table-cistella > tbody > tr > td, .table-cistella-peu > tbody > tr > td{
	padding:15px;
}

.table-cistella-peu > tbody > tr.tr-line > td, .table-pas-2 tr.tr-line td {
	padding: 0;
	background: #7d98a9;
	border: 0;
}


/* SELECTTRIC */
.selectricWrapper {
	position: relative;
	margin: 0 0 10px;
	cursor: pointer;
	border: 0px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 0px;
	font-size: 12px;
	height: auto;
}

.selectBasketFooter .selectricWrapper {
	margin-bottom: 0;
}

.selectricDisabled {
	filter: alpha(opacity=50);
	opacity: 0.5;
	cursor: default;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.selectricOpen {
	z-index: 9999;
}

	.selectricOpen .selectricItems {
		display: block;
	}

.selectricHideSelect {
	position: relative;
	overflow: hidden;
	width: 0;
	height: 0;
}

	.selectricHideSelect select {
		position: absolute;
		left: -100%;
		display: none;
	}

.selectricInput {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 1px !important;
	height: 1px !important;
	outline: none !important;
	border: none !important;
	_font: 0/0 a;
	background: none !important;
}

.selectricTempShow {
	position: absolute !important;
	visibility: hidden !important;
	display: block !important;
}

.selectric {
	border: 1px solid #dde4e8;
	background: #f4f6f7;
	position: relative;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	/*height: 28px;*/
}

	.selectric .label {
		display: block;
		white-space: nowrap;
		overflow: hidden;
		margin: 0 23px 0 0;
		padding: 0px 10px;
		font-size: 12px;
		min-height: 22px;
		font-weight: normal;
		margin-right: 24px;
		text-align: left;
		line-height: 35px;
		min-width: 32px;
		color: #004063;
		font-family: lato-bold;
		text-transform: uppercase;
	}

	.selectric .button {
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		border-radius: 0px;
		display: block;
		position: absolute;
		right: 0;
		width: 24px;
		text-align: center;
		font: 0;
		line-height: 35px;
		background: #f4f6f7;
		top: 0;
		bottom: 0;
		height: auto;
		color: #004063;
	}

		.selectric .button i.fa {
			font-size: 20px;
			line-height: 35px;
		}

.selectricHover .selectric {
	background: #c3c7cd;
}

	.selectricHover .selectric .button {
		color: #26323e;
	}



	.selectricHover .selectric .button,
	.selectricOpen .selectric .button {
		background: #c3c7cd;
		color: #26323e;
	}

.selectricOpen .selectric {
	background: #c3c5cd;
	z-index: 9999;
}


	.selectricOpen .selectric .label {
		color: #26343e;
	}
/* Items box */

.selectricItems {
	display: none;
	position: absolute;
	overflow: auto;
	top: 100%;
	left: 0;
	background: #F9F9F9;
	border: 1px solid #CCC;
	z-index: 9998;
	-webkit-box-shadow: 0 0 10px -6px;
	-moz-box-shadow: 0 0 10px -6px;
	box-shadow: 0 0 10px -6px;
}

	.selectricItems ul,
	.selectricItems li {
		list-style: none;
		padding: 0;
		margin: 0;
		min-height: 13px;
		line-height: 20px;
		font-size: 12px;
		text-align: left;
		text-transform: uppercase;
	}

	.selectricItems li {
		padding: 5px 10px;
		cursor: pointer;
		display: block;
		border-bottom: 1px solid #EEE;
		color: #666;
		border-top: 1px solid #FFF;
	}

		.selectricItems li.selected {
			background: #EFEFEF;
			color: #444;
			border-top-color: #E0E0E0;
		}

		.selectricItems li:hover {
			background: #F0F0F0;
			color: #444;
		}

		.selectricItems li.disabled {
			background: #F5F5F5;
			color: #BBB;
			border-top-color: #FAFAFA;
			cursor: default;
		}

/**FI SELECTRIC**/

#navegador-passos {
	display: table;
	width: 100%;
	position: relative;
	margin: 15px 0 30px 0;
}

	#navegador-passos .row {
		display: table-row;
		margin: 0;
	}

		#navegador-passos .row > div {
			float: none;
			padding: 0;
			display: table-cell;
			text-align: center;
			position: relative;
		}

			#navegador-passos .row > div:before {
				top: 14px;
				bottom: 0;
				position: absolute;
				content: " ";
				height: 1px;
				background-color: #ccc;
				z-index: -1;
				left: 0;
				right: 50%;
			}

			#navegador-passos .row > div:after {
				top: 14px;
				bottom: 0;
				position: absolute;
				content: " ";
				height: 1px;
				background-color: #ccc;
				z-index: -1;
				left: 50%;
				right: 0;
			}

			#navegador-passos .row > div.active:before {
				background-color: #444444;
			}

			#navegador-passos .row > div.passed:before, #navegador-passos .row > div.passed:after {
				background-color: #444444;
			}

	#navegador-passos .btn-circle {
		width: 30px;
		height: 30px;
		text-align: center;
		padding: 6px 0;
		font-size: 12px;
		line-height: 1.428571429;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		border-radius: 15px;
		cursor: default;
		opacity: 1 !important;
		color: #004063;
		background: #E7ECEF;
		outline: none;
	}

	#navegador-passos .active .btn-circle, #navegador-passos .passed .btn-circle {
		outline: none;
		color: #fff;
		background: #004063;
	}

	#navegador-passos p {
		font-family: Lato-Light, Lato-Regular, 'Lato', sans-serif;
		font-size:15px;
	}

#pas1-compra, #pas2-compra {
	margin-bottom: 50px;
}

	#pas1-compra > div {
		padding: 0 40px;
	}

h2.pas1-titol {
	font-size: 20px;
	font-family: Lato-Light, Lato-Regular, 'Lato', sans-serif;
	margin-top: 0;
	margin-bottom: 15px;
}

/*.registreUsr .titolsFormularis {
    font-size: 25px;
    font-family: LatoLight, LatoRegular, 'Lato', sans-serif;
    margin-top: 0;
    margin-bottom: 15px;
}*/


#pas2-compra .titol, .registreUsr .titol, .zonaClient .titol, .titolRegistre {
	color: black;
	font-size: 18px;
	font-family: Lato-Bold, Lato-Regular, 'Lato', sans-serif;
	padding-bottom: 5px;
	border-bottom: 1px solid #edeff0;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.zonaClient .titol {
	font-size: 16px;
	font-family: Lato-Regular, 'Lato', sans-serif;
}

#pas2-compra #dades-usuari + #dades-client, #pas2-compra #dades-enviament + #observacions {
	margin-top: 30px;
}

#pas3-compra .dadesUsuari {
	margin-bottom: 30px;
}

#pas3-compra #observacions-resum {
	margin-top: 80px;
}

.form-group label {
	margin-bottom: 8px;
}



/* FORMULARIO */
.formulari input {
	font-size: 14px;
	border: 1px solid #dde4e8;
	font-family: Lato-Regular, Helvetica, sans-serif;
	/* line-height: 35px; */
	background: #f4f6f7;
	border-radius: 0;
	box-shadow: none;
	height: 35px;
}

	.formulari input.custom-control-input {
		height: 15px;
		margin-right: 8px;
	}

.formulari textarea {
	font-size: 14px;
	border: 1px solid #dde4e8;
	font-family: Arial, Helvetica, sans-serif;
	overflow: hidden;
	background: #f4f6f7;
	box-shadow: none;
}

.formUnits input{
	text-align: right;
	font-size:12px;
	color: #3D84DC;
}

.login input{
	width: 179px;
}

/*.shopForm textarea{
	width:608px;
}*/

/* CESTA */
.passos ul{
	list-style: none;
	margin:0px 5px 0px 0px;
	padding:0px;
	float:left;
}

.passos li{
	margin:0px 2px 0px 0px;
	float:left;
	line-height:18px;
	width:18px;
	text-align:center;
}

.passos li.des{
	background: url(../images/shop/pasDes.gif) no-repeat;
	color: #68686b;
}

.passos li.act{
	background: url(../images/shop/pasAct.gif) no-repeat;
	color: #FFF;
}


/*NAVEGADOR*/

/* IDIOMAS */

ul#gpi_idiomes {
    color: #101a26;
    font-size: 12px;
    margin-top: 10px;
	float:right;
}

ul#gpi_idiomes a.gpi_sel, ul#gpi_idiomes a:hover {
    color: #525252;
    text-decoration: none;
}

.gpi_align_right {
	float:right;
}

#containerIdiomes ul{
	margin:0px;
	padding:0px 0px 0px 10px;
	list-style: none;
    font-size: 9px;
	color:#003964;
}
	
#containerIdiomes li{
	float:left;
	/*line-height: 20px;*/
	margin: 0px 3px; /*6px*/
}

#containerIdiomes a{
	color: #466E8C;
}
	
#containerIdiomes li a.sel, #containerIdiomes li a:hover{
	color: #394049;
}
/*RESUMIDOR NOTICIES HOME*/

.resumidorNews {
	background: #eff1f2;
	border-top: 1px solid #80a0b1;
	padding-top:50px;
	margin-top:45px;
}

	.resumidorNews h3.titol {
		margin: 0;
		text-align: center;
		text-transform: uppercase;
		font-size: 24px;
		color: #004063;
		font-family:Lato-Bold;
		margin-bottom:38px;
	}

	.resumidorNews h2 {
		font-family: Lato-Bold;
		font-size: 18px;
		color: #004063;
		text-align:left;
		letter-spacing:0.5px;
		text-transform:uppercase;
		line-height:24px;
		margin-bottom:15px;
		margin-top:0;
	}

	.resumidorNews h3.resum {
		font-family: Lato-Regular;
		font-size: 14px;
		color: #5a666d;
		margin:0;
		line-height:20px;
		letter-spacing:0.1px;
		text-align:justify;
	}

	.resumidorNews .item:first-child {
		border-right: 1px solid #d5dadf;
	}

	.resumidorNews .btn.btn-primary {
		background: #b7bfc4;
		border: 0;
		border-radius: 0;
		font-family: Lato-Light;
		font-size: 16px;
		color: #52626b;
		text-transform:uppercase;
		text-decoration:none !important;
		transition:all 0.4s;
		margin-top:20px;
	}

		.resumidorNews .btn.btn-primary i {
			font-size: 14px;
			color: #ebedef;
			transition:all 0.4s;
		}

		.resumidorNews .btn.btn-primary:hover {
			background: #004063;
			color: #ffffff !important;
			text-decoration: none !important;
		}



			.resumidorNews .btn.btn-primary:hover i {
				color: #db2935;
			}
	.resumidorNews .allnews{
		text-align:center;
		margin:20px 0;
	}

	.resumidorNews .allnews i {
		font-size: 36px;
		color: #80a0b1;
		text-align: center;
		transition: all 0.4s;
	}

		.resumidorNews .allnews:hover i {
			color:#004063;
			
		}


.ResumidorNoticias{
	background: #f5a91d;
   padding:13px 15px;
   margin-bottom:1px;
   margin-top:10px;
   text-transform:uppercase;
 
}

.ResumidorNoticias h3{
	font-family:Lato-Bold;
	font-size:18px;
	color:#004063;
	letter-spacing: 1px;
	margin:0;
}

.ResumidorNoticias .allnews{
	float:right;
	border-left:1px solid #ffffff;
	padding-left:13px;
	margin-top:-17px;
}

.ResumidorNoticias .allnews a{
	font-family:Lato-Regular;
	font-size:12px;
	color:#ffffff;
	text-transform:uppercase;
	text-decoration:none;
	letter-spacing:1px;
	text-align:right;
	margin:0;
}

.ResumidorNoticias .allnews a:hover{
	color: #004063;
}

.imatgeNews{
	margin:0;
	padding:0;
	width:100%;
}

.noticiesPeu{
	background:#004063;
	padding:20px 10px 10px 10px;
	margin-bottom:1px;
}

.noticiesPeu h2{
	font-family:Lato-Regular;
	font-size:14px;
	color:#ffffff;
	text-transform:uppercase;
	letter-spacing:1px;
	margin-bottom:15px;
	margin-top:0;
}

.noticiesPeu h3{
	font-family:Lato-Light;
	font-size:14px;
	color:#c6c6c6;
	letter-spacing:0.5px;
	margin-top:0;
	margin-bottom:15px;
}

.noticiesPeu a{
	font-family:Lato-Light;
	font-size:12px;
	color:#90a5b1;
	text-transform:uppercase;
	text-decoration:none;
}

.noticiesPeu a:hover{
	color: #ffffff;
}

.noticiesPeu i{
	font-size: 20px;
    margin-right: 5px;
	position:absolute;
}

.marginInfo{
	margin-left:25px;
}

.marginInfoInterior{
	margin-left:40px;
}

/*FI RESUMIDOR NOTICIES HOME*/

/*PARALLAX*/
.parallaxShopOnline{
	padding:150px 0;
}

	.parallaxShopOnline .titol-parallax {
		font-family: Lato-Bold;
		font-size: 24px;
		color: #004063;
		text-transform:uppercase;
		letter-spacing:0.5px;
		margin-bottom:25px;
	}

	.parallaxShopOnline .descrip-parallax {
		font-family: Lato-Regular;
		font-size: 16px;
		color: #183848;
		letter-spacing: 0.15px;
		margin-bottom: 40px;
	}

	.parallaxShopOnline .btn.btn-primary {
		background: #235977;
		color:#ffffff;
		text-transform:uppercase;
		font-family:Lato-Regular;
		font-size:16px;
		letter-spacing:0.5px;
		font-weight:normal;
		border:0;
		border-radius:0;
		display:block;
		transition:all 0.4s;
	}

		.parallaxShopOnline .btn.btn-primary:hover {
			background: #004063;
		}

/*NOTICIES INTERIORS*/

.noticiesInterior{
	background:#eaeaeb;
	/*padding:20px 10px 10px 10px;*/
	margin-bottom:1px;
	
}

.noticiesInterior h2{
	font-family:Lato-Regular;
	font-size:14px;
	color:#004063;
	text-transform:uppercase;
	letter-spacing:1px;
	/*margin-bottom:15px;*/
	margin-top:10px;
	margin-right:15px;
	margin-left:15px;
}

.noticiesInterior h3{
	font-family:Lato-Light;
	font-size:14px;
	color:#000000;
	letter-spacing:0.5px;
	margin-top:0;
	margin-bottom:15px;
	margin-right:15px;
	margin-left:15px;
}

.noticiesInterior a{
	font-family:Lato-Light;
	font-size:12px;
	color:#90a5b1;
	text-transform:uppercase;
	text-decoration:none;
	
}

.noticiesInterior a:hover{
	color: #004063;
}

.noticiesInterior i{
	font-size: 20px;
    margin-right: 5px;
	margin-left:15px;
	position:absolute;
}

/*FI NOTICIES INTERIORS*/

/*FRANJA LOGOS*/
.franjaLogos{
	border-top:2px solid #ccd9e0;
	background-image: url('/FitxersWeb/11187/foto-peu-logos.jpg');
	height:auto;
	width:100%;
	/*margin-top:25px;*/
}

.logos{
	margin:10px 0;
}
/*FI FRANJA LOGOS*/

/**FOOTER**/
#wrap{

    height: auto;
    min-height: 100%;
    overflow: hidden;
    padding: 0 0 235px;

}

#footer {
    background-color: #004063;
    height: 235px;
    margin-top: -235px;
    position: relative;
    z-index: 200;
	border-top:2px solid #1d333f;
}

#footer .titol{
	font-family:Lato-Regular;
	font-size:16px;
	color:#eeeeee;
	text-transform:uppercase;
	letter-spacing:0.8px;
	margin-top:25px;
	margin-bottom:25px;
}

#footer .txtFooter{
	font-family:Lato-Light;
	font-size:14px;
	color:#ffffff;
	letter-spacing:0.8px;
}

#footer .txtFooter .llocalou{
	font-family:Lato-Regular;
	text-transform:uppercase;
	margin-top:25px;
}

#footer .txtFooter .telfPeu, #footer .txtFooter .telfPeu a{
	font-family:Lato-Bold;
	font-size:18px;
	color:#ffffff;
	letter-spacing:0.8px;
	margin-bottom:20px;
	text-decoration:none;
}

.marginBottom-20{
	margin-bottom:20px;
}

#footer .txtFooter .mailPeu{
	margin-top:20px;
}

#footer .txtFooter .mailPeu a{
	font-family: Lato-Light;
	font-size:14px;
	color:#96a9b5;
	letter-spacing:0.8px;
	margin-top:25px;
	text-decoration:none;
}

#footer .txtFooter .mailPeu a:hover{
	color:#f5a91d;
} 

.textAlignRight{
	text-align:right;
}



.peuBorderBottom{
	border-bottom: 1px solid #a7bac5;
}

/**FI FOOTER**/

/**CREDITS**/
.credits {
    border-top: 1px solid #40708a;
    color: #ffffff;
    line-height: 30px;
    margin-top: 20px;
	font-family:Lato-Regular;
	text-decoration:none;
	font-size:10px;
	text-transform:uppercase;
	
}

#avis_legal ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

#avis_legal li {
    float: left;
}

#avis_legal li a {
    color: #ffffff;
    font-family: Lato-Regular;
    font-size: 10px;
    padding: 0 5px;
    text-transform: uppercase;
	text-decoration:none;
}

#avis_legal li.sep {
    color: #838383;
    padding: 0 5px;
}

#peuLogo {
    margin-left: 10px;
}

/**FI CREDITS**/

/* COOKIES BANNER */
#cookies_banner{
    border-color: #FFFFFF !important;
    border-radius: 0 0 0 0 !important;
    -o-border-radius: 0 0 0 0 !important;
    -moz-border-radius: 0 0 0 0 !important;
    -webkit-border-radius: 0 0 0 0 !important;
    -ms-border-radius: 0 0 0 0 !important;
    border-width: 1px 0 !important;
    box-shadow: 0 0 10px #444444;
    -o-box-shadow: 0 0 10px #444444;
    -ms-box-shadow: 0 0 10px #444444;
    -webkit-box-shadow: 0 0 10px #444444;
    -moz-box-shadow: 0 0 10px #444444;
	background:#FFFFFF;
    display: none;
    float: none !important;
/*    left: 0; */
    margin: 0 auto !important;
/*    padding: 3px 0; */
    position: fixed !important;
    text-align: center;
    text-shadow: none;
   /* width: 100% !important; */
    z-index: 999;
right: 0px;
bottom:0px;
width: 320px;
height: auto;
padding: 7px;	
}

#cookies_accept{
	cursor:pointer;
	margin: 10px auto;
	float:none !important;
	background:#466e8c;
	border-radius:3px 3px 3px 3px;
	-moz-border-radius:3px 3px 3px 3px;
	-webkit-border-radius:3px 3px 3px 3px;
	-o-border-radius:3px 3px 3px 3px;
	-ms-border-radius:3px 3px 3px 3px;
	padding:0px 20px;
	line-height:20px;
	width:100px;
	text-align:center;
	color:[BOTON_TEXTO_DES];
	transition:all 0.2s ease 0s;
	-ms-transition:all 0.2s ease 0s;
	-o-transition:all 0.2s ease 0s;
	-moz-transition:all 0.2s ease 0s;
	-webkit-transition:all 0.2s ease 0s;

}

#cookies_accept span {
	color: white;
}

#cookies_accept:hover{
	background:[BOTON_FONDO_ACT];
	color:[BOTON_TEXTO_ACT];
}

#cookies_banner p{
	margin:0px;
	padding:0px;
}

#float_left {
	float: left;
}

.float_right{
	float:right;
}

/*****************************MIDES ESPECIALS***********************************/

@media (min-width:1920px){
    .banner-video {
        height: 970px;
    }
}


@media (min-width:1400px) and (max-width:1600px){
	.banner-video .alone {
        
        /*margin-top: -145px;*/
    }

	#containerLogo {

		top: 15px;

	}

	.banner-video {
		height: 800px;
	}
}

@media (min-width:1200px) and (max-width:1399px) {

	.banner-video .alone {
		/*margin-top: -100px;*/
	}

	#containerLogo {
		top: 6px;
	}

}

@media (max-width: 1200px) {

	.banner-video {
		height: 450px;
	}
	.banner-video .alone {
		/*margin-top: -77px;*/
	}

/*	#containerLogo {

		top: 50px;
	}*/
	
	#containerBaner .alone .data {
    bottom: 40px;
    right: 123px;
    
}

	#containerBaner, #containerBaner .alone, #containerBaner .alone .pic, #containerBaner .alone .pic img{
		height:150px;
	}


		

			#containerBaner.banner-101-anys .alone .pic img {
				display: none !important;
			}

		#containerBaner .banner-101 .alone .data img {
			margin-right: 30px;
			margin-top: 45px;
		}

		#containerBaner .banner-101 .alone .data .container-projectant-futur .titol-projectant {
			font-size: 36px;
		}

		#containerBaner .banner-101 .alone .data {
			font-size: 16px;
		}

			#containerBaner .banner-101 .alone .data span.anys {
				font-size: 25px;
			}

	.banner-101 {
		height: 540px;
	}

	#containerBaner.banner-101-anys, #containerBaner.banner-101-anys .alone, #containerBaner.banner-101-anys .alone .pic, #containerBaner.banner-101-anys .alone .pic img {
		height: inherit;
	}

	.gpi-navbar-nav > li > a {
		padding: 25px 7px;
	}

}

@media (max-width: 1024px) {

	.ResumidorNoticias h3 {
		font-size: 14px;
	}
	
	#containerLogo {
    top: 25px;
	}
	
	#containerBaner .alone .data{
		font-size:40px;
	}

}



@media (min-width: 768px) and (max-width: 991px) {

.bannerHome:nth-child(4), .bannerHome:nth-child(7), .bannerHome:nth-child(10){
	clear:none;
}
.bannerHome:nth-child(3), .bannerHome:nth-child(5), .bannerHome:nth-child(7), .bannerHome:nth-child(9), .bannerHome:nth-child(11){
	clear:both;
}

}

@media (max-width: 991px) {

	.banner-video {
		height: 430px;
	}

	#containerBaner .alone .data {
		bottom: 26px;
		font-size: 40px;
		right: 142px;
	}

	.gpi-navbar-nav > li > a {
		font-size: 13px;
		padding: 10px 7px;
	}

	.gpi-navbar-nav {
		justify-content: end;
		flex-wrap: wrap;
	}

	.cercador {
		/*    border-right: none;
    float: right;
    margin-top: 30px;
    padding-right: 0px;*/
	}


	#containerLogo {
		top: 23px;
	}

	.eslogan h1 {
		font-size: 15px;
	}

	.ResumidorNoticias .allnews {
		margin-top: -19px;
		padding-left: 6px;
	}

	#footer {
		height: auto;
		margin-top: -252px;
	}

	#wrap {
		padding: 0 0 252px;
	}

	.gpi-contingut table {
		table-layout: fixed;
	}

		.gpi-contingut table tr td {
			display: block;
			width: 100% !important;
			padding-bottom: 10px;
		}

		.gpi-contingut #pas3-compra table tr td {
			display: table-cell;
		}

			.gpi-contingut table tr td img {
				display: block;
				text-align: center !important;
				margin: 0px auto !important;
				max-width: 100%;
				width: auto;
				height: auto;
			}

		.gpi-contingut table.productes tr td {
			display: table-cell;
			width: 100% !important;
			padding-bottom: 10px;
		}

	.txtCentreXS {
		text-align: center;
	}

	ul.column_2 {
		width: auto;
	}





	#containerBaner .alone .data {
		bottom: 13px;
		right: 70px;
	}

	.resumidorNews .item:first-child {
		border-right: 0;
		border-bottom: 1px solid #d5dadf;
		margin-bottom: 20px;
		padding-bottom: 20px;
	}

	#llistatProductes .item:nth-child(3n+1) {
		clear: none;
	}

	#llistatProductes .item:nth-child(2n+1) {
		clear: both;
	}

	.descripcioFitxa {
		margin-top: 35px;
	}

	.tabFitxa {
		margin-top: 0;
	}

	.xarxesSocials{
		margin-bottom:35px;
	}
}




@media (max-width: 767px) {

	.banner-video {
		height: 300px;
	}

	#containerBaner .banner-101 .alone .data .container-projectant-futur .titol-projectant {
		font-size: 26px;
	}

	#containerBaner .banner-101 .alone .data {
		font-size: 14px;
		top:30px;
	}

		#containerBaner .banner-101 .alone .data span.anys {
			font-size: 18px;
		}

		#containerBaner .banner-101 .alone .data .container-projectant-futur {
			background-position: -975px center;
		}

		#containerBaner .banner-101 .alone:hover .data .container-projectant-futur {
			background-position: center center;
		}

		#containerBaner .banner-101 .alone .data .container-101-raons {
			background-position: -706px center;
		}

.gpi-navbar {
    background: #d8e0eb none repeat scroll 0 0;

}

	.gpi-navbar-nav {
		display: block;
	}

	.logo {
		max-height: 60px;
		float: left;
		margin-right:15px;
	}

#gpi_menu_superior {
    position: relative;
	/*margin-bottom:15px;*/
}

.navbar-brand {
    padding: 15px 0;
}

.navbar-toggle {
    background-color: #004063;
    margin-top: 50px;

}

.gpi-navbar-inverse .gpi-navbar-nav > li > a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #004063;
}

.gpi-navbar-nav > li > a {
    font-size: 13px;
    padding: 10px 22px;
}

.gpi-columna li a {
    color: #004063;
    display: block;
    font-size: 13px;
    padding: 0 0 0 31px;
    text-align: left;
}

.gpi-navbar-inverse .gpi-navbar-nav > li:hover ul.gpi-dropdown-menu {
    display: none;
}
.gpi-navbar-inverse .gpi-navbar-nav > li.open ul.gpi-dropdown-menu {
    display: block;
}

.breadcrumb{
	float:right;
}

.descripLlistat {
    margin-left: 15px;
}

.noticiesInterior i{
	margin-bottom:10px;
}

.gpi-campsFormulari {
    text-align: left;
}

	.logo100anys {
		/*margin-left: 15px;*/
		max-height: 50px;
		width: auto;
	}

	#headerSup {
		padding-top: 10px;
	}

	.fonsCercador {

		margin: 5px 5px 5px 5px;
		width: 100%;
	}

	#container-login-basket {
		justify-content: center;
		margin-top: 10px;
	}

	.item-basket > td[data-title]:before {
		content: attr(data-title) ": ";
		font-weight: bold;
		display: inline-block;
		padding-right: 5px;
	}

	.item-basket > td:nth-child(n+3) {
		border-top: 0;
		text-align: left !important;
		padding-top: 2px;
		padding-bottom: 2px;
	}

	.item-basket > td:first-child {
		width: auto !important;
		float: left;
		display: inline-block;
		margin-right: 5px;
		border-top: 0;
	}

	.item-basket > td:first-child img {
		width: 150px !important;
	}


}


@media (max-width: 500px) {
	.banner-video {
		height: 210px;
	}

		.banner-video .alone {
			/*margin-top: -83px;*/
		}

		.banner-video .data {
			padding-bottom: 100%;
		}
}



@media (max-width: 359px) {

	.banner-video {
		height: 150px;
	}

.franjaLogos table {
                table-layout:fixed;
}

.franjaLogos table tr td {
    display: block;
    width: 100% !important;
    padding-bottom: 30px;
}

.franjaLogos table tr td img {
    display: block;
    text-align: center !important;
    margin: 0px auto !important;
    max-width: 100%;
    width: auto;
    height: auto;
}

.gpi-columna li {
    line-height: 20px;
	margin-bottom:10px;
}

}