/* per centrar el cabas 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;}
.neg {color:#000;}

/* El cabas 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 100px;}

/* Trec els punts de la llista i poso les mides a l'espai global de les minis */
#cabas ul {width:250px; height:600px; padding:0;  margin:35px 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: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;}

/* estil dels links hover _ dimensions de les img*/
#cabas a.galeria:hover {border:1px solid #fff;}
#cabas a.galeria:hover span {position:absolute; width:369px; height:510px; top:25px; left:38px; 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:200px; top:240px; left:450px; color: #000000; background:transparent; 
 }

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

.navseg {margin-top: 10em; 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{
margin-top: 5em;
margin-left:-4em;
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;}