/* grupo */
#wrapper img {float:left; margin-left:3px;}
#contenidoPagGeneral {background: url(../img/sombra-grupo.gif) no-repeat; width:433px; height:311px; margin-left:3px; overflow:hidden;}
/* Hack para Safari */
/*\*/ 
html*#contenidoPagGeneral {border-left:3px solid #fff;} /* sólo en safari */
ul.categoryitems {display:none;}
#pane3 {width:220px;}
	#pane3 p {margin:7px 0; color:#545454;}
.jScrollPaneContainer {width:246px; height:255px; position:relative; overflow:hidden; z-index:1; margin:20px 0 0 20px; float:left;}
.jScrollPaneTrack {position:absolute; cursor:pointer; right:0; top:0; height:100%; background: url(../img/barra-scroll.gif) no-repeat;}
.scroll-pane {overflow:visible; height:20px; padding-right:10px; position:absolute; top:0px;}
.jScrollPaneDrag {position:absolute; background: url(../img/barradrag-scroll.gif) no-repeat; cursor:pointer; overflow:hidden;}
#contenidoPagGeneral ul {float:right; padding-top:2px;}
	#contenidoPagGeneral ul li {background: url(../img/fondo-lista.gif) no-repeat; width:158px; overflow:hidden; padding-bottom:12px;}
	#contenidoPagGeneral ul li a {display:block; height:90px;}
	#contenidoPagGeneral ul li.last {padding-bottom:24px;}

div#wrapper>div.cuadroInformativo {background: url(../img/sombra-mensaje.png) no-repeat;}
div.cuadroInformativo {margin:0pt 45px 0pt 160px; padding:2px 4px 4px 2px; text-align:right;}
	h2 {background:#545454; font-weight:normal; font-size:15px; color:#fff; padding:14px 10px;}

#descripcion {padding:15px 0 0 10px; width:260px; overflow:hidden; float:left;}
	#descripcion p {margin-bottom:10px; color:#545454;}
	#descripcion p strong {display:block;}

/* Slider control css especifico para texto con scroll */

/* scroll */
#wrapper div.texto-scroll {position: relative; width:220px; height:250px; overflow:hidden; float:left; padding-left:10px; margin-top: 10px;}
#wrapper div.scroll-slide {position: relative; background: url(../img/barra-scroll.gif) no-repeat; width:15px; height:255px; text-align:left; float:right; margin:8px 15px 0 0; display:inline;}
	#wrapper div.scroll-slide img {cursor:pointer; margin-left:0;}

.texto-drag{width: 15px; height: 6px; top: 0; position: relative; float: left;z-index:2;}
.texto-up, .texto-down{position: absolute; width: 15px; height: 15px; cursor: pointer;}
.texto-up{top: 3px;}
.texto-down{top: 240px;}
.texto-content{position: relative; float: left; width:210px;}
.drags, #drags, #drags2{position: relative; width: 15px; height: 223px; top: 15px;}