/* ROYAL SLIDER - FRAME - DA MIRNA */

/* Width and height of slider in %, px or em */
#mySlider {
        width: 1024px;			
        /*height: 368px;*/
        height: 455px;
        margin: 0 auto;
}

 
/* 
        Left and right navigation arrows 	
*/
.royalSlider.default .arrow
{
        background: transparent;	
        background-image:url("../../img/arrows.png");
        
        /* change arrows size here */
        width: 37px;
        height: 70px;
        margin-top:-15px;	

        -moz-border-radius: 0; 
        -webkit-border-radius: 0; 
        border-radius: 0;

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -moz-opacity: 1.0;
        -khtml-opacity: 1.0;
        opacity: 1.0;	
}

/* arrow position in slider with thumbs */
.royalSlider.default.with-thumbs .arrow {
        margin-top:-49px;
}

/* Arrow down state */
.royalSlider.default .arrow:active {	
        background-color: transparent;
}

/* Arrow disabled state */
.royalSlider.default .arrow.disabled {	
        background-color: transparent !important;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)" !important;
        filter: alpha(opacity=20) !important;
        -moz-opacity: 0.2;
        -khtml-opacity: 0.2;
        opacity: 0.2;	
}

/* left arrow */
.royalSlider.default .arrow.left {
        background-position: 0 0; 
        width: 36px; 
        height: 70px;
        left: 0;	
}

.royalSlider.default .arrow.left:active {
        background-color: transparent;  	
        background-position: -226px 0; 
        width: 36px; 
        height: 70px; 
} 

.royalSlider.default .arrow.left:hover {	
        background-position: -113px 0; 
        width: 36px; 
        height: 70px;  
}

/* right arrow */
.royalSlider.default .arrow.right {
        background-position: -56px 0; 
        width: 37px; 
        height: 70px;
        right: 0;
}

 .royalSlider.default .arrow.right:active {
                background-color: transparent;  	
                background-position: -282px 0; 
                width: 37px; 
                height: 70px;
 }

.royalSlider.default .arrow.right:hover {	
                background-position: -169px 0; 
                width: 37px; 
                height: 70px;
 } 

 /* captions */
.royalSlider .royalCaptionItem {
        position: absolute;
        left: 0;
        top: 0;
        margin: 0;
        padding: 62px 30px 0 24px;   
        background:transparent;
        width: 457px;
        height: 248px;
        font-family: 'LatoRegular', sans-serif; 
        color: #fff;
        font-size: 18px;
        line-height: 28px;
}

.headerImg {
        margin-left: 20px;
}

span.captionImg {
        /*margin: 10px 50px 0 20px;*/
        margin: 45px 50px 0 20px;
        display: block;
        width:300px;
}

.captionImg span.tito {
        text-transform: uppercase;
        margin-bottom: 10px;
}

/* 

        Control navigation (bullets, thumbnails)

*/
.royalSlider .royalControlNavOverflow a{	
        background:transparent;

        width:20px;
        height:20px;	

        float:left;	
        cursor:pointer;	

        position:relative;
        display:block;
        text-decoration: none;
        text-indent: 0;	
        color: #fff;
        font-family: 'LatoLight', sans-serif;
        font-size: 20px;
}

/* Current control navigation item */
.royalSlider .royalControlNavOverflow a.current {	
        background-color: transparent;
        font-family: 'LatoBold', sans-serif;
        font-size: 20px;	
}

/* Hover state navigation item */
.royalSlider .royalControlNavOverflow a:hover {	
        background-color: transparent;
        font-family: 'LatoBold', sans-serif;
        font-size: 20px;
}

/* This container is inside ".royalControlNavContainer"  
   and is used for auto horizontal centering */
.royalSlider .royalControlNavCenterer {	
        float: left;
        position: relative;
        left: 0;
        top: 0;
}
/* Control navigation container*/ 
.royalSlider .royalControlNavContainer {
        float: left;
        position: relative;
        left: 0;
        top: 0;	
}

/* 
        Bullets and thumbnails navigation	
*/
.royalSlider.default .royalControlNavOverflow a {	
        background-color: transparent;
        background-image: none;
        background-position: 0 0;
        margin: 20px;
        width:18px;
        height:18px;			

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -moz-opacity: 1.0;
        -khtml-opacity: 1.0;
        opacity: 1.0;
}
/* Current bullet */
.royalSlider.default .royalControlNavOverflow a.current {	
        background-position: 0 0;
}
/* Bullet hover state */
.royalSlider.default .royalControlNavOverflow a:hover {		
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
}

/* Bullets nav sub-container */
.royalSlider.default .royalControlNavCenterer {	
        padding:3px 5px;
        background: transparent;

        -moz-border-radius: 0; 
        -webkit-border-radius: 0; 
        border-radius: 0;
}
/* Bullets nav or thumbnails main container */
.royalSlider.default .royalControlNavOverflow {
/*        margin-top:-58px;
        margin-left: 173px;*/
        margin-top: -100px;
        margin-left: 20px;
        width: 600px;
}

#orangeBox {
        background:#eb8b1c;
        width:512px;
        /*height:368px;*/
        height:455px;
        /*margin-top:-368px;*/
        /*top:-368px;*/
        top:-455px;
        position:relative;
}