/* Contingut css | webmaster | Jordi C  | cumesoft.com | info@cumesoft.com */
* {
margin: 0;
}
html, body {
background-color: #EEE;
color:#1e323c;

height: 100%;
#height:auto; /*Hack explorer 7 footer fixed */

}
html , body {

font-family: 'Lato';
  font-style: normal;
  
}

body {
  background-image:url('img/fonsnoale.jpg');
  background-repeat: no-repeat; 
  background-size: cover;
  background-position: center center;
  display: flex;
  flex-direction: column;
}
body > div {
  justify-content: center;
  margin:auto ;
}
/*********** Page ***********/
#page {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0px auto -60px;
	
}

#content {
padding-top: 25px;
}

h1 {
	text-transform: uppercase;
	color: #222;
	font-size: 32px;
	line-height: 30px;
	padding: 15px;
	font-weight: 300
}

h2 {

	color: #444;
	font-size: 32px;
	line-height: 30px;
	padding: 15px;
	font-weight: 300

}
h3 {

	color: #C78996;
	font-size: 22px;
	line-height: 30px;
	padding-bottom: 15px;

}
p {font-size: 19px;
line-height: 30px;
padding-bottom: 10px;
font-weight: 300;
color: #333;
}

.copyright {font-size: 15px}

a.mailtos {text-decoration: none;color: #0000ff !important;border-bottom: 1px dotted}

}
a {color: #0000ff;
text-decoration: underline;}
a.mailtos:hover {color: #000 !important}


#content ul {

	list-style: inside;
	font-size: 18px;
	line-height: 24px;
	padding-bottom: 20px;

}
.pink {color: #dba9b3;}

.padding_5 {padding: 5px;}
.padding_top_10 {
	padding-top: 10px;
}
.padding_top_20 {
	padding-top: 20px;
}
.alignRight {text-align: right;}
.right {float: right;}
.left {float: left}
.serveis {padding:10px;}
.etiquetes {

	width: 100%;
	color:#333;
	padding-top: 30px

}
.etiquetes p {
line-height: 14px;
color:#999 !important;
}
img.img {max-width: 90%;height: auto;display: block;}
/*********** Header **********/
.header {
	height:140px;
	width: 100%;
	background-color: #1e333d;
	background-image: url("img/background.png");
	background-repeat: repeat; 
	text-align: center;
}
.logo {margin: 10px auto}

/*********** Footer **********/
.footer {
	width: 100%;	
	overflow: hidden;
	background-color: #1e333d;
	background-image: url("img/background.jpg");
	background-repeat: repeat; 
	


	min-height: 60px;
}
.footer , .push {
height: 60px;
}
.footer  {
	color:#C78996;
	font-size: 13px;
	line-height: 17px;


}
.footer a:link , a:visited  {text-decoration: none;color:#C78996;text-decoration: none;}
.footer a:hover {text-decoration: underline;}



/*********** Extras **************/
.center {
	text-align: center;
	margin: 0 auto


}

/********** Efects css3 ***********/

a img:hover {

	opacity: 0.8;

}