#home-panel{
width: 600px;
margin: 0 30px;
}

/* Slider Horarios */
#home-horarios{
background: url(../images/horario-bg.gif) left top no-repeat;
margin-top: 30px;
}

#home-horarios h2{
background: url(../images/horario-h2.gif) no-repeat right top;
height: 40px;
}

#home-horarios #horarios-slider{
width: 600px;
height: 250px;
border: 3px solid #ccff00;
background: #111;
}

#horarios-slider {
width: 600px;
margin: 0 auto;
position: relative;
}

#horarios-slider .scroll {
height: 250px;
width: 600px;
overflow: auto;
overflow-x: hidden;
position: relative;
clear: left;
/* background: #FFFFFF url(../images/content_pane-gradient.gif) repeat-x scroll left bottom; */
}

#horarios-slider .scrollContainer div.panel {
height: 250px;
width: 600px;
background: #333;
}

#horarios-slider .scrollButtons {
position: absolute;
top: 100px;
cursor: pointer;
z-index: 30;
}

#horarios-slider .scrollButtons.left {
left: -27px;
}

#horarios-slider .scrollButtons.right {
right: -27px;
}

#horarios-slider .hide {
display: none;
}

/* Slider Noticias */

#home-noticias{
background: url(../images/noticias-bg.gif) no-repeat right top;
margin-top: 30px;
}

#home-noticias .title{
background: url(../images/noticias-h2.gif) no-repeat left top;
height: 40px;
}

#home-noticias .title a{
display: block;
width: 100px;
height: 35px;
}

#home-noticias .panel{
height: 360px;
}

#home-noticias #noticias-slider{
width: 600px;
height: 360px;
background: #ff0060;
border: 3px solid #fff;
}

#noticias-slider {
width: 600px;
margin: 0 auto;
position: relative;
}

#noticias-slider .scroll {
height: 360px;
width: 600px;
overflow: auto;
overflow-x: hidden;
position: relative;
clear: left;
}

#noticias-slider .scrollContainer div.panel {
height: 360px;
width: 600px;
}

#noticias-slider .scrollButtons {
position: absolute;
cursor: pointer;
z-index: 30;
}

#noticias-slider .scrollButtons.left {
top: -49px;
right: -4px;
}

#noticias-slider .scrollButtons.right {
bottom: -49px;
left: -2px;
}

#noticias-slider .hide {
display: none;
}

#noticias-slider .news{
padding: 20px 40px;
}

#noticias-slider .news .right a img{
border: 2px solid #fff;
display: inline;
}
#noticias-slider .news h2{ background: none; text-align: left;}
#noticias-slider .news h2 a{
color: #fff;
font-size: 20px;
text-decoration: none;
}
#noticias-slider .news .left{ width: 410px; }
#noticias-slider .news p{ text-align: right; }
#noticias-slider .news .author{ font-size: 18px; }
#noticias-slider .news .date{ color: #fff; font-size: 15px;}

/* Banner */
#home-banner{
padding: 20px 0;
}

#s3slider { 
width: 600px; /* important to be same as image width */ 
height: 400px; /* important to be same as image height */
position: relative; /* important */
overflow: hidden; /* important */
border: 3px solid #c600ff;
background: #111;
margin-top: 50px;
}

#s3sliderContent {
width: 600px; /* important to be same as image width or wider */
position: absolute; /* important */
top: 0; /* important */
margin-left: 0; /* important */
}

.s3sliderImage {
float: left; /* important */
position: relative; /* important */
display: none; /* important */
}

.s3sliderImage span {
position: absolute; /* important */
left: 0;
font: 15px Arial, Helvetica, sans-serif;
padding: 10px 13px;
width: 574px;
background-color: #000;
filter: alpha(opacity=70); /* here you can set the opacity of box with text */
-moz-opacity: 0.7; /* here you can set the opacity of box with text */
-khtml-opacity: 0.7; /* here you can set the opacity of box with text */
opacity: 0.7; /* here you can set the opacity of box with text */
color: #fff;
display: none; /* important */
text-align: left;
bottom: 0;

/*
   if you put
   top: 0; -> the box with text will be shown at the top of the image 
   if you put
   bottom: 0; -> the box with text will be shown at the bottom of the image
*/
}

.s3sliderImage span strong{
font-size: 22px;
}

.s3sliderImage span a{
color: #ccff00;
}