html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{ margin:0; padding:0; border:0; outline:0;
 font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; 
 vertical-align:baseline; }

/* не забудьте определить состояник "фокус", стилей */
:focus { outline:0; }
body { line-height:1; color:black; background:white; }
ol, ul { list-style:none; }

/* таблицам необходим cellspacing="0" в разметке */
table { border-collapse:separate; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }

body{
	background: url(../images/back_font.jpg);
	height: 100%;
	width:100%;
}
header{
	height:170px;
	background:#fff;
	position:relative;
}
header .logo{
	position: absolute;
	left: 245px;
	top: 60px;
}
.border-bottom{
	background:url(../images/border_bottom_header.png) repeat-x;
	height:5px;
	-webkit-box-shadow: 0px 2px 6px 0px rgba(50, 50, 50, 0.82);
	-moz-box-shadow:    0px 2px 6px 0px rgba(50, 50, 50, 0.82);
	box-shadow:         0px 2px 6px 0px rgba(50, 50, 50, 0.82);
}
.carusel p{
	width: 440px;
	height: 30px;
	opacity:0.8;
	color: #fff;
	font-family: Arial;
	font-size: 16px;
	padding: 0px 20px;
	padding-top: 10px;
	line-height: 17px;
}
.carusel{
	position: relative;
	margin: 120px 150px 0 169px;
}
.carusel ul li{
	float:left;
	max-width: 100%;
	height: 400px;
	border:1px solid #9FA4A8;
	margin: 0;
	margin-right:60px;
	-webkit-box-shadow: 1px 1px 6px 0px rgba(50, 50, 50, 0.82);
	-moz-box-shadow:    1px 1px 6px 0px rgba(50, 50, 50, 0.82);
	box-shadow:         1px 1px 6px 0px rgba(50, 50, 50, 0.82);
	margin-bottom:10px;
}
.carusel ul li:first-child{
	margin:0;
	margin-right:60px;
}
.head_container{
	background: #005578;
	height: 66px;
	border-bottom: 1px solid #9FA4A8;
}
footer{
	width:100%;
	height:70px;
	background: #fff;
	margin-top:90px;
	opacity: 0.5;
}
pre{
	font-size: 16pt;
	font-family: Arial;
	line-height: 30px;
	padding: 5px;
	padding-left: 18px;
}
.jcarousel-control-next{
	background: url(../images/next.png) no-repeat;
	width: 31px;
	height: 71px;
	position: absolute;
	left: 100%;
	top: 0px;
}
.jcarousel-control-next:hover{
	background: url(../images/next_hover.png) no-repeat;
}
.jcarousel-control-prev{
	background: url(../images/prev.png) no-repeat;
	width: 31px;
	height: 71px;
	position: absolute;
	left: -50px;
	top: 0px;
}
.jcarousel-control-prev:hover{
	background: url(../images/prev_hover.png) no-repeat;
}
/*
This is the visible area of you carousel.
Set a width here to define how much items are visible.
The width can be either fixed in px or flexible in %.
Position must be relative!
*/
.jcarousel {
    overflow: hidden;
//		max-width: 99%;
}
/*
This is the container of the carousel items.
You must ensure that the position is relative or absolute and
that the width is big enough to contain all items.
*/
.jcarousel ul {
    width: 20000em;
    position: relative;

    /* Optional, required in this case since it's a <ul> element */
    list-style: none;
    margin: 0;
    padding: 0;
}

/*
These are the item elements. jCarousel works best, if the items
have a fixed width and height (but it's not required).
*/
.jcarousel li {
    /* Required only for block elements like <li>'s */
    float: left;
}
@media (max-width: 1920px) {
	.jcarousel {
		max-width: 1568px;
	}
}
@media (max-width: 1680px) {
	.jcarousel {
		max-width: 1030px;
	}
	.jcarousel-control-next{
		left: 85%;
	}
	.carusel{
		margin: 120px 150px 0 300px;
	}
}
@media (max-width: 1600px) {
	.jcarousel {
		max-width: 1030px;
	}
	.jcarousel-control-next{
		left: 1045px;
	}
	.carusel{
		margin: 120px 150px 0 280px;
	}
}
@media (max-width: 1440px) {
	.jcarousel {
		max-width: 1030px;
	}
	.jcarousel-control-next{
		left: 1045px;
	}
	.carusel{
		margin: 120px 150px 0 225px;
	}
}
@media (max-width: 1366px) {
	.jcarousel {
		max-width: 1030px;
	}
	.jcarousel-control-next{
		left: 1045px;
	}
	.carusel{
		margin: 120px 150px 0 190px;
	}
}
@media (max-width: 1280px) {
	.jcarousel {
		max-width: 1030px;
	}
	.jcarousel-control-next{
		left: 1045px;
	}
	.carusel{
		margin: 120px 150px 0 100px;
	}
}