* { margin:auto 0px; padding:0px;outline:0px;}
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { font-family:Helvetica, Arial,sans-serif;color: #333;text-align:left;background: #FFFFFF url(../images/bg.jpg) repeat center;margin: 0; font-size: 1em; line-height: 1.4; }
header {width: 960px;margin: auto;position: relative;}
h2{font-weight: normal;text-shadow: 1px 1px 1px #425583;font-size:3em;}
nav {font-size: 130%;font-family:Helvetica, Arial,sans-serif;}
nav ul {background: url("../images/bg-menu.png") no-repeat scroll center center transparent;height: 63px;margin: 20px auto 0;padding-top: 22px;}
nav li {display: block;margin: auto 28px;padding-bottom:12px;}
nav li a {color: #333;text-decoration: none;padding: 0 7px;}
nav li a:visited {color: #0087bd;}
nav li a:hover, nav li a:focus {
	color: #fff;
	background-color: #4a608f;
	-webkit-transition: background 0.3s linear;
	   -moz-transition: background 0.3s linear;
		 -o-transition: background 0.3s linear;
			transition: background 0.3s linear;
	-webkit-box-shadow: 0px 0px 10px #4a608f;
	   -moz-box-shadow: 0px 0px 10px #4a608f;
			box-shadow: 0px 0px 10px #4a608f;
	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
			border-radius: 6px;
}

#container {margin: auto;width: 990px;position: relative;}
footer {height: 50px;position: relative;margin-top: -50px;clear: both;font-family: Arial, Helvetica, sans-serif;}
/*@font-face{font-family: ubuntuRegular;src: url(GOTHIC.ttf) format('truetype');}
@font-face{font-family: ubuntuBold;src: url(GOTHIC.ttf) format('truetype');}
@font-face{font-family: ubuntuItalic;src: url(Ubuntu-I.ttf) format('truetype');}
@font-face{font-family: ubuntuBoldItalic;src: url(Ubuntu-BI.ttf) format('truetype');}*/
.folio{ margin-left:450px; width:250px; }
.gafas {font-weight: bold;border: 1px solid #999999;margin:3 0 3 0px;padding: 2px;}
.gafas a { background-image: url("../images/gafa1.jpg");color: #666666;text-decoration: none;display: block;width: 100%; height:250px;}
.gafas a:hover {background-image: url("../images/gafa2.jpg");color: #ffffcc;} 
#portada, #vull, #inici, #mides, #contacte, #video{ height:1000px;}
article, aside,footer, header, nav, section { display: block; }
section{margin-left: 274px;padding-top:20px;min-height: 450px;width: 700px; text-align:justify;}
a {color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
.menu{ background-color:rgba(255,255,255,0.8); height: 100%; position: fixed;width: 250px;z-index: 700;}
.logo {margin-left: 37px;margin-top: 50px;}
.pasCap{border-top:#333333 solid 5px;position: fixed;width: 100%; z-index: 888;}
.pasFooter{background: transparent url(../images/bgFooter.png) repeat center center;bottom: 0;height: 239px; padding: 2px 3px;position: fixed; text-align: center;width: 100%; z-index: 887;}

#pagewrap {margin: 0 auto;width: 960px;position: relative;}

#tornar { position: fixed; right: 6%;z-index: 999; margin-top:16px;}
#flecha {bottom: 60px;margin-bottom: 30px;position: fixed; right: 3%;z-index: 999;}
#flecha a {width: 66px;display: block;text-align: center;font: 11px/100% Arial, Helvetica, sans-serif;text-transform: uppercase;text-decoration: none;color: #eac303;
	-webkit-transition: 1s;
	   -moz-transition: 1s;
		    transition: 1s;
}
#flecha a:hover {color: #0087bd;}

.ancho{z-index: 888; width:990px;margin:120px auto; color:#999; }
.menuFooter{z-index: 888; text-align:left; margin-left:20px; font-family:Helvetica, Arial,sans-serif;font-size:0.8em; width:150px;}
ul.menuFooter  { list-style:none; float:left;}
ul.menuFooter li a{color:#cccccc;text-decoration:none;}
ul.menuFooter li a:hover{color:#FFFFFF;}
.super{  display: block;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -999;}