/* 
    Document   : slideshow
    Created on : 24/09/2009, 10:26:46 AM
    Author     : DGADTOM
    Description:
        Purpose of the stylesheet follows.
*/

/* Estilos para el componente image rotator */
#image_rotator #main { background: #F0F0F0 none repeat scroll 0 0; border: 8px solid #83ACCA; }
#image_rotator * { margin: 0; padding: 0; outline: none; }
#image_rotator img { border: none; }
#image_rotator .container { margin:0 auto; padding: 0px; overflow:hidden; width:465px; }
#image_rotator .main_image { width: 324px; height: auto; float: left; background: #333; position: relative; overflow: hidden; color: #fff; }
#image_rotator .main_image a { color: #FFF; text-decoration: none; font-weight: normal; }
#image_rotator .main_image a:hover { color: #FFF; text-decoration: underline; font-weight: normal; }
#image_rotator .main_image h2 { font-size: 10px; text-align: center; font-weight: bolder; margin: 0 0 5px; padding: 5px 15px; background-color: transparent; }
#image_rotator .main_image p { font-size: 10px; line-height: 10px; padding: 5px 5px; padding-right: 10px; margin: 0; }
#image_rotator .main_image table { width: 100%; margin-bottom: 0px; }
#image_rotator .main_image table td { text-align: right; padding: 0px; margin: 0px; }
#image_rotator .main_image .blocker small { margin-left: 10px; }
#image_rotator .main_image .desc{ position: absolute; bottom: 0; left: 0; width: 100%; display: none; }
#image_rotator .main_image .blocker{ width: 100%; height:100%; background: #111; border-top: 1px solid #000; }
#image_rotator .main_image .desc .blocker h2 { display: none; }
#image_rotator .main_image a.show { background-position: left bottom; }
#image_rotator .image_thumb { float: left; background: #f0f0f0; border-right: 1px solid #fff; border-right: 0px solid #fff; width: 141px; _width: 125px; }
#image_rotator .gallery h2 {
    color: inherit;
    color:expression(this.parentNode.currentStyle.color ? this.parentNode.currentStyle.color :'#FFFFFF');
}
#image_rotator .image_thumb img { border: 1px solid #ccc; padding: 10px 5px; background: #fff; float: left; }
#image_rotator .image_thumb ul { margin: 0; padding: 0; }
#image_rotator .image_thumb ul li{ margin: 0; padding: 0px 0px; background: #f0f0f0 url(/imagenes/principal/nav_a.gif) repeat-x;  width: 141px; height: 35px; float: left; border-top: 1px solid #fff; list-style: none; text-align: left; _width: 125px; }
#image_rotator .image_thumb ul li.hover { background: #DDD; cursor: pointer; }
#image_rotator .image_thumb ul li.active { color: #FFF; background: #9CBD40; cursor: default; width: 100%; }
html #image_rotator .image_thumb ul li h2 { text-align: right; font-size: 10px; margin-top: 5px; padding: 0; background-color: transparent; }
#image_rotator .image_thumb ul li .blocker { height: 25px; margin-right: 2px; }
#image_rotator .image_thumb ul li p { display: none; }
#image_rotator .footer-gallery { background-image: url(/imagenes/principal/barra_s_logo.png); background-repeat: no-repeat; background-color: #CCC; _background-color: #CCC; height: 25px; clear: both; }
#image_rotator .logo { margin-top: 10px; }
/* Terminan estilos para el componente image rotator */

/* Estilos para el componente slideshow */
.mainSlide div#tmpSlideshow { margin: 10px auto; padding: 30px 0 0 0; position: relative; height: 290px; _height: 330px; width: 500px; background-color: #F0F0F0; }
.mainSlide div.tmpSlide { position: absolute; top: 0; left: 0; width: 100%; height: auto; display: none; }
.mainSlide div.tmpSlide img { float: left; margin: 15px 0 0 15px; width: 225px; border: 1px solid #CCC; }
.mainSlide div#tmpSlideshowControls { position: absolute; bottom: 10px; width: 100%; *right: 0px; }
.mainSlide div.tmpSlideshowControl { border: 1px solid #e1dece; float: left; margin: 0 5px 0 0; background: url('../images/itemSelected.png') no-repeat; width: 25px; height: 25px; color: #554d31; font-size: 10px; text-align: center; cursor: pointer; }
.mainSlide div.tmpSlideshowControl span { line-height: 25px; vertical-align: middle; }
.mainSlide div.tmpSlideshowControlOn { background-image: url('../images/itemSelected.png'); }
.mainSlide div.tmpSlideshowControlActive { border: 1px solid #83ACCA; }
.mainSlide div.tmpSlideCopy { float: right; position: relative; text-align: justify; margin-top: 10px; width: 230px; margin-right: 15px; }
.mainSlide div#tmpSlideshow h4 { color: #4080C0; font-size: 12px; margin: 15px 0; }
.mainSlide div.tmpSlideCopy p { line-height: 1.5em; }
.mainSlide .newsContent p { text-align: justify; margin-left: 15px; margin-right: 15px; line-height: 1.5em; }
/* Terminan estilos para el componente image rotator */