/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 24.01.2014, 10:49:51
    Author     : Michael
*/

#slider-wrap{ /* Оболочка слайдера и кнопок */
    width: 100%;
    height: 796px;
    position: relative;
}
#slider{ /* Оболочка слайдера */
    width: 100%;
    height: 796px;
    overflow: hidden;

    position:relative;}
.slide img {
    width: 1920px;
    height: 917px;
}

.slide h2 {
    font-size: 30px;
    text-transform: uppercase;
    color: #F04D4B;
    position: absolute;
    top:45px;
    padding-left: 20px;
    width: 570px;
    text-align: center;

}

.slide p {
    top:105px;
    font-size: 30px;
    color: #4C291F;
    width: 500px;
    padding-left: 50px;
    padding-right: 20px;
    text-align: center;
    position: absolute;
    font-weight: 700;}

.slide{ /* Слайд */
    width: 1920px;
    height: 407px;
}
.sli-links{ /* Кнопки смены слайдов */
    position: absolute;
    right: 0px;
    bottom: 0px;
    width:100%; 
    padding: 3px 6px 3px 5px;
    padding-right: 6%;
    text-align:right;
}
.sli-links .control-slide{
    margin:0px;
    margin-left: 15px;
    display:inline-block;
    width:9px;
    height:9px;
    overflow:hidden;
    text-indent:-9999px !important;
    border-radius: 50%;
    background:#fff;
    font-size: 0;
    display: none;}

.sli-links .control-slide:hover{
    cursor:pointer;
    background:#00BCEC;}
.sli-links .control-slide.active{
    background:#00BCEC;}
#prewbutton, #nextbutton{ /* Ссылка "Следующий" и "Педыдущий" */   
    width:42px;
    height:42px;
    position:absolute;
    top:180px;
    overflow:hidden;
    text-indent:-999px;
    background-image: url(../images/main-sprite.png);
    background-repeat: no-repeat;    
    z-index:3;
    outline:none !important;}
#prewbutton{
    left:86px;
    background-position: -1268px -55px;
}
#nextbutton{
    right:86px;
    background-position: -1187px -55px;
}
#prewbutton:hover {
    background-position: -1268px 0;
}

#nextbutton:hover{
    background-position: -1187px 0;  
}