article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,aside{
	display: block;
}
.blanc{color:#FFFFFF;}
body{ font-family: 'EB Garamond', serif;}
header{height:100px;width:100%;}
#web{margin:0 auto; width:80%;}
#contingut{width:100%;min-width:300px;}
#logo{width:18%;float:left; text-align:center;}
nav{width:80%;min-height:50px; float:left;position:relative;}
#menuCub{
	width:100%;
	position:absolute;
	bottom:0;
}
nav ul{list-style:none;width:100%;}
nav ul li{ float:left; width:33%;text-transform:uppercase; text-align:center;margin-bottom:20px;transition: transform 0.5s;}

nav ul li:hover{transform: translate(20px,0px);}
.imgLogo{height:100px;border:none;}
.seleccionat{border-bottom:solid 2px #000000;}
aside{width:18%; min-width:150px;height:385px; float:left; text-align:center;}
section{width:80%; min-height:385px; float:right; }
.cub{width:50%; float:right; min-height:385px;min-width:300px;max-height:385px;}
.imgCub{width:100%; max-height:385px;min-height:385px;}
.granate{background-color:#7d160f;}
.txtCub{margin:20px;font-size:14pt;color:#FFFFFF;}
.linkMapa{color:#FFFFFF;font-size:12pt;}
.blanc{color:#FFFFFF;}
.txtCub ul{margin-top:50px;}
.txtCub ul li{margin-top:20px;}
.txtCub ul li a{color:#FFFFFF;}
.tancar{float:right;}
.mail{color:#7d160f;font-size:11pt;}
.direccio{padding:5px;font-size:14pt; line-height:20pt;text-align:left;}
.amagat{display:none;}
.netejador{clear:both;}
.contenidorDireccio2{position:relative;min-height:310px;width:100%;font-size:14pt;}
.direccio2{position:absolute;bottom:0;}
h1{font-size:14pt;color:#666666;margin:0;float:left; width:300px; padding:10px;padding-left:2%;}
h2{margin:0;padding:0;font-size:12pt;}
.menuA{color:#000000;letter-spacing:1pt;padding-bottom:0px;text-decoration:none;font-weight:bold;}
.googleMap{width:100%; min-width:300px; height:383px;border:solid 1px #7d160f;}
.llistaServeis{font-weight:normal;font-size:14pt;}
.primer{font-family:Arial;font-size:11pt;}
@media handheld, only screen and (max-width: 1024px) {
	#web{width:100%;}
}

@media handheld, only screen and (max-width: 800px) {

	#web{width:100%;}
	aside{ float:left; width:100%;}
	section{width:100%;}
}

@media handheld, only screen and (max-width: 500px) {
	header{width:100%;height:170px;}
	h1{float:none;text-align:center; width:100%;padding:0;}
	#web{width:100%;}
	aside{ float:left; width:100%;}
	section{width:100%;}
	.cub{width:100%;}
	#logo{width:100%;}
	nav{width:100%;height:150px;text-align:center;}
	nav ul li{width:100%;margin:0;padding:0; margin-bottom:20px;}
	nav ul{margin:0;padding:0;}
}