/* 
    Document   : main
    Created on : 27.09.2012, 16:01:56
    Author     : Евгений
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/


body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, 
form, fieldset, input, p, blockquote, table, th, td, embed, object {
	padding: 0;
	margin: 0; 
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
fieldset, img, abbr {
	border: 0;
	}
address, caption, cite, code, dfn, em, 
h1, h2, h3, h4, h5, h6, strong, th, var {
	font-weight: normal;
	font-style: normal;
	}
ul {
	list-style: none;
	}
caption, th {
	text-align: left;
	}
h1, h2, h3, h4, h5, h6 {
	font-size: 1.0em;
	}
q:before, q:after {
	content: '';
	}
a, ins {
	text-decoration: none;
	}
        

* {
    margin: 0;
}

html, body {
    color: #858585;
    font-family: verdana;
    font-size: 13px;
    height: 100%;
}
.clear {
    clear: both;
}

#wrapper {
    width: 940px;
    margin: 0 auto;
}

.slides_container {
    width:800px;
    height:800px;
    margin-left: 70px;
  }
.slides_container div {
    width:940px;
    height:800px;
    display:block;
}
img.mr {
    margin-right: 56px;
}
#header {
    padding: 40px 70px 40px 70px;
    line-height: 38px;
}
#slides .right, #slides .left {
    width: 70px;
    height: 589px;
    position: absolute;
    z-index: 999;
    cursor: pointer;

}
#slides .right:hover, #slides .left:hover {
    background: url('images/img/slider_active.png') 0 0 repeat;

}
#slides .left span.active {
    background-position: 0 -178px;
}
#slides .right span.active {
    background-position: 0 -267px;
}
#slides .right span.next, #slides .left span.prev{
    width: 70px;
    height: 800px;
    display: block;
    margin: 0 auto;
}
#slides .right span span, #slides .left span span {
    top: 50%;
    width: 33px;
    height: 89px;
    display: block;
    background: url('images/img/arrows/slide_arrows.png') 0 0 no-repeat;
    position: absolute;
    top: 238px;
    left: 19px;
}
#slides .left {
    
}
#slides .right {
    margin-left: 870px;
}
#slides .right span span {
    background-position: 0 -89px;
}


#slides span.leftGrad {
    margin-left: 446px;
}
#slides span.rightGrad {
    margin-left: 542px;
}
#slides span.leftGrad, #slides span.rightGrad {
    height: 23px;
    width: 4px;
    margin-top: -40px;
    position: absolute;
    z-index: 1000;
    display: block;
}