@font-face {
  font-family: 'Helvetica87-CondensedHeavy';
  src: url('fonts/Helvetica87-CondensedHeavy.eot?#iefix') format('embedded-opentype'),  url('fonts/Helvetica87-CondensedHeavy.woff') format('woff'), url('fonts/Helvetica87-CondensedHeavy.ttf')  format('truetype'), url('fonts/Helvetica87-CondensedHeavy.svg#Helvetica87-CondensedHeavy') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'HelveticaNeue-MediumCond';
  src: url('fonts/HelveticaNeue-MediumCond.eot?#iefix') format('embedded-opentype'),  url('fonts/HelveticaNeue-MediumCond.woff') format('woff'), url('fonts/HelveticaNeue-MediumCond.ttf')  format('truetype'), url('fonts/HelveticaNeue-MediumCond.svg#HelveticaNeue-MediumCond') format('svg');
  font-weight: normal;
  font-style: normal;
}

html,body{
	width:100%;
	min-height:100%;
	height:100%;

	background: url(../img/fons.jpg);
	background-position: center center;
	background-repeat: no-repeat; 
	background-size: cover;
	font-family: Arial, sans-serif;
	font-size: 14px;
}

.body-legal{
	background: white !important;
}

#page{
	width:960px;
	height:670px;
	position: absolute;
	top:50%;
	left:50%;
	margin-top: -335px;
	margin-left: -480px;
	display: block;
	background: url('../img/fons-content.png');
	background-size: cover;
}

header{
	width:960px;
	height:55px;
	position: relative;
}

.idioma-1{
	color: #666666;
	font-size: 11px;
	position: absolute;
	left: 215px;
	top:23px;
	font-style: italic;
	padding-top:10px;
}

.idioma-2{
	color: #666666;
	font-size: 11px;
	position: absolute;
	left: 310px;
	top:23px;
	font-style: italic;
	padding-top:10px;
}

.social{
	position: absolute;
	top:24px;
	right: 15px;
}

.social a{
	margin-left: 4px;
}

#menu{
	width:185px;
	text-align: center;
}

.logo{
	margin-top: 22px;
	margin-bottom: 56px;
}

#menu ul{
	padding-bottom: 17px;
}

#menu ul li{
	padding:17px 0;
	font-family: 'HelveticaNeue-MediumCond', Arial Narrow, sans-serif;
	letter-spacing: 0px;
	max-height: 14px;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

#menu ul li.active{
	background:rgba(192,221,244,0.3);
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	height: auto !important;
	max-height: 125px;
	font-family: 'HelveticaNeue-MediumCond', Arial Narrow, sans-serif;
	/*font-family: 'Helvetica87-CondensedHeavy','HelveticaNeue-MediumCond', Arial Narrow, sans-serif;*/
}

#menu ul li a{
	color: #565656;
	font-family: 'HelveticaNeue-MediumCond', Arial Narrow, sans-serif;
	-webkit-transition: color 1s ease;
	-o-transition: color 1s ease;
	transition: color 1s ease;
}

#menu ul li a:hover{
	font-family: 'HelveticaNeue-MediumCond', Arial Narrow, sans-serif;
	font-weight: bold;
}

#menu ul li a.active{
	font-family: 'HelveticaNeue-MediumCond', Arial Narrow, sans-serif;
	/*font-family: 'Helvetica87-CondensedHeavy','HelveticaNeue-MediumCond', Arial Narrow, sans-serif;*/
	color:#006eC6;
}

#menu ul li a.bold{
	font-family: 'HelveticaNeue-MediumCond', Arial Narrow, sans-serif;
	/*font-family: 'Helvetica87-CondensedHeavy','HelveticaNeue-MediumCond', Arial Narrow, sans-serif;*/
	font-weight: bold;
}

#menu ul li ul{
	margin-top:15px;
	padding-bottom:0px;
	display: none;
}

#menu ul li ul li{
	padding:0;
}

#menu ul li ul li:first-child{
	padding-bottom: 10px;
}

#menu ul li ul li:nth-child(3){
	padding-top:10px;
}

#menu ul li ul li a.active{
	font-family: 'HelveticaNeue-MediumCond', Arial Narrow, sans-serif;
	/*font-family: 'Helvetica87-CondensedHeavy','HelveticaNeue-MediumCond', Arial Narrow, sans-serif;*/
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	color:#006eC6;
}

/*#menu ul li ul{
	margin-top:15px;
	padding-bottom: 15px;
	list-style: none;
	display: none;
}

#menu ul li ul li{
	margin-bottom: 0;
	padding-top:0;
	padding-bottom: 0px;
	background: transparent;
}

#menu ul li ul li:first-child{
	margin-bottom: 11px;
}

#menu ul li ul li:last-child{
	margin-top: 11px;
}*/

.go-express.active{
	color:red !important;
}

#container{
	width:760px;
	height:575px;
	position:absolute;
	top:55px;
	left: 185px;
}

.breadcrumbs{
	padding-top: 22px;
	height: 23px;
	font-size: 12px;
	color: #666666;
}

.fletxa{
	margin-right: 8px;
}

.breadcrumbs-sub{
	color: #006ec6;
	font-weight: bolder;
}

.breadcrumbs-sub-red{
	color: red;
	font-weight: bolder;
}

.espai{
	height:45px;
	display: block;
	width: 100%;
}

.content{
	width:760px;
	height: 530px;
	box-sizing:border-box;
	border-radius: 12px;
	border:1px solid #999999;
	background: transparent;
	position: relative;
	text-align: justify;
}

.fons-content{
	width:760px;
	height: 530px;
	border-radius: 12px;
	box-sizing:border-box;
	border:1px solid #999999;
	/*background: rgba(255,255,255,0.7);*/
	background-image: url(../img/fons_content.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	text-align: justify;
	position: absolute;
	top:100px;
	right:15px;
	display: block;
}

.titol-un{
	margin: 0 29px;
	margin-top:38px;
	margin-bottom:10px;
	padding-bottom:1px;
	border-bottom: 1px solid #b1b1b1;
	color: #006ec6;
	font-family: 'Helvetica87-CondensedHeavy', sans-serif;
	font-weight: bolder;
	font-size: 14px;
}

.empreses{
	width:100%;
}

.titol-empresa-left{
	width:330px;
	margin:0 20px 0 29px;
	padding-top: 4px;
	color: #006ec6;
	font-family: 'Helvetica87-CondensedHeavy', sans-serif;
	font-weight: bolder;
	font-size: 14px;
	border-top: 1px solid #b1b1b1;
	text-align: center;
	float: left;
}

.titol-empresa-right{
	width:330px;
	margin:0 29px 0 20px;
	padding-top: 4px;
	color: #006ec6;
	font-family: 'Helvetica87-CondensedHeavy', sans-serif;
	font-weight: bolder;
	font-size: 14px;
	border-top: 1px solid #b1b1b1;
	text-align: center;float: left;
}

.nav-btn:hover{
	/*font-weight: bold !important;*/
}

.no-bold, .no-bold:hover{
	font-weight: normal !important;
}


.nav-next{
	float: right;
	z-index: 10000;
	cursor: pointer;
	margin-top: -2px;
}

.nav-prev{
	 float: right;
	 z-index: 10000;
	 cursor: pointer;
	 margin-top: -2px;
}

.content p{
	color:#666666;
	font-family: Arial, sans-serif;
	font-size: 11px;
	line-height: 12px;
	margin: 0 29px;
	width:calc( 100% - 58px );
}

.content p.top{
	margin-bottom:26px;
}

.content p.top2{
	margin-bottom:19px;
}

.content p.bottom{
	position: absolute;
	top:479px;
	left: 0;
}

.logos{
	margin:0 30px;
	padding-top: 14px;
	font-size: 11px;
	color: #666666;
	line-height: 20px;
}

.logos ul{
	list-style: none;
	display: table;
	width:700px;
	margin-bottom: 26px;
}

.logos ul li{
	display: table-cell;
	width:140px;
	text-align: center;
}

.boto-mes-1, .boto-mes-2, .boto-mes-3{
	font-size: 11px;
	color: #666666;
	line-height: 20px;
	display: block;
	margin-left: 29px;
}

.boto-mes-2, .boto-mes-3{
	margin-left: 0px;
	font-size: 10px;
	position: absolute;
	font-family: 'HelveticaNeue-MediumCond';
}

.boto-mes-2{
	top: 156px;
	left: 99px;
}

.boto-mes-3{
	top: 233px;
	left: 19px;
}

.boto-mes-foto-1, .boto-mes-foto-2{
	position: absolute;
}

.boto-mes-foto-1{
	top:106px;
	left:29px;
}

.boto-mes-foto-2{
	bottom:20px;
	right:29px;
}

.mes{
	margin: 0 5px;
	width:22px;
	height: 22px;
	text-align: center;
	line-height: 22px;
	display: inline-block;
	vertical-align: middle;
}

.mes-idioma{
	margin: -9px 5px 0 10px;
	width:22px;
	height: 22px;
	text-align: center;
	line-height: 24px;
	display: inline-block;
	vertical-align: middle;
}

.mes-idioma{
	margin: -9px 5px 0 10px;
	width:22px;
	height: 22px;
	text-align: center;
	line-height: 24px;
	display: inline-block;
	vertical-align: middle;
}

.foto-1, .foto-2{
	width: 760px;
	height: 530px;
	display: none;
	position: absolute;
	top:0;
	left: 0;
	background: rgba(0,110,198,0.8);
	border-radius: 12px;
	z-index: 1000;
	display: none;
}

.img-fabricas-4{
margin-top: -34px;
}

.tancar{
	position:absolute;
	top:41px;
	right:163px;
	cursor: pointer;
}

span.separador{
	width: 702px;
	margin: 0 29px;
	margin-bottom:1px;
	border-bottom: 1px solid #b1b1b1;
	display: block;
	position:absolute;
	top: 474px;
}

.donde{
	color:#FFF !important;
	position: absolute;
	top:38px;
	left: 0px;
	margin: 0 40px !important;
	width: calc( 100% - 90px ) !important;
}

p.express{
	top:33px !important;
}

.llamanos{
	margin: 0 !important;
	color:#FFF !important;
	font-size: 18px !important;
	font-weight: bolder !important;
	position: absolute;
	bottom:24px;
	left: 40px;
}

footer{
	width:100%;
	height:95px;
	position: absolute;
	bottom:0px;
	left:0;
	text-align: center;
}

footer a{
	color: #666666;
	position: absolute;
	bottom:20px;
	font-size: 11px;
	line-height: 12px;
}

a.avis-legal{
	left: 56px;
}

span.copy{
	color: #666666;
	position: absolute;
	bottom:20px;
	font-size: 11px;
	line-height: 12px;
	left: 320px;
}

a.sans{
	right:16px;
}

.page-legal{
	width:960px;
	margin:0 auto;
	font-size: 12px;
}
.page-legal h1, .page-legal h2, .page-legal h3{
	color:#006eC6;
}
.page-legal h1{
	margin-bottom: 34px;
}
.page-legal h1, .page-legal h2{
	font-weight: bold;
}
.page-legal h2{
	margin-bottom: 20px;
}
.page-legal h3{
	font-style: italic;
}
.text{
	padding:20px 30px;
}
.text p{
	margin-bottom: 34px;
}

.legal{
	width:100%;
	height: auto;
}

.col-l, .col-r{
	width:331px;
	float: left;
}
.col-l{
	padding:0 20px 0 28px;
}
.col-r{
	padding:0 28px 0 20px;
}

.titol-contact{
	margin: 0px;
	margin-top:34px;
	margin-bottom:10px;
	padding-bottom:1px;
	border-bottom: 1px solid #b1b1b1;
	color: #006ec6;
	font-family: 'Helvetica87-CondensedHeavy', sans-serif;
	font-weight: bolder;
	font-size: 14px;
}

span.separador-contacto-1{
	width: 100%;
	margin: 12px 0 8px 0;
	border-bottom: 1px solid #b1b1b1;
	display: block;
	position:relative;
}
span.separador-contacto-2{
	width: 100%;
	margin: 6px 0 9px 0;
	border-bottom: 1px solid #b1b1b1;
	display: block;
	position:relative;
}

.col-l p, .col-r p{
	color:#666666;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	margin: 0;
	width:calc( 100% - 58px );
}

.col-l a, .col-r a{
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}