body{margin:0;padding:0;border:0;font-size:11px;font-family:Geneva, Helvetica, Arial, sans-serif;color:#262a31;overflow:hidden;min-height: 600px;}
a, a:hover{color:#262a31;text-decoration:none;}
.clear{clear:both;}

header{height:200px;width:100%;}
header .img-container{margin-left:50%;width:1680px;}
header img{margin-left:-50%;width:1680px;}

#wrapper{overflow:hidden;width:100%; height:100%; margin-bottom:-30px;}
#container{ width:100%; height:100%; background: url(img/bg.png) #EDE1C9 fixed;}
#content{width:225px; margin:0 auto;padding-top:85px; position:relative;}
#content .logo{background: url(img/logo.png) no-repeat;width:171px;height:167px;margin:0 auto 30px;}
#content .button{font-family:Georgia, serif; font-size:21px;text-align:center;margin-bottom:22px;height:28px;padding-top:4px;}
#content .estanys-blaus{border-bottom:1px solid #45749e;border-top:1px solid #45749e;}
#content .llacs-cardos{border-bottom:1px solid #6b863b;border-top:1px solid #6b863b;}

footer{height:30px; background-color:#262a31;color:#EDE1c9;position:absolute;bottom:0px;width:100%;}
footer a, footer a:hover{color:#EDE1C9}
footer .footer-content{width:90%; margin:7px auto 6px;}
footer .left{float:left;}
footer .right{float:right; text-align:right;}

.shadow { position:relative;
  -moz-box-shadow:    0px -3px 20px 6px #333;
  -webkit-box-shadow: 0px -3px 20px 6px #333;
  box-shadow:         0px -3px 20px 6px #333;
}

@media (min-width : 1680px) {header .img-container{width:100%;}header img{width:100%;}}
@media (max-width : 900px) {footer{height:50px;}footer .right{float:left; text-align:left;}}
@media (max-width : 450px) {footer{height:80px;}}



@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	#content {width:240px;}
	#container{border:1px none red;}
}

#container{position: relative}
#logos{
  position: absolute;bottom: 230px;right: 15px;
}
#logos li{ display: inline-block;margin-left: 20px;}