/* per centrar el cab&agrave;s a IE*/
body {text-align:center; font-family: verdana, arial, sans-serif; font-size:0.8em; letter-spacing:0.05em;background: #8f8f8f }
/*url(../../../icones/mlogo.jpg) 2px 10px no-repeat; */
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;}
/* El cab&agrave;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) no-repeat 125px 75px;}

/* Trec els punts de la llista i poso les mides de l'espai per a totes les minis */
#cabas ul {width:300px; height:600px; padding:0;  margin:25px 5px 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:40px; width:40px;}
#cabas a.minib {background:url(minis/2.jpg);height:40px; width:40px;}
#cabas a.minic {background:url(minis/3.jpg); height:40px; width:40px;}
#cabas a.minid {background:url(minis/4.jpg); height:40px; width:40px;}
#cabas a.minie {background:url(minis/5.jpg); height:40px; width:40px;}
#cabas a.minif {background:url(minis/6.jpg); height:40px; width:40px;}
#cabas a.minig {background:url(minis/7.jpg);height:40px; width:40px;}
#cabas a.minih {background:url(minis/8.jpg); height:40px; width:40px;}
#cabas a.minii {background:url(minis/9.jpg); height:40px; width:40px;}
#cabas a.minij {background:url(minis/10.jpg); height:40px; width:40px;}
#cabas a.minik {background:url(minis/11.jpg); height:40px; width:40px;}
#cabas a.minil {background:url(minis/12.jpg); height:40px; width:40px;}
#cabas a.minim {background:url(minis/13.jpg); height:40px; width:40px;}
#cabas a.minin {background:url(minis/14.jpg);height:40px; width:40px;}
#cabas a.minio {background:url(minis/15.jpg); height:40px; width:40px;}
#cabas a.minip {background:url(minis/16.jpg); height:40px; width:40px;}
#cabas a.miniq {background:url(minis/17.jpg); height:40px; width:40px;}
#cabas a.minir {background:url(minis/18.jpg); height:40px; width:40px;}
#cabas a.minis {background:url(minis/19.jpg);height:40px; width:40px;}
#cabas a.minit {background:url(minis/20.jpg); height:40px; width:40px;}
#cabas a.miniu {background:url(minis/21.jpg); height:40px; width:40px;}
#cabas a.miniv {background:url(minis/22.jpg); height:40px; width:40px;}
#cabas a.miniw {background:url(minis/23.jpg); height:40px; width:40px;}
#cabas a.minix {background:url(minis/24.jpg); height:40px; width:40px;}
#cabas a.miniy {background:url(minis/25.jpg); height:40px; width:40px;}
#cabas a.miniz {background:url(minis/26.jpg); height:40px; width:40px;}
#cabas a.miniaa {background:url(minis/27.jpg); height:40px; width:40px;}
#cabas a.miniab {background:url(minis/28.jpg); height:40px; width:40px;}
#cabas a.miniac {background:url(minis/29.jpg); height:40px; width:40px;}
#cabas a.miniad {background:url(minis/30.jpg);height:40px; width:40px;}
#cabas a.miniae {background:url(minis/31.jpg); height:40px; width:40px;}
#cabas a.miniaf {background:url(minis/32.jpg); height:40px; width:40px;}
#cabas a.miniag {background:url(minis/33.jpg); height:40px; width:40px;}
#cabas a.miniah {background:url(minis/34.jpg); height:40px; width:40px;}
#cabas a.miniai {background:url(minis/35.jpg); height:40px; width:40px;}
#cabas a.miniaj {background:url(minis/36.jpg); height:40px; width:40px;}
/* estil dels links hover */
#cabas a.galeria:hover {border:1px solid #fff;}
#cabas a.galeria:hover span {position:absolute; width:370px; 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:left;
position: absolute; width:250px; height:100px; top:320px; left:425px; color: #000000; background:transparent; border:0px solid #cccccc;padding: 5px 5px 200px 5px;
 }

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

.navseg {margin-top: 7em; color: #666666; font-size: 1em;text-align:center;border:1px solid #666666 ; background:#eeeeee; width: 80%;}

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

#navbaix{
position: absolute;
left: 1em;
bottom: 1em;
width:90%;
font-size: 0.8em;
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;}

.cc {width:20%; margin: 10px 40% 1px 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;}
