/* ------------------------------------slider #1------------------------------------------ */

.sliderContainer{

    margin-top:-120px;

    margin-left:55px;

    float:left;

    width:620px;

}

.sliderContainer .insideSliderContainer{

    position:relative;

}

.sliderContainer .images {

    position:relative;

    height:420px;

    width:620px;

    float:left;

    cursor:pointer;

}



/* single slide */

.sliderContainer .images div {

    display:none;

    position:absolute;

    top:0;

    left:0;

}



/* tabs (those little circles below slides) */

/*---------ховаю слайдер табз-------*/

.sliderContainer .slidetabs {

    display:none;

    /*clear:both;

    margin-left:310px;*/

}



/* single tab */

.sliderContainer .slidetabs a {

    width:8px;

    height:8px;

    float:left;

    margin:3px;

    background:url(/media/img/scrollable/arrow/navigator.png) 0 0 no-repeat;

    display:block;

    font-size:1px;

}



/* mouseover state */

.sliderContainer.slidetabs a:hover {

    background-position:0 -8px;

}



/* active state (current page state) */

.sliderContainer.slidetabs a.current {

    background-position:0 -16px;

}





/* prev and next buttons */

.sliderContainer .forward, .sliderContainer .backward {

    display:block;

    cursor:pointer;

    font-size:1px;

    text-indent:-9999em;

    position:absolute;

    z-index:998;

}



/* next */

.sliderContainer .forward { 

    margin-top:170px;

    right:-30px;

    width:120px;

    height:120px;

    background:url("../images/slider/2_default.png") no-repeat center center;     

    clear:right;}

.forward:hover { background:url("../images/slider/2_hover.png") no-repeat center center; }

.forward.active { background:url("../images/slider/2_active.png") no-repeat center center; }







/* prev */

.sliderContainer .backward{ 

    margin-top:170px;

    left:-15px;

    width:120px;

    height:120px;

    background:url("../images/slider/1_default.png") no-repeat center center;     

    clear:right;}

.sliderContainer .backward:hover { background:url("../images/slider/1_hover.png") no-repeat center center; }

.sliderContainer .backward.active { background:url("../images/slider/1_active.png") no-repeat center center; }



/* disabled navigational button. is not needed when tabs are

   configured with rotate: true */

.sliderContainer .disabled {

    visibility:hidden !important;

}

.sliderContainer h2{

    background-color:rgb(150,15,12);

    background-color:rgba(150,15,12, 0.5);

    width:320px;

    color:#fff;

    margin-top:-100px;

    margin-left:-15px;

    position:relative;

    text-indent:20px;

    padding:0px 10px;

    

}





















/*----------------------------------------------------slider #2---------------------------------------------------*/

.sliderContainer2{

    position:relative;

    float:left;

    width:460px;

    height:390px;

}

.sliderContainer2 .insideSliderContainer{

    position:relative;

    height:320px;

    overflow:hidden;

    

}

.images2 {

    position:relative;

    float:left;

    cursor:pointer;



}



/* single slide */

.sliderContainer2 .images div {

    display:none;

    position:absolute;

    top:0;

    left:0;

    font-size:12px;

}



/* header */

.images2 h3 {

    font-size:22px;

    font-weight:normal;

    color:#456;

}



/* tabs (those little circles below slides) */

/*---------ховаю слайдер табз-------*/

.slidetabs2 {

    position:absolute; 

    z-index:9999999;

    top:330px;

    clear:both;

}



/* single tab */

.slidetabs2 a {

    text-indent:5px;

    display:block;

    width:20px;

    height:20px;

    float:left;

    margin:3px;

    background:url("../images/slider/slider_2_circle.png") 0px 2px no-repeat; 

    display:block;

    color:#c3a585;

    text-decoration:none;

}

.slidetabs2 a:first-child{

    margin-left:0px;

}



/* mouseover state */

.slidetabs2 a:hover {

    text-decoration:underline;

}



/* active state (current page state) */

.slidetabs2 a.current {

    color:#fff;

    background:url("../images/slider/slider_2_disc.png") 0px 2px no-repeat;

   

}





/* prev and next buttons-----------ховаємо */

.sliderContainer2 .forward, 

.sliderContainer2 .backward {

    position:relative;

    z-index:900000000;

    display:none;

}







/* disabled navigational button. is not needed when tabs are

   configured with rotate: true */

.sliderContainer2 .disabled {

    visibility:hidden !important;

}