@charset "utf-8";

@font-face {
    font-family:Yanone Kaffeesatz;
    src: url('../fonts/YanoneKaffeesatz-Regular.eot');
    src: url('../fonts/YanoneKaffeesatz-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Yanonekaffeesatz-Regular.woff') format('woff'),
         url('../fonts/YanoneKaffeesatz-Regular.ttf') format('truetype'),
         url('../fonts/YanoneKaffeesatz-Regular.svg#Yanone Kaffeesatz') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

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

}

*, *:after, *:before {
	border:0;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding:0;
	margin:0;
}


html{
	 overflow-x: hidden;
	 overflow:hidden;
}

header, main {  padding-left: 300px;}

img{
	width:100%;
	height:auto;
}

footer { 
	position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: yellow;
    text-align: center;
    width: 50%;
    margin: auto;
    line-height: 2rem;; 
}
footer a{
	color: #1d1b27 !important;
}

#main{
	width: 100vw;
    padding-top: 82px;
}

.MMM{
	height: 4rem;
    margin-top: .5rem;
    line-height: 2rem;
    padding-top: 1rem;
    font-size: 1.2rem;
    letter-spacing: 1px;
    cursor: pointer;
	color: white;
}
.MMM:hover{
	background-color: rgba(0,0,0,0.05);
}
	.MMM::before{
	  font-family: 'icomoon' !important;
	  font-size: 1.5rem;
	  font-weight: normal;
	  line-height: 2rem;
	  width: 2rem;
	  height: 2rem;
	  display: inline-block;
	  color: white;
	  border-radius: 50%;
	  border: white solid 1px;
	  margin-right: .5rem;
	  margin-left: .8rem;
	  text-align: center;
	}
		.MMM[data-rel="identificacio"]::before{
			content:"\e8d3";
		}
		.MMM[data-rel="recordar"]::before{
			content:"\e06a";
		}
		.MMM[data-rel="index"]::before{
			content:"\e88a";
		}
		.MMM[data-rel="clients"]::before{
			content:"\e03f";
		}
		
		.MMM[data-rel="proveidors"]::before{
			content:"\e416";
		}
		
		.MMM[data-rel="twitter"]::before{
			content:"\ea96";
		}
		
		.MMM[data-rel="categoria"]::before{
			content:"\e413";
		}
		.MMM[data-rel="facCli"]::before{
			content:"\e861";
		}
		.MMM[data-rel="facProv"]::before{
			content:"\e860";
		}
		.MMM[data-rel="impostos"]::before{
			content:"\e85d";
		}
		.MMM[data-rel="any"]::before{
			content:"\e8df";
		}
		.MMM[data-rel="lots"]::before{
			content:"\e919";
		}
		
		
		.MMM[data-es="este"]::after{
			content:url(../images/punta.png);
			float: right;
		}
/*===FI de NOUS PLANTILLA=====================================*/



.actiu_si{
	font-family: 'icomoon' !important;
	font-size: 3rem;
    font-weight: normal;
	color:rgba(42,207,107,1.00);
	cursor:pointer;
	}
.actiu_no{
	font-family: 'icomoon' !important;
	font-size: 3rem;
    font-weight: normal;
	color:rgba(227,29,41,1.00);
	cursor:pointer;
}

.ample>li{
	width:100% !important;
}
.content{
	position:relative;
}

.flex_curt{
	overflow: hidden;
    display: flex;
    width: 100%;
    flex-flow: row wrap;
    justify-content: space-around;
}

.h1{
	text-align:center;
	margin:1rem;
}


.icon_td, .ico_edit{
	font-family: 'icomoon' !important;
	font-size: 3rem;
    font-weight: normal;
	color: rgb(41, 58, 74);
	cursor:pointer;
	}

.icona {
	font-family: 'icomoon' !important;
	font-size: 3rem;
    font-weight: normal;
	color: chocolate;
}
  .icona_surt{
	  display: inline-block;
	  color: #cec7c2;
	   transform: rotate(180deg); 
	  -ms-transform: rotate(180deg);
	  -webkit-transform: rotate(180deg);
	  height: 3rem;
	  width: 3rem;
  }
.icona_menos, .icona_jota {
    font-family: 'icomoon' !important;
    font-size: 1.5rem;
    font-weight:bold;
	cursor:pointer;
	float:right;
}
.logo{
	position:relative;
}

.logo_text{
	width: 11.69rem;
    display: inline-block;
    padding-top: .2rem;
    padding-left: 1rem;
    
}

.neutro{
	color:rgba(248,245,245,0.74);
}

.peana_container {
    background: #fff;
    border: 1px solid #ccc;
    text-align: left;
    margin-left: 2rem;
    margin-right: 1rem;
	margin-bottom: 3rem;
    border-radius: 10px 5px 0px 0px;
    -moz-border-radius: 10px 5px 0px 0px;
    -webkit-border-radius: 10px 5px 0px 0px;
    -webkit-box-shadow: -5px 6px 5px 0px rgba(204,204,204,1);
    -moz-box-shadow: -5px 6px 5px 0px rgba(204,204,204,1);
    box-shadow: -5px 6px 5px 0px rgba(204,204,204,1);
}
	.expuesto{
	  position: absolute;
	  width: 97%;
	  z-index: 500;
	  top: 53px;
}
	
  .peana_container h1 {
	  background-color: #416b9b;
	  color: rgba(255,255,255,1.00);
	  font-family: "Yanone Kaffeesatz";
	  line-height: 3.5rem;
	  padding: 0 0.5rem 0 1rem;
	  letter-spacing: 2px;
	  -moz-border-radius: 10px 5px 0px 0px;
	  -webkit-border-radius: 10px 5px 0px 0px;
	  border-radius: 10px 5px 0px 0px;
	  margin: 0 !important;
	  font-size: 1.5rem;
  }

.peana_content {
	height: 15rem;
	overflow-y: scroll;
	padding: 1rem 2rem;
}
.point{
	cursor:pointer;
}
.pressp{
	margin: 1rem 0;
    font-size: 1.2rem;
}
	.pressp>span{
		background-color: #bfbfd2;
		padding: 0.2rem;
		font-weight: bold;
		letter-spacing: 1px;
	}
.sf-menu{
	display: inline-block;
    width: 175px;
	list-style: none;
		
}
.sf-menu li{
	padding-left: 0.5rem;
	border-bottom: rgba(255, 255, 255, 0.4) solid 1px;
}
.sf-menu li:hover{
	background-color: #416b9b;
}
.sidebar{
	position: fixed;
    bottom: 60px;
    display: inline-block;
    overflow: hidden;
}

.site_content{
    /*margin-left: 180px;*/
}

.sortir{
	position: absolute;
    top: 0;
    right: 0;
    margin-top: 1rem;
    margin-right: 1rem;
	width: 15rem;
    z-index: 20;
}

.tanca{
    position: absolute;
    top: 0;
    right: 10px;
    cursor: pointer;
	display: flex;
}

.teula{
	font-family: 'icomoon' !important;
	font-size: 1.2rem !important;
    text-align: center;
    cursor: pointer;
}

.taulo::before{
	font-family: 'icomoon' !important;
	font-size: 1.2rem;
    margin-right: 0.5rem;
}

	.taulo[data-rel="avis"]::before{
		content:"\e002";
	}
	.taulo[data-rel="inenti"]::before{
		content:"\e90d";
	}
	.taulo[data-rel="tancat"]::before{
		content:"\e879";
	}
	.taulo[data-rel="llistat"]::before{
		content:"\e896";
	}
	.taulo[data-rel="visible"]::before{
		content:"\e8f4/\e8f5";
	}
	.taulo[data-rel="nou"]::before{
		content:"\e03c";
	}
	.taulo[data-rel="edi"]::before{
		content:"\e254";
	}
	.taulo[data-rel="table"]::before{
		content:"\e0b8";
	}
	.taulo[data-rel="info"]::before{
		content:"\e88f";
	}
	.taulo[data-rel="timestreA"]::before{
		content:"\e400";
	}
	.taulo[data-rel="timestreB"]::before{
		content:"\e401";
	}
	.taulo[data-rel="timestreC"]::before{
		content:"\e3fb";
	}
	.taulo[data-rel="timestreD"]::before{
		content:"\e3fd";
	}
	.taulo[data-rel="timestreE"]::before{
		content:"\e167";
	}
	.taulo[data-rel="A130"]::before{
		content:"\e873";
	}
	.taulo[data-rel="reg"]::before{
		content:"\e242";
	}







/*==========================================================================

table, table td, table tr {
	padding:0px;
	border-spacing: 0px;
}

table {
	border:1px black solid;
	border-radius:5px;
	min-width:400px;
	font-family: Helvetica,Arial;
}

table td {
	padding:6px;
}

table tr:first-child td:first-child {
	border-radius:5px 0px 0px 0px;
}

table tr:first-child td:last-child {
	border-radius:0px 5px 0px 0px;
}

table tr:last-child td:first-child {
	border-radius:0px 0px 0px 5px;
}

table tr:last-child td:last-child {
	border-radius:0px 0px 5px 0px;
}

table td:not(:last-child) {
	border-right:1px #666 solid;
}


table tr:nth-child(2n) {
	background: #87CEEB;
}

table tr:nth-child(2n+1){
	background: #ADD8E6;
}

table.header tr:not(:first-child):hover, table:not(.header) tr:hover {
	background:#E0FFFF;
}

table:not(.header) tr {
	text-align: left;
}

table.header tr:first-child {
	font-weight: bold;
	color:#fff;
	background-color: #444;
	border-bottom:1px #000 solid;
}

table.header tr:nth-child(n+2) {
	text-align: right;
}


.descrip{
    width:40%;
    /*height:200px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
}


..........................................................................*/

/*====== Icones Formulari*/

.ico_form::before{
	position: absolute;
    top: 23px;
    color: #a09999;
    font-family: 'icomoon' !important;
    font-size: 1.3rem;
    
	}
	.nom::before{
		content: "\e7fd";
	}
	.telefon::before{
		content: "\e0cd";
	}
	.email::before{
		content: "\e0e1";
	}
	.empresa::before{
		content: "\e7ee";
	}
	.assumpte::before{
		content: "\e262";
	}
	.ciutat::before{
		content: "\e55c";
	}
	.comentari::before{
		content: "\e8d2";
	}
	.comentariCurt::before{
		content: "\e25d";
	}
	.captxa::before{
		content: "\e32a";
	}
	.quantitat::before{
		content: "\e3cd";
	}
	.foto::before{
		content: "\e439";
	}
	.title::before{
		content: "\e264";
	}
	.rojo::before{
		color:rgba(239,10,14,1.00);
	}
	.verde::before{
		color:#13E846;
	}
	.petit{
		width:30%;
		cursor:pointer;
	}

/*========= Fi Icones==============*/
















/*================================================================================*/
.a320{
	width:20rem;
}

.absolut_0{
}

.absolut_100{
	position:absolute;
	width:100%;
}
.boto_pre{
	color: #e0e0e0;
    cursor: pointer;
    line-height: 6rem!important;
    background-color: #f2955b;
    padding: 1rem 0.5rem;
}

.boto_tras{
	float: left;
    cursor: pointer;
}

.box_sub{
	position: relative;
    min-height: 1px;
    padding-left: 1rem;
    padding-right: 1rem;
	vertical-align: baseline;
	width: 25%;
}
	.box-flipbox-container {
		height: 340px;
		min-height: 315px;
		z-index: 0;
		-webkit-perspective: 2000px;
		-moz-perspective: 2000px;
		-ms-perspective: 2000px;
		perspective: 2000px;
		ms-perspective: 2000px;
		-moz-transform-style: preserve-3d;
		-ms-transform-style: preserve-3d;
		width: 100%;
		text-align: center;
		position: relative;
	}
	.box-flipbox-flipper {
		-webkit-transition: all .5s cubic-bezier(0.645,.045,.355,1);
		-moz-transition: all .5s cubic-bezier(0.645,.045,.355,1);
		-ms-transition: all .5s cubic-bezier(0.645,.045,.355,1);
		-o-transition: all .5s cubic-bezier(0.645,.045,.355,1);
		transition: all .5s cubic-bezier(0.645,.045,.355,1);
		-webkit-perspective: 2000px;
		-moz-perspective: 2000px;
		-ms-perspective: 2000px;
		perspective: 2000px;
		ms-perspective: 2000px;
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		-ms-transform-style: preserve-3d;
		transform-style: preserve-3d;
		height: 100%;
		position: relative;
	}
	.box-flipbox-front {
		-webkit-transform: rotateY(0deg);
		-moz-transform: rotateY(0deg);
		-o-transform: rotateY(0deg);
		-ms-transform: rotateY(0deg);
		transform: rotateY(0deg);
		ms-transform: rotateY(0deg);
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		-o-backface-visibility: hidden;
		backface-visibility: hidden;
		ms-backface-visibility: hidden;
		-webkit-transition: all .5s cubic-bezier(0.645,.045,.355,1);
		-moz-transition: all .5s cubic-bezier(0.645,.045,.355,1);
		-ms-transition: all .5s cubic-bezier(0.645,.045,.355,1);
		-o-transition: all .5s cubic-bezier(0.645,.045,.355,1);
		transition: all .5s cubic-bezier(0.645,.045,.355,1);
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		-o-transform-style: preserve-3d;
		-ms-transform-style: preserve-3d;
		transform-style: preserve-3d;
		position: absolute;
		background-color: #f4f4f4;
		left: 0;
		top: 0;
		height: 100%;
		min-height: 100%;
		width: 100%;
		display: block;
		table-layout: fixed;
	}
		.box-flipbox-front:before {
			content: '';
			display: inline-block;
			height: 100%;
			vertical-align: middle;
			margin-right: -.25em;
		}
	.box-flipbox-content {
		width: 253px;
		display: inline-block;
		vertical-align: middle;
	}
		.box-flipbox-content .front-icon {
			padding: 20px;
			max-width: 100%;
			z-index:25;
		}


.categ_des > img{
	width: 50%;
    float: left;
    border-radius: 50%;
    margin-right: 1rem;
	-webkit-animation: mk_left_to_right .6s 1 cubic-bezier(0.77,0,.175,1);
    -moz-animation: mk_left_to_right .6s 1 cubic-bezier(0.77,0,.175,1);
    -o-animation: mk_left_to_right .6s 1 cubic-bezier(0.77,0,.175,1);
    animation: mk_left_to_right .6s 1 cubic-bezier(0.77,0,.175,1);
    opacity: 1;
}

.categ_des > img::after{
	content:" ";
	clear:both;
}

.conten_foto{
	width:17.625rem;
	height:17.625rem;
	padding:1rem;
	overflow:hidden;
	background: #f9f9f9 url(../images/bg.jpg);
    box-shadow: 0 0 0 20px rgba(255,255,255,0.2), inset 0 0 3px rgba(115,114, 23, 0.8);
}

.main {
    background-image: url(../images/mainbg.png);
    background-position: center center;
    background-repeat: repeat;
	position: relative;
    /*top: 210px;*/
}
.marge_baix{
	margin-bottom: 2rem;
}


.logo_peu{
	display: inline-block;
    max-width: 400px;
	margin-top: auto;
    margin-bottom: auto;
}
.cabeza{
    position: relative;
    width: 100%;
    height: 210px;
    z-index: 100;
    background-image: url(../images/cab.png);
	border-top: #000000;
    border-top-style: solid;
    border-width: 7px;
}

ul.check {
    list-style: none;
	font-size: 1.1rem;
    letter-spacing: 2px;
}
ul.check li:before {
    content: "\e877";
}
ul.check li:before {
    position: relative;
    top: 0;
    display: inline-block;
    width: 1.3rem;
    height: 1.3rem;
    border: 1px solid #000;
    margin-right: 1rem;
    color: #000;
    font-family: 'icomoon' !important;
    font-size: 1.3rem;
    line-height: 1.3rem;
    font-weight: 400;
    text-align: center;
}


.desfile_a{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1rem;
	letter-spacing: 2px;
    line-height: 1.42857143;
	padding-left:0.5rem;
}



.flex_llarc{
	overflow: hidden;
    display: flex;
    width: 100vw;
    flex-flow: row wrap;
    justify-content: space-around;
}
	.flex_llarc-item {
		position: relative;
		min-height: 1px;
		padding-left: 1rem;
		padding-right: 1rem;
		margin-bottom: 1.25rem;
		width:14rem;
	}
	.flex_llarc-item_llarc {
		position: relative;
		min-height: 1px;
		padding-left: 1rem;
		padding-right: 1rem;
		width:80%;
		/*width:33%;*/
	}

.fto{
	width:90%;
	max-width: 590px;
	margin: 0 auto;
}

.h2{
	font-family: "Yanone Kaffeesatz";
    font-size: 1.8rem;
    font-weight: bold;
    letter-spacing: 9px;
    line-height: 2.5rem;
    text-align: center;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.h3{
	font-family: "Yanone Kaffeesatz";
    font-size: 1.4rem;
    font-weight: bold;
    letter-spacing: 9px;
    line-height: 2.5rem;
    text-align:left;
    margin-top: 1rem;
    margin-bottom: 1rem;
	padding-left:1rem;
}

.icon-box-boxed {
    position: relative;
	margin-top: 2.19rem;
    padding: 4.36rem 1.9rem 1.9rem;
    border: 1px solid #e0e0e0;
    background-color: #f4f4f4;
    text-align: center;
    -webkit-border-radius: 0.19rem;
    -moz-border-radius: 0.19rem;
    border-radius: 0.19rem;
}
	.icon-box-boxed>i {
		position: absolute;
		background-color: #f2955b;
		display: block;
		top: -2.13rem;
		left: 50%;
		margin-left: -2rem;
		width: 4.06rem;
		height: 4.06rem;
		font-family: 'icomoon' !important;
		font-weight: 400;
		font-style: normal;
		color: #fff;
		text-align: center;
		font-size: 2rem;
		line-height: 4.06rem;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		-webkit-transition: all .15s ease-in-out;
		-moz-transition: all .15s ease-in-out;
		-ms-transition: all .15s ease-in-out;
		-o-transition: all .15s ease-in-out;
		transition: all .15s ease-in-out;
		-webkit-perspective: 1000;
		z-index: 9;
	}
	.icon-box-boxed>h4 {
		margin-bottom: 1.25rem;
		font-family: news_cycleregular;
		font-size: 1.9rem;
		line-height: 1.9rem;
		color: #000;
		font-weight: 500;
		letter-spacing: 3px;
	}
	.icon-box-boxed>p {
		font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 1rem;
		letter-spacing: 2px;
		line-height: 1.42857143;;
	}



.icona_peu {
    font-family: 'icomoon' !important;
    font-size: 2rem;
    font-weight: normal;
    margin-right: 0.5rem;
    color: #f2955b;
}
.colapsat{
	overflow:hidden;
}



.lifted{
	padding:0.5rem;
}

.mk-animate {
    -webkit-animation: mk_scale .7s 1 cubic-bezier(0.445,.05,.55,.95);
    -moz-animation: mk_scale .7s 1 cubic-bezier(0.445,.05,.55,.95);
    -o-animation: mk_scale .7s 1 cubic-bezier(0.445,.05,.55,.95);
    animation: mk_scale .7s 1 cubic-bezier(0.445,.05,.55,.95);
    opacity: 1;
}

.peu{
	display: inline-block;
    text-align: left;
	padding-top:1rem;
	margin-bottom: 2rem;
}
	.peu ul{
		display: inline-block;
		list-style:none;
	}
	.peu li>strong{
		font-size:1.2rem;
		font-style:normal;
	}
	.peu a{
		text-decoration: none;
		color: inherit;
	}
		.peu a:hover{
			color:rgba(236,221,221,1.00);
		}
/* porfolio==============*/
.portfolio-classic-holder {
    margin: 0 0.63rem 1.25rem;
    background-color: #fff;
    border: 1px solid #efefef;
    overflow: hidden;
}
	.portfolio_featured-image {
		  position: relative;
		  overflow: hidden;
		  line-height: 4px;
	  }
	  .portfolio_featured-image:hover .portfolio_image-hover-overlay {
		  opacity: .6;
	  }
	  
		 .portfolio_featured-image img {
			  position: relative;
			  z-index: 10;
		  }
	.portfolio_image-hover-overlay {
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		background-color:rgb(242, 149, 91);
		filter: alpha(opacity=@opacity * 100);
		-moz-opacity: 0;
		-khtml-opacity: 0;
		opacity: 0;
		webkit-transition: opacity .35s ease-in-out;
		-moz-transition: opacity .35s ease-in-out;
		-ms-transition: opacity .35s ease-in-out;
		-o-transition: opacity .35s ease-in-out;
		transition: opacity .35s ease-in-out;
		z-index: 11;
	}
	.portfolio_nace{
		position: relative;
		top: 50%;
		left: 3rem;
		background-color: green;
		padding: 1rem;
		border-radius: 50%;
		cursor: pointer;
		color: #060c5a;
	}
	.portfolio-meta-wrapper {
		padding: 1.25rem;
	}
		.portfolio-meta-wrapper .the-title {
			display: inline;
			line-height: 1.5rem!important;
			letter-spacing: 2px;
			cursor: pointer;
		}
/*=====================================================================*/
.principal{
	display:inline-block;
	width:100%;
	animation-name:inicio;
	animation-duration:5s;
	animation-iteration-count:1;
	
	-webkit-animation-name:inicio;
	-webkit-animation-duration:5s;
	-webkit-animation-iteration-count:1;
}
.p_relatv{
	position:relative;
}

.relatv_30{
	position:relative;
	margin-bottom: 1.9rem;
	vertical-align: baseline;
    font-size: 100%;
}

.tapar{
	position: fixed;
    width: auto;
    display: block;
    height: auto;
    background-color: rgba(242, 149, 91, 0.74);
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    z-index: 800;
    overflow-y: scroll;
    overflow: auto;

}
	.tapar_damunt{
		position: absolute;
/*		width: 100px;
		height: 100px;
*/		margin: auto;
		z-index: 850;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		background-color: white;
	}
.tapar_lax{
	position: absolute;
    top: 0;
    right: 0;
    margin: 1rem;
    color: #000000;
    font-family: 'icomoon' !important;
    font-size: 2rem;
    font-weight: bold;
    background-color: rgba(242, 149, 91, 1);
    padding: .5rem;
    border-radius: 50%;
    cursor: pointer;
    z-index: 900;
}

.titulo{
	display:none;
}

.top-side {
    text-align: center;
	margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    font-size: 100%;
}
	.top-side i{
		display: block;
		font-size: 64px;
		line-height: 64px;
		margin-bottom: 12px;
		color: #f2955b;
		font-style: normal;
	}
	.top-side h4{
		margin: 0 0 .8em;
		line-height: 1.3em;
		-ms-word-wrap: break-word;
		word-wrap: break-word;
	}
	.top-side p{
		font-size: 1.1rem;
		letter-spacing: 1px;
	}

/*=====================
	Elements Inici
========================*/
.servi{
	/*position:absolute;*/
	min-height: 1px;
    padding: 1rem;
    /*width: 33.33333%;*/
	width:90%;
	max-width:365.65px;
    margin-left: auto;
    margin-right: auto;
    border: white;
    border-style: dotted;
    border-width: thick;
}
.icon-box-2 {
    position: relative;
    margin-bottom: 3rem;
    text-align: center;
}
	.icon-box-2 > i {
		display: inline-block;
		margin-bottom: 1.25rem;
		color: #fff;
		font-size: 4rem;
		font-style:normal;
		-webkit-transition: color 0.3s;
		transition: color 0.3s;
	}
	.icon-box-2 h4 {
		margin-bottom: 1.25rem;
		font-family:news_cycleregular;
		font-size: 1.9rem;
		line-height: 1.9rem;
		color: #000;
		font-weight: 500;
		letter-spacing: 3px;
	}
	.icon-box-2 p {
		font-size: 1.3rem;
		color: #0b1653;
		letter-spacing: 2px;
	}
.icon-box-content {
}
/*=====================
	Elements Navegacio
========================*/

button:active {
	border: none; 
	border-width: 0;
	outline: none;
}

.boton, .boton-mv{
	position: fixed;
	width: 3rem;
	cursor:pointer;
	text-decoration: none;
	text-align: center;
	z-index: 11;
	right: 0px;
}

.boton-mv{
	background-color:transparent;
	left: 65%;
	top: 3.5rem;
	width: 5rem;
}


.menu-mov{
	display:inline-block;
}

.menu-btn::before{
	content:url(../images/menusp.png)
}

.catala::before{
	content:url(../images/catl.png);
}

.castella::before{
	content:url(../images/spainl.png);
}

.ingles::before{
	content:url(../images/engl.png);
}

.menu-movil{
	position:fixed;
	top:0;
	width:315px;
	/*width:655px;*/
	/*height:158px;*/
	/*font-size:0px;*/
	margin-left:auto;
	margin-right:auto;
}

.menu-mov li{
	padding-top:0.5rem;
	list-style:none;
	text-decoration: none;
	
}

.no{
	display:none;
}

.no_no{
	display:inherit;
}

.st-idioma{
	position: fixed;
	display:none;
	top:45px;
	right: 0px;
	z-index: 20;
	padding: 0.5rem;
	background-color: #D8CECE;
}

.st-idioma li{
	list-style:none;
	cursor:pointer;
}

.st-idioma li:last-child::before{
	white-space:pre;
	content:"\A";
}

.st-idioma li:nth-child(2n)::before{
	white-space:pre;
	content:"\A";
}

.lis-titulo{
	display:inline-block;
	width:158px;
	height:45px;
	overflow:hidden;
	/*color: rgba(255,255,255,1.00);*/
}

.lis-titulo:hover{
	color:rgba(0,0,0,1.00);
}

/*.mover{
	padding-right: 0.5rem;
	direction: rtl;
	ms-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
	
}

.mover b{
	font-family: 'Oswald', sans-serif;
	font-size:1.4rem;
	
}*/
.enllas{
	display: inline-block;
    font-family: "Yanone Kaffeesatz";
    font-size: 1.5rem;
	letter-spacing: 2px;
    text-decoration: none;
	width: 158px;
    height: 45px;
    color: rgba(255,255,255,1.00);
    background-color: #333333;
	padding-left: 1rem;
    padding-top: 0.3rem;
}
.enllas:hover{
	color:#C9C935;
}
/*==================================================================================*/
@keyframes inicio{
	from { opacity:0; }
	to { opacity:1; }
}
@-webkit-keyframes inicio{
	from { opacity:0; }
	to { opacity:1; }
}


@keyframes mymove {
	from {
		width:0px;
		height:0px;
		}
	to {
		width:340px;
		height:158px;
		}
}

@-webkit-keyframes mymove {
  from {
		  width:0px;
		  height:0px;
	  }
  to {
		  width:340px;
		  height:158px;
	  }
}

	@-webkit-keyframes fimymove {
	  from {
			  width:340px;
			  height:158px;
		  }
	  to {
			  width:0px;
			  height:0px;
		  }
	}

	@keyframes fimymove {
		from {
			width:340px;
			height:158px;
			}
		to {
			width:0px;
			height:0px;
			}
	}
	
	
@-webkit-keyframes mover {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
	width:100%;
	height:100%;
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
	width:0px;
	height:0px;
  }
  

}

@keyframes mover {
	
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
	width:100%;
	height:100%;
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
	width:0;
	height:0;
  }

}

@-webkit-keyframes mk_scale{
	0%{-webkit-transform:scale(0.3);opacity:.1}
	100%{-webkit-transform:scale(1);opacity:1}
}
@-moz-keyframes mk_scale{
	0%{-moz-transform:scale(0.3);opacity:.1}
	100%{-moz-transform:scale(1);opacity:1}
}
@-o-keyframes mk_scale{
	0%{-o-transform:scale(0.3);opacity:.1}
	100%{-o-transform:scale(1);opacity:1}
}
@keyframes mk_scale{
	0%{transform:scale(0.3);opacity:.1}
	100%{transform:scale(1);opacity:1}
}

@-webkit-keyframes mk_left_to_right{0%{-webkit-transform:translate(-15%,0);opacity:0}100%{-webkit-transform:translate(0,0);opacity:1}}
@-moz-keyframes mk_left_to_right{0%{-moz-transform:translate(-15%,0);opacity:0}100%{-moz-transform:translate(0,0);opacity:1}}
@-o-keyframes mk_left_to_right{0%{-o-transform:translate(-15%,0);opacity:0}100%{-o-transform:translate(0,0);opacity:1}}
@keyframes mk_left_to_right{0%{transform:translate(-15%,0);opacity:0}100%{transform:translate(0,0);opacity:1}}


/*===============================
    Media Queris
==============================================================*/		

@media only screen and (max-width : 992px) {
      header, main {
        padding-left: 0;
      }
}



@media screen and (min-width:321px){
	footer { background: magenta; }
	.portfolio_nace{
		left: 5rem;
	}
}

@media screen and (min-width:481px){
	footer { background: cyan; }
	
	.elemt{
		left:100px;
		width:55%;
	}
	
	.linici { 
		width: 380px;
		margin: 0 auto;
	}
	
	.central{ display:block; }
	.dades{ margin:0 auto 4rem; }
	.portfolio_nace{
		left: 7rem;
	}
}

@media screen and (min-width:601px){
	footer { background: blue; }
	ul.check {
		font-size: 1.3rem;
	}
	ul.check li:before {
		width: 1.5rem;
		height: 1.5rem;
		font-size: 1.5rem;
		line-height: 1.5rem;
	}
	
	.flex_llarc-item_llarc {
		width:50%;
	}
	.portfolio_nace{
		left: 9rem;
	}
	
	/*=====================
	  Elements Navegacio
	========================*/
	#navegacion{
	  position: absolute;
	  top: 0;
	  left: 65%;
	}
	
	.menu-movil{
		 margin-left: 0; 
		 margin-right: 0; 
	}
	.menu-movil li{
		padding-top:0;
	}
	
	.boton-mv{
		display:none;
	}
	
	.elemt{
		width:75%;
	}
	.no{
		display:inherit;
	}
	.lis-titulo{
		height:inherit;
	}
	.enllas{
		height:35px;
	}
	
	/*================================================*/

	
}

@media screen and (min-width:769px){
	footer { background: green; }
	
	/*=====================
		Elements Navegacio
	========================*/
	.menu-movil{
		width:850px;
		position:relative;
	}
	
	.menu-movil li {
		padding-top: 0.5rem;
	}
	
	#navegacion {
	   position: relative;
	  top: inherit;
	  left: 0.5rem; 
	}
	
	.enllas {
		height: 45px;
		padding-top: 0.6rem;
	}
	

	/*===========================================*/
	.main {
		top: 60px;
	}

	

}

@media screen and (min-width:1025px){
	footer { background: red; }
	
	/*=====================
		Elements Navegacio
	========================*/
	.menu-movil {
		margin-left: auto;
		margin-right: auto;
	}
	
	
	
	
	
	/*=======================================================*/
	
	.absolut_0{
		position:absolute;
		bottom:0;
	}
	.contenido{
		width: 960px;
		margin-left: auto;
		margin-right: auto;
	}
	.flex_llarc-item_llarc {
		width:33%;
	}
	
}

@media screen and (min-width:1201px){
	footer { /*background: #1C5F81;*/
	background: #688ABA;
	 }
	
		/*=====================
		Elements Navegacio
	========================*/
	.menu-movil {
		margin-left: inherit;
		margin-right: inherit;
	}
	
	#navegacion {
		position: absolute;
		top: 140px;
		left: 33%;
	}
	
	
	
	/*=======================================================*/
	
	.main {
		top: 0;
	}
	.contenido{
		width: 1100px;
		margin-left: auto;
		margin-right: auto;
	}
	.portfolio_nace{
		left: 10rem;
	}

}