* {
	margin:0;
	padding:0;	
	
}
.slider {
	width:400px;
	height:307px;
	float:left;
	margin:10px 0 0 5px;	
	
}

.anythingSlider {
	width: 400px;
	height: 307px;
	float: left;
	margin: 0;
	font: normal 11px Arial, Helvetica, sans-serif;
	position: relative;
}
anythingSlider_sf .wrapper ul li{
	list-style: none;
	color:#fff;
}
.anythingSlider .wrapper {
	width: 400px;
	overflow: auto;
	height: 307px;
	margin: 0;
	position: absolute;
	top: 0px;
	left: 0px;
}
.anythingSlider .wrapper ul {
	width: 99999px;
	list-style: none;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}
.anythingSlider ul li                   {
	/*display: block;*/
	float: left;
	padding: 0;
	height: 307px;
	width: 3000px;
	margin: 0;
	list-style: none;
}
.anythingSlider .arrow  { 
display: block; 
height: 34px;
 width: 31px; 
 background: url(../images/arrows.png) no-repeat 0 0;
 text-indent: -9999px;
  position: absolute; 
  top: 135px; 
  cursor: pointer;
  }
  
.anythingSlider .forward	{ 
	background-position: 0px 0px; 
	right:-20px; 
	background: url(images/avanzar.png) no-repeat;}
.anythingSlider .back	{ 
	background-position: 50px 50px; 
	left: -45px; 
	background: url(images/atras.png) no-repeat;
}

.anythingSlider .forward:hover  {
	 background-position: 0px 0px;
	 }
.anythingSlider .back:hover {
	 background-position: 0px 0px; }

#thumbNav {
	 position: relative; 
	 top: 235px; 
	 text-align: center; 
	 display:none;
	 
	  } /* en el caso de querer botones de navegacion quitar el display*/

#thumbNav a { 
	color: #ccc; 
	font: 11px/18px Arial, Helvetica, sans-serif; 
/*	display: inline-block; */
	padding: 2px 8px; 
	height: 18px; 
	margin: 0 5px 0 0; 
	background: #050a0f; 
	text-align: center;
}
#thumbNav a:hover { background-image: none; }
#thumbNav a.cur { background: #99CC00; 
color:#FFFFFF;
 font-weight:bold; }
 
 

#start-stop{ 
	background: #FC0; 
	background-image: url(../images/cellshade.png); 
	background-repeat: repeat-x; 
	color: white; 
	padding: 2px 5px; 
	width: 40px; 
	text-align: center; 
	position: absolute; 
	right: 10px; 
	top: 235px;
	display:none;
}

#start-stop.playing  { background: #09C; right:10px; }
#start-stop:hover  { background: #3CF; }


.anythingSlider .wrapper ul ul {
	position: static;
	margin: 0;
	background: none;
	overflow: visible;
	width: auto;
	border: 0;
	padding: 0;
}
.anythingSlider .wrapper ul ul li { float: none; height: auto; width: auto; background: none; }


/**/
#panel-1 img {
padding:0;
}


#panel-3 a {
color:#FF6600;
font: nomal 11px Arial, Helvetica, sans-serif;
font-weight:bold;
padding: 10px;
text-decoration:none;
}

#scroll_contenidos {
	float: left;
	height: auto;
	margin: 0;
	font: normal 11px Arial, Helvetica, sans-serif;
	padding: 0;
	width: 713px;
}

#scroller-header a {
	text-decoration:none;
	color:#333333;
	padding:5px 20px;
	background: url(../images/btn_slide.jpg) repeat;
	width: auto;	
}


#scroller-header a:hover {
	text-decoration:none; 
	color:#fff;


}

a.selected {
	text-decoration:none!important; 
	color: #020c16 !important;
	font-weight:bold;
	background:url(../images/btn_slide.jpg);
	
}

#scroller-header {
	background:url(images/header.gif) no-repeat;
	width:693px;
	padding: 20px 0 0 30px;
	height: 24px;
}

#scroller-body {
	background:url(images/body.gif) no-repeat bottom center;
	width:500px;
	padding: 0;
}

#mask {
	width:500px;
	overflow:hidden;
	margin:0 auto;
}

#panel {

}

#panel div {
	float:left;
	margin: 0;
	width: 500px;


}

/* Extra styling for each panel*/

#panel ul {
	list-style:none;
	margin:0 5px;
	padding:0;
	width: 500px;
	padding: 0 10px 0 10px;
}

	#panel ul li {
	padding:5px;
	color:#FFFFFF;
	border-bottom:1px dotted #ccc;
	text-align: justify;
	margin: 2px 0 5px 10px;
	}

	#panel ul li.last {
		border-bottom:none !important;
	}

#scroll_contenidos #scroller-header li{
	background:url(../images/btn_slide.jpg) no-repeat;
	width: auto;
	height:auto;
	list-style-type: none;
	display: inline;
	font-size:11px;
}

#panel h2 {
padding: 0 0 0 20px;
}

.imagen_slide {
	width:400px;
	height:307px;
	float:left;
	display: block;

	
}