@import url(/css/reset.css) all;
@import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow&subset=latin,cyrillic);

/* html5 */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display:block; }
mark, rp, rt, ruby, summary, time{ display:inline }

/* Global */
body { 
 background:#212222; 
 font-family:Arial, Helvetica, sans-serif;
 font-size:100%; 
 line-height:1.125em;
 color:#242424;
}
html { min-width:1000px;}
html, body { height:100%;}

img {border:0;}
hr {height:1px;background:#E2E2E2;border:0;border-bottom:1px solid white;}

/* Structure */
.container {
 margin:0 auto;
 position:relative;
 width:1000px;
 font-size:.8125em;
}

/* Header */
header{
 height:72px;
 background:url(../images/header-bg.gif) 0 0 repeat-x;
 font-family:'PT Sans Narrow', sans-serif;
}
header h1 {
 font-size:34px;
 line-height:1.2em;
 color:#fff;
 font-weight:normal;
 background:url(../images/logo.jpg) no-repeat 0 0;
 padding:6px 0 8px 69px;
 position:absolute;
 left:39px;
 top:6px;
}
header a, header a:hover {
 color:#fff;
 text-decoration:none;
}
 
/*Gallery*/
#gallery {
 height:496px;
 overflow:hidden;
 background:url(../images/gallerry-bg.gif) 0 0 repeat-x;
}
 
/* Content */
#content {
 float:left;
 width:640px;
}
 
/* Sidebar */
aside, #sidebar {
 float:left;
 width:250px;
 margin-right:30px;
} 
#sidebar .sideblock {
background:whitesmoke;
padding:5px;
margin:0 0 10px 0;
}
#sidebar .sideblock:nth-of-type(1) {
background:gold;
}
#sidebar .sideblock h2 {
background:#E2E2E2;
margin:0;
padding:5px 10px;
}
#sidebar .sideblock:nth-of-type(1) h2 {
background:#FF7A00;
color:white;
}
#sidebar .sideblock .content {
padding:10px;
}
#sidebar ul {margin:0;padding:0;}
#sidebar ul li {}
#sidebar ul li a {color:black;display:block;padding:5px 10px;}
#sidebar ul li:hover a:hover {background:#FF7A00;border:0;color:white;
-webkit-transition:background 0.5s;
-o-transition:background 0.5s;
-moz-transition:background 0.5s;
transition:background 0.5s;
}

#sidebar ul li ul {
 display:none;
 position:absolute;
 width:202px;
 background:gold;
 top:0px;
 left:220px;
 z-index:15;
padding:10px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
#sidebar ul li ul li {
 float:none;
 height:30px;
 margin:0;
 background:#7cbc19;
 border-bottom:1px solid gold;
}
#sidebar ul li ul li:last-child {border:0;}
#sidebar ul li ul li a {}
#sidebar ul li ul li ul {
 top:0;
 left:220px;
}

/* Footer */
footer{
 padding:20px 0 22px 0;
 border-top:5px solid #eee;
}

/* Left & Right alignment */
.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.col-1, .col-2, .col-3 { float:left;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { 
 width:100%;
 overflow:hidden;
}

/* The inside class provides consistent padding. To be used often! */
.inside{ padding:32px 37px 50px 37px; }


/*----- form defaults -----*/
input, select, textarea { 
 font-family:Arial, Helvetica, sans-serif;
 font-size:1em;
 vertical-align:middle;
 font-weight:normal;
}

/*----- other -----*/
figure { margin-bottom:18px;}

.img-indent { 
 margin:0 20px 0 0; 
 float:left;
}
.img-box { 
 width:100%; 
 overflow:hidden; 
 padding-bottom:15px;
}
 .img-box figure { 
 float:left; 
 margin:0 20px 0 0;
 padding:0;
 }

.extra-wrap { 
 overflow:hidden;
}

p {margin-bottom:18px;}


/*----- txt, links, lines, titles -----*/
a {
 color:#017bc8;
 text-decoration:none;
}
a:hover {
 color:#F60;
 text-decoration:none;
}
.main-box a:hover {border-bottom:1px dotted #F60;}

h1,h2,h3,h4,h5,h6 {
font-family:'PT Sans Narrow', sans-serif;
}
h1 {
 font-size:34px;
}
h2 {
 font-size:30px;
 line-height:1.2em;
 font-weight:normal;
 color:#212222;
 margin-bottom:22px;
}
 h2 span {
 color:#8a8a8a;
 }
h3 {
 font-size:1em;
 margin-bottom:6px;
}
 h3 a { color:#242424; }
 h3 a:hover {
 text-shadow:1px 1px 1px #888; 
 }




/*==================boxes====================*/
.main-box {
 border-top:5px solid #eaeaea;
 background:#fff;
 width:100%;
}


.contacts {
 padding-bottom:20px;
}
 .contacts li {
 width:100%;
 overflow:hidden;
 }
 .contacts li strong {
 float:left;
 width:95px;
 }


/*===== header =====*/
header nav {
 float:right;
}
 header nav ul li {
 float:left;
 }
 header nav ul li a {
 font-size:22px;
 color:#fff;
 height:67px;
 line-height:67px;
 text-decoration:none;
 width:101px;
 text-align:center;
 float:left;
 background:#433b8f;
 background-image:gradient(top, #383282, #484095); /* FF3.6 */
 background-image:-moz-linear-gradient(top, #383282, #484095); /* FF3.6 */
 background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, #383282),color-stop(1, #484095)); /* Saf4+, Chrome */
 filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#383282', EndColorStr='#484095'); /* IE6,IE7 */
 -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#383282', EndColorStr='#484095')"; /* IE8 */
 }
 header nav ul li a.uMenuItemA, header nav ul li a:hover {
 padding-bottom:5px;
 }
 
 header nav ul li:nth-of-type(2) a {
 background:#0184cd;
 background-image:-moz-linear-gradient(top, #017bc8, #018ed3); /* FF3.6 */
 background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, #017bc8),color-stop(1, #018ed3)); /* Saf4+, Chrome */
 filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#017bc8', EndColorStr='#018ed3'); /* IE6,IE7 */
 -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#017bc8', EndColorStr='#018ed3')"; /* IE8 */
 }
 header nav ul li:nth-of-type(3) a {
 background:#7cbc19;
 background-image:-moz-linear-gradient(top, #73b515, #86c31d); /* FF3.6 */
 background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, #73b515),color-stop(1, #86c31d)); /* Saf4+, Chrome */
 filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#73b515', EndColorStr='#86c31d'); /* IE6,IE7 */
 -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#73b515', EndColorStr='#86c31d')"; /* IE8 */
 }
 header nav ul li:nth-of-type(4) a {
 background:#ffbc00;
 background-image:-moz-linear-gradient(top, #ffb500, #ffc300); /* FF3.6 */
 background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, #ffb500),color-stop(1, #ffc300)); /* Saf4+, Chrome */
 filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffb500', EndColorStr='#ffc300'); /* IE6,IE7 */
 -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffb500', EndColorStr='#ffc300')"; /* IE8 */
 }
 header nav ul li:nth-of-type(5) a {
 background:#f07502;
 background-image:-moz-linear-gradient(top, #ee6c01, #f27f02); /* FF3.6 */
 background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, #ee6c01),color-stop(1, #f27f02)); /* Saf4+, Chrome */
 filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#ee6c01', EndColorStr='#f27f02'); /* IE6,IE7 */
 -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#ee6c01', EndColorStr='#f27f02')"; /* IE8 */
 }
 header nav ul li:nth-of-type(6) a {
 background:#d00110;
 background-image:-moz-linear-gradient(top, #d00110, #da0116); /* FF3.6 */
 background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, #d00110),color-stop(1, #da0116)); /* Saf4+, Chrome */
 filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#d00110', EndColorStr='#da0116'); /* IE6,IE7 */
 -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#d00110', EndColorStr='#da0116')"; /* IE8 */
 }

header nav ul li ul {
 display:none;
 position:absolute;
 width:202px;
 background:#212121;
 top:66px;
 left:0;
z-index:10;
}
header nav ul li ul li {
 float:none;
 height:30px;
 margin:0;
background:#7cbc19;
}
header nav ul li ul li a {
 text-transform:none;
 line-height:30px;
 height:30px;
width:100%;
}
header nav ul li ul li ul {
 top:0;
 left:220px;
}


/*===== gallery =====*/
.roundabout-holder { 
 width:850px;
 height:496px;
 margin:0 auto;
}
.roundabout-moveable-item {
 width:646px;
 height:416px;
 cursor:pointer;
 border:3px solid #ccc;
 border:3px solid rgba(0, 0, 0, 0.08);
 border-radius:4px;
 -moz-border-radius:4px;
 -webkit-border-radius:4px;
}
 .roundabout-moveable-item img{
 width:100%;
 }
.roundabout-in-focus {
 border:3px solid rgba(0, 0, 0, 0.2);
}


/*===== content =====*/
#content {
 
}
aside img {opacity:0.5;}
aside img:hover {opacity:1;}

/*--- news list styles ---*/
 .news li {
 overflow:hidden;
 position:relative;
 padding:0 0 26px 84px;
 }
 .news li:last-child {
 padding-bottom:0;
 }
 
 .news li figure {
 width:59px;
 height:59px;
 background:url(../images/date-bg1.gif) no-repeat 0 0;
 position:absolute;
 left:0;
 top:0;
 text-align:center;
 border:3px solid #ebebeb;
 border-radius:4px;
 -moz-border-radius:4px;
 -webkit-border-radius:4px;
 font-size:10px;
 color:#fff;
 text-transform:uppercase;
 }
 .news li figure strong {
 display:block;
 font-size:30px;
 line-height:1.2em;
 margin-bottom:-7px;
 padding-top:4px;
 }
 
 .news li:nth-of-type(4n+2) figure {
 background:url(../images/date-bg2.gif) no-repeat 0 0;
 }
 .news li:nth-of-type(4n+3) figure {
 background:url(../images/date-bg3.gif) no-repeat 0 0;
 }
 .news li:nth-of-type(4n+4) figure {
 background:url(../images/date-bg4.gif) no-repeat 0 0;
 }




.team-list li {
 width:100%;
 overflow:hidden;
 padding-bottom:43px;
}
.team-list li:last-child {
 padding-bottom:0;
}
 .team-list li figure {
 float:left;
 margin:0 20px 0 0;
 padding:0;
 }


/*--- loopedSlider styles ---*/
/*
 * Required 
*/
#loopedSlider .wrap { width:295px; height:295px; overflow:hidden; position:relative;}
#loopedSlider .slides { position:absolute; top:0; left:0; }
#loopedSlider .slides div { position:absolute; top:0; width:295px; display:none; }
/*
 * Optional
*/
#loopedSlider { width:295px; position:relative; clear:both; }
#loopedSlider .nav-controls {
 width:100%;
 overflow:hidden;
 padding-top:10px;
}
#loopedSlider li {
 display:inline;
}
#loopedSlider li a.previous {
 float:left;
}
#loopedSlider li a.next {
 float:right;
}




/*===== footer =====*/
footer {
 color:#fff;
}
 footer .fleft {
 padding-left:40px;
 }
 footer .fright {
 padding-right:40px;
 }


/*----- forms -----*/
#contacts-form { 
 clear:right;
 width:100%;
 overflow:hidden;
}
 #contacts-form fieldset { 
 border:none;
 float:left;
 }
 #contacts-form .field { 
 clear:both;
 }
 #contacts-form label { 
 float:left;
 width:110px;
 line-height:18px;
 padding-bottom:6px;
 font-weight:bold;
 }
 #contacts-form input {
 width:205px;
 padding:1px 0 1px 3px;
 background:none;
 border:1px solid #e5e5e5;
 color:#616161;
 float:left
 }
 #contacts-form input:invalid {
 border-color:red;
 }
 #contacts-form textarea { 
 width:450px;
 height:215px;
 padding:1px 0 1px 3px;
 background:none;
 border:1px solid #e5e5e5;
 color:#616161;
 margin-bottom:12px;
 overflow:auto;
 float:left;
 }
 #contacts-form div:last-child {
 padding-left:110px;
 }

/*==========================================*/