* {margin: 0; padding: 0;}
img {border:0;}
body { text-align: center; color: #000; background-color:#fff; font-size:medium;font-family: verdana, arial, sans-serif;}
#container {margin-left: auto; margin-right:auto;width: 790px;;}
div#capcal {text-indent: -9999px; text-decoration: none;}
div#capcal h1 {height: 100px; background: transparent url(logo.jpg) top center no-repeat ;background-color:#ffdf00; margin-bottom:30px;}
h2 {font-size:medium;font-family: helvetica; font-weight: bold;}
/* Navegacio1 */
div#navegacioU {text-align: center; margin-left: auto; margin-right:auto; height: 100px; width: 600px; padding: 0; border: 0; background: transparent; color: #fff;}
div#navegacioU ul#menuU {height: 100px; width: 600px; background: transparent url(nav.gif) top left no-repeat; margin-left: auto; margin-right:auto; padding: 0; position: relative;}
div#navegacioU ul#menuU li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
ul#menuU li, ul#menuU a { height: 100px; display: block;}
div#navegacioU ul#menuU li a { text-indent: -9999px; text-decoration: none;}
#QuiSom {left: 0; width: 200px;}
#QueFem {left: 200px; width: 200px;}
#OnSom {left: 400px; width: 200px;}
#QuiSom a:hover {background: transparent url(nav.gif) 0 -100px no-repeat;}
#QueFem a:hover {background: transparent url(nav.gif) -200px -100px no-repeat;}
#OnSom a:hover {background: transparent url(nav.gif) -400px -100px no-repeat;}
.amaga {display:none;}
.neteja {clear:both;}

ul#thumbnails li { float: none; display: inline; margin: 0px; list-style-type: none;}
ul#thumbnails { background-color: #ffdf00; color: #fff; width: 100%; margin: 0px 0 0px 0px; padding: 20px 0 20px 10px; list-style-type: none;}
ul#thumbnails a:link {border: 2px solid #ffffff; margin: 5px 5px 5px 0px; list-style-type: none;text-decoration:none;}
ul#thumbnails a:visited {border: 2px solid #ff8a00; text-decoration:none;}
ul#thumbnails a:hover { border: 2px solid #ff8a00; margin: 5px 5px 5px 0px; text-decoration:none;}
ul#thumbnails a:active { border: 2px solid #ff8a00;text-decoration:none;}

div.imatges {width:90%; position:relative; margin:2em auto;}
div.imatges img {margin:5px;}

div#peu { color: #ff8a00; background-color:#ffdf00; clear: both;width: 100%; position: relative; text-align:center;margin-left: auto; margin-right:auto; margin-top:30px; margin-bottom:0px;}
div#peu p{ letter-spacing: 2px;font-size:x-small; text-align:center;border:0; padding:5px; }
#peu a:link, #peu a:visited {color: #ff8a00; background-color:#ffdf00; text-decoration: underline;font-size:x-small;font-weight:normal;}
#peu a:hover {color: #ffff00; background-color:#ff8a00; text-decoration: underline;font-size:x-small;}

a:link{color: #000; background-color:transparent; font-size:large;font-weight:bold;}
a:visited { color: #000; color: purple; background-color:transparent; font-size:large;font-weight:bold;}
a:hover { color: #000; background-color:#ffdf00;}
.items {background: url(items2.jpg) 0% 70% no-repeat; line-height: 2.0em; padding-top:10px; padding-bottom:5px;}
ol.smD {border-bottom: #fff 0px solid; padding: 0px; margin: 0px;}
li.smD {font-size:small; text-indent: 1.5em; background: url(punt.gif) no-repeat 4px 4px; list-style-type: none; padding: 0px; margin-left: 40px; font-family: verdana, arial, sans-serif;text-align:left;}
a.smD {font-size:small; margin: 0px; color: #000; text-decoration: none;font-family: verdana, arial, sans-serif;text-align:left;}
a.smD:hover { text-decoration: underline;}
a.smD:active { text-decoration: underline;}
a.smD:visited { text-decoration: none;font-size:small;}
h2.zooms {width:60%; margin:10px; font: x-large  verdana,arial, helvetica, sans-serif;background-color:#ffdf00;color: #000;margin-right:auto;margin-left:auto;}
p.zooms {width:80%;text-align:justify;background-color:#fff;color: gray;margin:10px;}

.QuiSom1{float: left ;width:40%;}
.QuiSom2{float: right ;width:55%;margin-top:15px;text-align:left;}
.QuiSom2a{float: left ;width:65%;font-size:large;text-align:justify;}
.OnSom1{float: left ;width:40%;font-size:large;line-height:130%;}
.OnSom2{float: right ;width:55%;margin-top:15px;}
.OnSom2a{float: left ;width:65%;font-size:large;}
.mesGran {font-size:x-large;margin-bottom:20px;}