@charset "utf-8";
/* CSS Document */
/* Designed by Alexander Molano  
   Alexmoz Studios © 2006-2009
   http://www.alexmoz.com */
   
/*PANELES DESLIZANTES */


.panelslider {display:block; width:960px; padding-top:0px;  margin-top:0px; height:105px; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; clear: both; background-color: #fff; border-top: 5px solid #fff;}
			.panelslider ul {height:115px; display:block; float:left; width:960px;} 
.panelslider li {height:115px; cursor:pointer; display:block; float:left; width: 240px;}
.panelslider li.panelusuarios {background:url(images/fb_azul_usuarios.jpg) left top repeat-x; }
.panelslider li.panelsoporte{background:url(images/fb_orange_afiliados.jpg) left top repeat-x; }
.panelslider li.panelclientes {background:url(images/fb_azul_clientes.jpg) left top repeat-x; }
.panelslider li.panelcoregistros {background:url(images/fb_orange_coregistros.jpg) left top repeat-x; }
.panelslider li h3 	{color:#DDD; padding:10px 0 0 15px; margin-bottom:0; background:transparent; height:25px;}
.panelslider li.active h3 {background:#212121; color:#FFF;}
.panelslider li h3 strong {color:#6fac4f; font-weight:normal;}
.panelslider li span, .panelslider li.inactive span {display:none;}
.panelslider li.active span {display:inline;}
.panelslider li h4 {padding:10px 0px 0 10px; margin-bottom: 0; font-size: 9pt;}
.panelslider li p {padding:0 15px; margin-bottom:.4em; width:120px;}
.panelslider li p.small {padding-left: 10px; padding-top: 6px; margin: 0;}
.panelslider li p a { text-decoration:none; color:#353535}
.panelslider li.active p 		{width:320px;}
.panelslider li.inactive p {width:120px;}
.panelslider li div {height:115px; padding-left: 70px; border-left: 2px solid #FFF;}
.panelslider ul, .panelslider ul li {list-style:none; margin:0; padding:0;} 

				.panelslider li img {position:absolute; bottom:0px;}
				* html body .panelslider li img {position:absolute; bottom:10px} /* IE6 BUG */
				 	.panelslider #show01 img {right:280px;}
				.panelslider #show01.active p {width:290px;} 
						#show02 img {right:205px;}
						#show03 img {right:210px;}
						#show04 img {right:225px;}
						#show05 img {right:225px;}
						html	body	.panelslider li.active img {position:absolute; right:-5px!important;}
						html body .panelslider #show01.active img {position:absolute; right:15px!important;}
						
						
						.panelslider .showcase .disp {display:none;}