/* CSS Document */
#panel {background: url(../images/pattern01.gif); width:960px; margin:0 auto; height:470px;display: none; padding-bottom:15px;}
/* li he afegit padding perque el borde del div content es veu abanc de que s'obri */
#panelContent{position:absolute; width:810px; left:50%; margin-left:-405px; margin-top:25px; display: none; border:#FFFFFF dotted 1px; padding:5px; }
#panelGallery{ float:left; width:550px;}
#panelMenus{ float:right; width:245px; margin-left:15px;}

.slide {float:right; width:232px; background: url(../images/btn-slide.png) no-repeat left top; margin:0px;}
.btn-slide {
	background: url(../images/white-arrow.gif) no-repeat right -46px;
	text-align: center; width: 144px; height:31px; padding: 10px 10px 0 0;display: block;
	font-size: 1.7em; line-height:0.8em; font-family:Arial, Helvetica, sans-serif; color: #fff;text-decoration: none;
}
.active {background-position:right 12px;}/* la fletxeta del boto del slide */

/*GALERIAS.......................................*/

#galeries{ background:none; width:540px; height:400px; border:0;}
.botons {float:left; width:26px; height:386px; text-align:center;}
.botons img{margin-top:187px;}
#galImag{float:left; width:450px; padding:10px; background-color:#FFFFFF}
#galComent{width:450px; height:14px; margin-top:6px; text-align:left;}
#galComent p{margin:0; padding:0; font-size:0.8em}

#panelMenus h1{font-size:1.8em; padding-top:11px; color:#FFF; font-weight: bold; font-style:oblique;}
/*.................................................................................*/
.galList { font-size:1.1em; margin-top:10px; font-style:oblique;}
.galList li {text-decoration:none; list-style:none; padding-bottom:4px; }
.galList li a{color:#000; text-decoration:none;}
.galList li a:hover {text-decoration: underline; color:#CC0000}