/* 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;}
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:620px; margin:20px auto 0 auto; border:1px solid #aaa; background: #ffffff url(../../../icones/fonsh.jpg) 0px 5px no-repeat;}

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

#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;}

/* 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;}

/* estil dels links hover */
#cabas a.galeria:hover {border:1px solid #fff;}
#cabas a.galeria:hover span {position:absolute; width:498px; height:355px; top:28px; left:26px; 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:140px; height:100px; top:40px; left:540px; color: #000000; background:transparent; border:0px solid #cccccc;padding: 5px 5px 200px 5px;
 }

.defin h2{font-size: 1.2em; font-weight: bold; color: #000000;}
.dicc {font-style: italic;font-family: Times, "Times New Roman", serif;color: #666666;padding-left:12px; }

.navseg {margin-bottom: 1em; margin-top:25em;color: #666666; font-size: 1em;text-align:center;border:1px solid #666666 ; background:#eeeeee;}
#nav {width:96%;margin-right:2%;margin-left:2%;height:1.4em;background:#ddd;background-image:url(../icones/tit.jpg);background-position:top left;
      margin-top:2px;font-weight:bold;padding-right:10px;color:#f66;border-bottom: 2px solid #ccc;text-align: right;}  

.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.linkopac img {filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;}

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