/*
 * Royal Slider  v5.1
 *
 * Copyright 2011, Dmitry Semenov
 *  
 */
 
 /*  
 
 RoyalSlider
 
 */

.royalSlider {
    height: 491px;
    overflow: hidden;
    position: relative;
    width: 942px;
}
.royalSlider .royalWrapper {
	background-color: #908c86;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.royalSlider .royalSlidesContainer {
    left: 0;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: relative;
    top: 0;
}
.royalSlider .royalSlide {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}
.royalSlider .arrow {
    background: url("imagen/slider_home/controlsSprite.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    height: 90px;
    opacity: 0.8;
    position: absolute;
    margin-top: 155px;
    width: 45px;
    z-index: 25;
}
.royalSlider .arrow:hover {
    opacity: 1;
}
.royalSlider .arrow.disabled {
    opacity: 0.2;
}
.royalSlider .arrow.left {
    background-position: left top;
    left: 0;
}
.royalSlider .arrow.right {
    background-position: right top;
    margin-left: 790px;
	position:absolute;
}
.royalSlider .royalControlNavOverflow {
    margin-top: -20px;
    overflow: hidden;
    position: absolute;
    width: 100%;
}
.royalControlNavCenterer {
    float: left;
    left: -50%;
    position: relative;
}
.royalControlNavContainer {
    float: left;
    left: 50%;
    position: relative;
}
.royalSlider .royalControlNavOverflow.royalThumbs {
    height: 80px;
    margin-top: 4px;
}
.royalSlider .royalControlNavThumbsContainer {
    left: 0;
    position: relative;
}
.royalControlNavOverflow a {
    background: url("imagen/slider_home/controlsSprite.png") no-repeat scroll 0 -149px transparent;
    cursor: pointer;
    display: block;
    float: left;
    height: 17px;
    opacity: 0.8;
    position: relative;
    width: 17px;
}
.royalControlNavOverflow a.current {
    background-position: 0 -183px !important;
}
.royalControlNavOverflow a:hover {
    background-position: 0 -166px;
    opacity: 1;
}
.royalControlNavOverflow a.royalThumb {
    background: none no-repeat scroll 0 0 #CCCCCC;
    height: 60px;
    margin-right: 4px;
    opacity: 1;
    width: 144px;
}
.royalControlNavOverflow a.royalThumb.current {
    background-position: -3px -3px !important;
    border: 3px solid #779F4F !important;
    height: 54px;
    width: 138px;
}
.royalControlNavOverflow a.royalThumb:hover {
    background-position: -3px -3px;
    border: 3px solid #777777;
    height: 54px;
    width: 138px;
}
.royalSlider .thumbsArrow {
    background: url("imagen/slider_home/controlsSprite.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    height: 68px;
    opacity: 0.8;
    position: absolute;
    width: 38px;
    z-index: 25;
}
.royalSlider .thumbsArrow.left {
    background-position: -116px -132px;
    left: 0;
}
.royalSlider .thumbsArrow.right {
    background-position: -156px -132px;
    right: 0;
}
.royalSlider .thumbsArrow:hover {
    opacity: 1;
}
.royalSlider .thumbsArrow.disabled {
    opacity: 0.2;
}
.royalSlider .royalCaption {
    color: #FFFFFF;
    display: block;
    font: 1em/1.5em Georgia,serif;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 20;
}
.royalSlider .royalCaptionItem {
    clear: both;
    font-size: 2em;
    line-height: 1.5em;
    position: relative;
}
.royalSlider .royalLoadingScreen {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 99;
}
.royalSlider .royalLoadingScreen p {
    margin: 0 auto;
    position: absolute;
    text-align: center;
    top: 45%;
    width: 100%;
}
.royalSlider .royalPreloader {
    color: #DDDDDD;
    font: 0.8em/1.5em Georgia,serif;
    position: absolute;
    text-align: center;
    top: 46%;
    width: 100%;
}