﻿

#hitvip{
width:auto;
height:auto;
}


.lslide img{
display: block;
margin: 0 auto;
width:auto;
height:auto;


}
.rslide img{
display: block;
margin: 0 auto;
width:auto;
height:auto;
}

.bal img{
display: block;
margin: 0 auto;
width:auto;
height:auto;
}

.lslide{
width:49%;
float: left;
padding: 0.2em;
margin: 0 auto;
}

.rslide{ 
width:49%; 
float: right; 
padding: 0.2em;
margin: 0 auto;
}
.rslide p{padding: 3px 3px 1px 3px;
text-align: justify;}

.rslide h3, .lslide h3{
color: #222;
font-size: 1.3em;
text-align: center;
font-family: 'Open Sans', sans-serif;
font-weight: 100;
}

.rslide h2, .lslide h2{
font-size: 1.1em;
text-align: center;
font-family: 'Open Sans', sans-serif;}

.slider {
float:left;
width:98%;
position:relative;
margin: 15px 0px 15px 0px;
padding: 15px 15px 5px 15px;
height: auto;
min-height: 155px;
border-radius: 5px;
background: rgba(255,255,255,0.5);
-webkit-box-shadow: 0px -1px 47px -14px rgba(0,0,0,1);
-moz-box-shadow: 0px -1px 47px -14px rgba(0,0,0,1);
box-shadow: 0px -1px 47px -14px rgba(0,0,0,1);
}

.sliderContent {
width:100%;
min-height:380px;
clear:both;
position:relative;
overflow:hidden;
}

.sliderArrows a {
display:block;
text-indent:-9999px;
outline:none;
z-index:50;
background-image:url(../images/gfx/prev_next.png);
width:42px;
height:42px;
position:absolute;
top:50%;
margin-top:-34px;
}

.prev {
background-position:0 0;
left:15px;
}

.prev:hover {
background-position:0 -44px;
}

.next {
right:15px;
background-position:-44px 0;
}

.next:hover {
background-position:-44px -44px;
}

.sliderContent .item {
position:absolute;
width:100%;
min-height:380px;
background:#fff;
}

.sliderBullets {
position: absolute;
bottom:5px;
margin: 0 auto; 
z-index:50;
}

.sliderBullets a {
display:block;
float:left;
text-indent:-9999px;
outline:none;
margin-left:5px;
width:10px;
height:11px;
background:url(../images/gfx/bullets.png) no-repeat;
}

.sliderBullets .active {
background-position:0 -11px;
}

.sliderContent a {
outline:none;
}


/* ------ Стили для mobilyslider
-----------------------------------------------*/

@media only screen and (max-width:800px) {
.rslide{ 

width:100%;
} 
.lslide{ 
width:100%;
} 

.slider { width:90%;}

.sliderContent {
min-height:765px;

}

.sliderContent .item {
position:absolute;
width:100%;
min-height:765px;
background:#fff;}
}
