/* CSS Document */

body {
	margin-top: 8px;
	background-image: url(../imatges/fons.png);
	background-repeat:repeat-x;
	font-family: 'PT Sans', sans-serif;
}
body#home {
	background-image: url(../imatges/fons_home.png);
}
.lang-nav {
	clear: both;
	float: right;
	font-family: 'Open Sans Condensed', sans-serif;
	color: #40403e;
	font-weight: bold;
}

.foto div
{clear: both;}
.lang-nav li {
	float: left;
	list-style: none;
	margin: 5px 10px;
}
.lang-nav a {
	text-decoration: none;
	color: #40403e;
}
.lang-nav a:hover {
	/*color: #21bcea;*/
	color: red;
}
.lang-nav a:visited {
	text-decoration: none;
	color: #40403e;
}
.contenidor {
	width:940px;
	margin:auto;
}
.logo {
	float: left;
	margin-top:18px;
}

.menux
{font-size:13px;
position: absolute;
top:30px;
left:0px;
color: black;}
h1.frase {
	float: left;
	margin:0px;
	margin-left:30px;
	width:400px;
	color: #40403e;
	margin-top:46px;
	font-size:16px;
	font-weight: normal;
}
.clients {
	float: right;
	padding:10px;
	margin-top:20px;
	background-color:#21bcea;
	width:200px;
	overflow: hidden;
	color: white;
	text-align:center;
	font-size:13px;
	font-weight: bold;
	border-radius: 4px;
}
.contacte2
{	background-color:#dcd9d9;
float: right;
text-align: center;
height:54px;
margin-bottom:5px;
color:#40403E;
padding-top:10px;
margin-top:20px;
width:200px;
}

.contacte2 a
{	color:#40403E;
font-size:12px;}

.contacte2 h3
{margin:0px;
font-size:14px;
line-height:14px;
font-weight: bold;
margin-bottom:0px !important;
}
.clients a {
	color: white;
	font-weight: bold;
}
.clients h3 {
	color: #21bcea;
	font-size:15px;
	margin-top:5px;
	margin-bottom:5px;
}
#main-nav {
	font-family: 'Open Sans Condensed', sans-serif;
	color: #40403e;
	float: left;
}


	#cookies
	{
		position: absolute;
		top: 0px;
		background: #f3f3f3;
		width: 100%;
		left: 0;
		text-align: center;
		margin: 0;
		padding-top: 10px;
		height: 40px;
		font-size:14px;
		z-index:99999999;
		font-family: Molengo, arial, sans-serif;
	}
	#cookies button {border:1px solid #999;padding:5px;margin-left:10px;cursor:pointer;}
	
	.centre {margin-top: 9px;}
	.contacte {margin-top: 13px;}
#home ul#main-nav {
	list-style-type: none;
	margin:0px;
	margin-top:0px;
	padding:0px;
	margin-left:20px;
}

.nav-bar .row
{padding:0px !important;
margin:0px !important;}
ul#main-nav {
	list-style-type: none;
	margin:0px;
	margin-top:0px;
	padding:0px;
	margin-left:20px;
}
#main-nav li {
	float: left;
	margin-right:10px;
}
#main-nav li {
	padding-top:20px;
}
#main-nav a {
	color: #40403e;
	font-size:14px;
	text-decoration: none;
	font-weight: 700;
}
#main-nav a.actiu {
	color: #21bcea;
}
#main-nav  a:hover {
	color:#21bcea;
	text-decoration: none;
	font-weight: 700;
}
.contacte {
	float: right;
	font-family: 'Open Sans Condensed', sans-serif;
	background-color:#21bcea;
	margin-top:13px;
	font-weight: bold;
	width:200px;
	padding:1px 10px;
	color: white;
}

.navbar ul li > a:hover {
 background-color: transparent !important;
}
.contacte a {
	color: white;
	font-size:15px;
}
.telefon {
	font-size:20px;
}
.borra {
	clear: both;
}
.centre {
	background-color: white;
	overflow: hidden;
	padding:20px;
	position: relative;
	margin-top: 4px;
}
.video {


}

.navbar .eight.columns 
{margin:0px !important;}

.navbar .two.columns.pull_right
{float: right !important;}
.texte-home {
	
	
	margin-left:40px;
}

.texte
{clear: both;}
.texte-home h1 {
	color:#21bcea;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:30px;
	line-height:32px;
	margin:0px;
	font-weight: bold !important;
	margin-top:20px;
	margin-bottom:15px;
}
.texte-home h2 {
	color: #40403e;
	font-size:21px;
	margin:0px;
}

h2.vivace
{font-weight: bold !important;
font-size:30px;
line-height:36px;
margin-top:10px;}
.texte-home h2 .gran {
	font-size:24px;
}
.texte-home h3 {
	color: #40403e;
	font-size:18px;
	margin:0px;
	margin-top:20px;
	margin-bottom:5px;
}
.texte-home p {
	color: #40403e;
	font-size:15px;
	font-weight: normal;
	margin:0px;
}
.separador {
	width:94%;
	margin:auto;
	background-image: url(../imatges/ombra.png);
	background-repeat:no-repeat;
	height:30px;
}
.separador2 {
	width:94%;
	margin:auto;
	background-image: url(../imatges/ombra.png);
	background-repeat:no-repeat;
	height:10px;
	margin-top:10px;
}
.ventajas {
	margin:auto;
	
}
.ventajas a{
	font-size: 18px;
	color:#21bcea;
}
.ventajas a:hover{
	color: #848484;
}
.ventajas h1 {
	color: #21bcea;
	font-size:25px;
	margin:0px;
}
.ventajas h2 {
	color: #373636;
	margin-top:3px;
	font-size:18px;
	font-weight: bold;
	margin-bottom:14px;
}
.ventajas .col1 {

	margin-left:0px;
	font-size:14px;
	float: left;
	line-height:16px;
}
.ventajas .col2 {

	margin-left:10px;
	font-size:14px;
	float: left;
	line-height:16px;
}
.ventajas .col3 {
	
	margin-left:10px;
	font-size:14px;
	float: left;
	line-height:19px;
}
.ventajas .col1 h1, .ventajas .col2 h1, .ventajas .col3 h1 {
	font-size:16px;
	margin:0px;
	color: #373636;
	font-weight: bold;
	padding-top:12px;
}
.peu-text, .logos-qualitat, .logo-einnova {
	display: inline-block;
	vertical-align: middle;
}
.logos-qualitat {

}
.logo-einnova {
	width:50px;
	margin-left:20px;
}
.peu {
	
	font-size:12px;
	margin-top:20px;
	text-align: center;
	
}
.peu a {
	color: #21bcea;
	text-decoration: none;
}
.apartat {
	margin:auto;
	
}h3 {
  display: block;
  font-size: 1.17em;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  font-weight: bold;
}

.formulari
{float: left;
margin-right:20px;
}

.legal
{float: left;
margin-right:20px;
}

.lateral
{float: left;

margin-top:10px;}
.apartat h1 {
	color: #21bcea;
	font-size:25px;
	font-family: 'Open Sans Condensed', sans-serif;
	text-transform:uppercase;
	margin:0px;
	margin-bottom:20px;
}
.apartat h2 {
	color: #21bcea;
	font-size:18px;
	margin:0px;
	margin-bottom:10px;
	margin-top:25px;
	font-weight: bold;
}

.apartat2 h2 {
	color: #21bcea;
	font-size:18px;
	margin:0px;
	margin-bottom:15px;
	margin-top:25px;
	font-weight: bold;
}
.apartat p {
	color: #373636;
	font-size:15px;
	line-height:22px;
	margin:0px;
}

.apartat2 p {
	color: #373636;
	font-size:15px;
	margin:0px;
}
.apartat a, {
	color: #21bcea;
	text-decoration: underline;
}
.apartat a:hover {
	color: #848484;
}
.texte-home a {
	color:#21bcea;
}
.texte-home a:hover {
	color: #848484;
}
.apartat ul li {
	
}
.foto {
	
	font-size:11px;
	margin-bottom:14px;
	color: #303030;
padding-top:10px;
	margin-top:15px;
	text-align: right;
}

.foto.especial {
	
	
	margin-bottom:0px;
	line-height:15px;
	float: right;
	margin:0px;
	margin-top:10px;
	
}

.foto.especial img {
	
	
	margin-bottom:0px;
	
}

h2.especial
{margin-top:0px;}

.foto img {
	margin-bottom:10px;
		margin-left:20px;
		float: right;
		display: block;
}
.destacat {
	border:1px solid #21bcea;
	padding:5px 25px;
	overflow: hidden;
	background-color:#EFEFEF;
	margin-top:30px;
}
#main-nav
{z-index:99999;}
.destacat.historia {
	background-color:#21bcea;
	color: white;
	margin-top:0px;
}
.destacat.historia ul li {
	
	margin-right:30px;
}
.destacat h2 {
	margin-top:0px;
	margin-bottom:2px;
}
.destacat.historia h2 {
	margin-top:0px;
	margin-bottom:2px;
	color: white;
}

.destacat.historia a {
	
	color: white;
}
.destacat ul {
	margin:2px;
}
.mapes ul {
	list-style-type: none;
}
.mapes ul li {
	float: left;
	width:50%;
}
h2 a {
	font-weight: normal;
	font-size:14px;
}
#contacto input {
	border:1px solid #21bcea;
	height:30px;
}
#contacto input.boto {
	border:1px solid #21bcea;
	background-color: #21bcea;
	color: white;
	height:30px;
}
#contacto input.boto:hover {
	border:1px solid #373636;
	background-color: #373636;
}
#contacto textarea {
	border:1px solid #21bcea;
	height:130px;
}
.apartat.ejemplo img {
	margin-left:200px;
}
.mapes ul {
	margin:0px;
	margin-left:70px;
	margin-top:-20px;
	padding:0px;
}

/* 201401*/
.contenidor { position:relative;}
.lang-nav {position:absolute; top:-5px;right:15px;}

.foto {
font-size: 14px;

font-style:italic;
}h2.taronja
{color: #21bcea;
font-weight: bold;
  font-size: 18px;}
  
  #contacto input
  {width:100%;}
   #contacto input.boto
  {width:180px;}
  
    #contacto textarea
  {width:100%;}
.lema
{float:left;width:60%;display:block;font-size: 118%;}

.texte-mapa
{margin:0;padding:0;display:block; float: left; margin-left:20px;width:200px;font-size:13px;
line-height:18px;
margin-bottom:20px;}
.foto-mapa
{float: left;}

@media only screen and (max-width: 867px){
	
	.apartat.ejemplo img {
  margin-left: 0px; 
}
	.texte-mapa
{float: none;
width:100%;
margin-left:0px;
margin-bottom:20px;
margin-top:20px;
clear: both;}

.legal
{float: none;
margin-right:0px;
}

.apartat.legal
{padding-top:30px;}
.foto-mapa
{float: none;
clear: both;}
	
	#cookies
	{
		position: absolute;
		top: 0px;
		background: #f3f3f3;
		width: 100%;
		left: 0;
		text-align: center;
		margin: 0;
		padding-top: 10px;
		height: 120px;
		z-index:999999999;
		font-size:14px;
		font-family: Molengo, arial, sans-serif;
	}
	#cookies button {border:1px solid #999;padding:5px;margin-left:10px;cursor:pointer;}
	body.cookies {margin-top: 37px;background-position-y: 30px;}
	.centre {margin-top: 9px;}
	.contacte {margin-top: 13px;}
	
	.lema
{float:left;width:100%;display:block;font-size: 118%;}

.mapes ul {
	
	margin-left:0px;
	margin-top:20px;
	padding:0px;
}

.logo-einnova img
{width:70%}

h2.taronja
{color: #21bcea;
font-weight: bold;
  font-size: 18px;}
.contacte2 {
  background-color: #dcd9d9;
  float: none;
  text-align: center;
  height: 54px;
  margin-bottom: 5px;
  color: #40403E;
  padding-top: 10px;
  margin-top: 20px;
  width: 100%;
}
.mapes ul li {
    float: left;
    width: 100%;
}

.formulari
{float: none;
margin-right:0px !important;}

.texte-home {
	
	
	margin-left:0px;
}

.ventajas .col1 {
  padding-bottom:20px;
}

.video { max-width: 100% !important; }
.video iframe { max-width: 100% !important; }

.ventajas .col2 {
  padding-bottom:20px;
  margin-left:0px;
}

.centre
{padding-top:70px;}
.navbar
{z-index:999999;}

.ventajas .col3 {
  padding-bottom:20px;
  margin-left:0px;
}

.foto {

	margin-left:0px;

}

#main-nav li {
	padding-top:0px;
}
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
	 .navbar a.toggle { top: 90px; left: 4%; width: 46px; position: absolute; text-align: center; display: inline-block; color: white; background: #4a4d50; height: 40px; line-height: 38px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; font-size: 30px; font-size: 1.875rem; }}


@media only screen and (max-width: 867px) { 
	#main-nav {
		display: none;
	}
}