/* per centrar el cabàs a IE*/
body {text-align:center; font-family: verdana, arial, sans-serif; font-size:0.8em; letter-spacing:0.05em;background: #8f8f8f }
h1{text-align:right;
color: #ffffff;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1.2em;
font-weight: bold;
border-bottom: 1px solid #ffffff;
width: 95%; } 
.roig, .roig a{color:#f00;text-decoration:none;}
.roig a:hover{color:#ffcc66;}
.neg {color:#000;}
/* El cabàs de la galeria */
#cabas {position:relative; width:700px; height:600px; margin:20px auto 0 auto; border:1px solid #aaa; background: #ffffff url(img/fons.jpg) 30px 45px no-repeat;}

/* Trec els punts de la llista i poso les mides de l'espai per a totes les minis */
#cabas ul {width:110px; height:600px; padding:0;  margin:25px 25px 5px 5px; list-style-type:none; float:right;text-align:center;}

#cabas li {float:left; }

/* Per ocultar els dibuixos grans */
#cabas a.galeria span {position:absolute; width:1px; height:1px; top:5px; left:5px; overflow:hidden; background:#fff; color: #dddddd;}

/* Les minis */
#cabas a.galeria, #cabas a.galeria:visited {display:block; color:#000; text-decoration:none; border:1px solid #000; margin:1px 1px 1px 1px; text-align:left; cursor:default;}
#cabas a.minia {background:url(minis/1.jpg); height:50px; width:50px;}
#cabas a.minib {background:url(minis/2.jpg);height:50px; width:50px;}
#cabas a.minic {background:url(minis/3.jpg); height:50px; width:50px;}
#cabas a.minid {background:url(minis/4.jpg); height:50px; width:50px;}
#cabas a.minie {background:url(minis/5.jpg); height:50px; width:50px;}
#cabas a.minif {background:url(minis/6.jpg); height:50px; width:50px;}
#cabas a.minig {background:url(minis/7.jpg);height:50px; width:50px;}
#cabas a.minih {background:url(minis/8.jpg); height:50px; width:50px;}
#cabas a.minii {background:url(minis/9.jpg); height:50px; width:50px;}
#cabas a.minij {background:url(minis/10.jpg); height:50px; width:50px;}
#cabas a.minik {background:url(minis/11.jpg); height:50px; width:50px;}
#cabas a.minil {background:url(minis/12.jpg); height:50px; width:50px;}
#cabas a.minim {background:url(minis/13.jpg); height:50px; width:50px;}
#cabas a.minin {background:url(minis/14.jpg);height:50px; width:50px;}
#cabas a.minio {background:url(minis/15.jpg); height:50px; width:50px;}
#cabas a.minip {background:url(minis/16.jpg); height:50px; width:50px;}
#cabas a.miniq {background:url(minis/17.jpg); height:50px; width:50px;}
#cabas a.minir {background:url(minis/18.jpg); height:50px; width:50px;}
#cabas a.minis {background:url(minis/19.jpg);height:50px; width:50px;}
#cabas a.minit {background:url(minis/20.jpg); height:50px; width:50px;}

/* estil dels links hover */
#cabas a.galeria:hover {border:1px solid #fff;}
#cabas a.galeria:hover span {position:absolute; width:515px; height:515px; top:10px; left:10px; color:#000; background:transparent; text-align:center;}
#cabas a.galeria:hover img {border:1px solid #fff; float:left; margin-right:5px;}
#cabas a.minib:hover img, #cabas a.minii:hover img {float:right;}

.defin{font-size: 0.8em;text-align:center;
position: absolute; width:110px; height:275px; top:415px; right:25px; color: #000000; background:transparent; }

.defin h2{font-size: 1.2em; font-weight: bold; color: #000000;}

.navseg{margin-top: 3em;color: #ffffff; font-size: 1em;text-align:center;border: 1px #666666 solid; background:#eeeeee;}
.ant{text-align: left;padding-right:100px; }
.seg{text-align: right;padding-left: 100px; }

.navseg a {text-decoration:none;}
.navseg a:link {color:#555;}
.navseg a:visited {color:#888;}
.navseg a:hover {color:#f00;}
.navseg a:active{color:#f33;}

#navbaix{
position: absolute;
left: 300px;
top: 500px;
text-align: center; } 

#holder {position:absolute; top:40px; width:100px; line-height:18px; height:20px; border:1px solid #f96; overflow:hidden; text-align:center; z-index:100; background:#eee;}
#holder:hover {height:130px; cursor:pointer; background:#eee;}
#holder a:visited, #holder a {display:block; width:100%; line-height:18px; color:#000; text-decoration:none;}
#holder a:hover {color:#c00;background:#ddd;}

.espais {padding-left:15em;}

.cc {width:20%; margin: 5px 40% 5px 40%;
text-align: center; }

a.linkinv img {filter:alpha(opacity=100); 
-moz-opacity: 1.0; opacity: 1.0;}

a.linkinv:hover img {filter:alpha(opacity=50);   
-moz-opacity: 0.5; opacity: 0.5;}