*
{
	padding: 0px;
	margin: 0px;
}

.clear
{
	clear: both;
}

a
{
	text-decoration: none;
}
input,textarea{ outline: none !important;}

a img { border: none;}

body
{
	font: 14px/18px Arial;
}

body.night
{
	background: #000917;
}

body.day
{
	background: #e4c192;
}

body .bg-container > .grad
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 276px;
	width: 100%;
}

body.day .bg-container > .grad
{
	background:url(../images/day-grad.png);	
}

body.night .bg-container > .grad
{
	background:url(../images/night-grad.png);	
}

.bg-container
{
	z-index: -1;
	position: fixed;
	top: 0px;
	left: 0px;
	
	width: 100%;
	min-width: 985px;
	max-height: 100%;
	overflow: hidden;
}

.bg-container > img {width: 100%;}

.container
{
	width: 965px;
	padding: 0px 10px;
	margin: 0px auto;
}

.nav-container
{
}

#footer ul.nav {line-height: 70px;}
ul.nav
{
	text-transform: uppercase;
	list-style-type: none;	
	line-height: 60px;
}

ul.nav li
{
	display: inline;
	padding: 0px 40px;
}

#header ul.nav
{
	float: right;
	padding-right: 11px;
	font-size: 12px;
}

#header ul.nav li {padding-right: 0;}

#footer ul.nav
{
	float: left;
	font-size: 11px;
}

#footer ul.nav li {padding-left: 0;}

ul.nav a
{
	color: #00aeef;
}

body.day ul.nav a
{
	color: #333b53;
}

#footer ul.nav a
{
	color: #959595;
}

body.day #footer ul.nav a
{
	color: #474748;
}

ul.nav a:hover,
ul.nav a.active
{
	color: #fff;
	text-decoration: underline;
}

body.day ul.nav a:hover,
body.day ul.nav a.active
{
	color: #2980b9;
}

#footer ul.nav a:hover,
#footer ul.nav a.active
{
	color: #1970b8;
	text-decoration: none;
}

body.day #footer ul.nav a:hover,
body.day #footer ul.nav a.active
{
	color: #0c7787;
}


/*

	HEADER

*/

#header
{
	position: relative;
	padding-bottom: 38px;
}

#header > .contact-container
{
	text-align: right;
	padding-right: 11px;
	font: normal 20px/32px Arial;
	padding-bottom: 50px;
	padding-top: 20px;
}

#header > .contact-container > *
{
	color: #003472;
}

#header > .contact-container a
{
}

#header > .contact-container a:before
{
	content: "";
	display: inline-block;
	width: 17px;
	height: 12px;
	background: url(../images/sprie.png);
	margin-right: 8px;
	opacity: 0;
}

#header > .contact-container a.mobile:before{ margin-right: 9px; background-position: 0px 0px;}
#header > .contact-container a.email:before{ background-position: 0px -12px;}


#header .mobile
{
	font-size: 20px;
}

.logo
{
    /*width: 380px;*/
    /*height: 167px;*/
    /*background: url(../images/logo.png);*/
    /*position: absolute;*/
    /*top: 0px;*/
    /*left: 0px;*/

    /*width: 278px;*/
    /*height: 138px;*/
    /*background: url(../images/logo.png);*/
    position: absolute;
    top: 10px;
    left: 0px;
}

.logo svg {
    height: 170px;
    fill: #003472;
}

.menu
{
	overflow: hidden;
	width: 100%;
	height: 61px;
	background:url(../images/bg-menu.png);
	border-radius: 4px;
	
	font-weight: bold;
	text-transform: uppercase;
	line-height: 16px;
	
	-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:    0px 1px 1px rgba(0, 0, 0, 0.3);
	box-shadow:         0px 1px 1px rgba(0, 0, 0, 0.3);
}

html .menu td.last
{
	background: none;
	padding-right: 0px;
}

.menu td
{
	position: relative;
	background: url(../images/menu-divider.png) 100% 0 repeat-y;
	padding-right: 1px;
}

.menu td:hover
{
}

.menu a
{
	white-space:nowrap;
	padding: 15px 45px;
	height: 31px;
	display: block;
	color: #fff;
	position: relative;
}
.menu a:hover,
.menu a.active

{
	background: url(../images/bg-menu-hover.png);
}

.menu td.first a,
.menu td.last a
{
	border-radius: 4px;
}


.menu td.last a:hover:after,
.menu td.last a.active:after
{
	display: none;
}

.menu a:hover:after,
.menu a.active:after
{
	content: "";
	position: absolute;
	top: 0px;
	right: -1px;
	width: 3px;
	height: 100px;
	background: url(../images/menu-divider-hover.png);	
}

.menu a:hover:before,
.menu a.active:before
{
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 61px;
	
	background: url(../images/bg-menu-grad-hover.png);
	
	background-position: center;
	
}

.menu a > span
{
	vertical-align: middle;
	display: table-cell;
	height: inherit;
}


/*

	FOOTER

*/

#footer
{
}

.site-map
{
	background: url(../images/site-map.png);
	border: 1px solid #343e4d;
	text-transform: uppercase;
	
	border-radius: 4px;
}

.site-map > .top
{
	font-size: 12px;
	line-height: 16px;
	color: #ffffff;

	border-bottom: 1px solid #2e3642;
	height: 32px;
	padding-top: 18px;
	padding-bottom: 18px;
}

html .site-map > .top > .column
{
	float: none;
	height: 32px;
	display: table-cell;
	vertical-align: middle;
}

.site-map > .top > .column,
.site-map > .column
{
	float: left;
	width: 127px;
	padding-left: 30px;
}

.site-map > .column
{
	padding-top: 20px;
	padding-bottom: 12px;
}

.site-map > .column a
{
	font-size: 11px;
	color: #acacac;
	line-height: 12px;
	display: inline-block;
	padding-bottom: 8px;
    width: 100%;
}

.site-map > .column a:hover { color: #fff;}

.internet-agency
{
	position: relative;
	float: right;
	font-size: 11px;
	line-height: 70px;
	color: #898989;
	
}

body.day .internet-agency{
color: #474748;
}

.small-logo
{
	position: absolute;
    top: 14px;
    left: -34px;
    width: 24px;
    height: auto;
}

/*

	CONTENT

*/

#content
{
	padding-bottom: 70px;
}

.slideshow-arrow
{
	top: 50%;
	margin-top: -13px;
	position: absolute;
	width: 25px;
	height: 36px;
	background-image: url(../images/slideshow-arrows.png);
	z-index: 9999;
}

.slideshow-arrow.prev
{
	left: -187px;
	background-position: 0px -36px;
}
.slideshow-arrow.prev:hover
{
	background-position: 0px 0px;
}

.slideshow-arrow.next
{
	right: -180px;
	background-position: -25px -36px;
}
.slideshow-arrow.next:hover
{
	background-position: -25px 0px;
}

.slideshow-pager
{
	text-align: center;
	position: absolute;
	bottom: 0px;
	width: 100%;
	left: 0px;
}

.slideshow-pager a
{
	display: inline-block;
	zoom: 1;
	*display: inline;
	width: 12px;
	height: 12px;
	background: url(../images/slideshow-pager.png) -12px 0px;
	margin: 0px 4px;
	
	text-indent: -999px;
	overflow: hidden;
}

.slideshow-pager a.active
{
	background-position: 0px 0px;
}

.slideshow-container
{
	position: relative;
	width: 600px;
	height: 365px;
	margin: 0px auto 30px;
	left: 4px;
}

.slideshow-item
{

	position: relative;
	width: 583px;
	height: 344px;
}

.slideshow-item > img
{	
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}

.column-container p
{
	font-size: 13px;
	line-height: 17px;
	color: #b9b8b8;
	padding-bottom: 11px;
}

body.day .column-container p
{
	color: #333B53;
}

.column-container > .column.left {float: left;}
.column-container > .column.center {float: left; margin-left: 55px;}
.column-container > .column.right {float: right;}

.column-container > .column
{
	width: 265px;
	padding: 10px;
	background: url(../images/site-map.png);
	border-radius: 4px;
}

body.day .column-container > .column
{
	position: relative;
	overflow: hidden;
	background: rgba(110,150,179, 0.9);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e56e96b3', endColorstr='#e56e96b3');
	background-image: none;
}

body.day .column-container > .column > *
{
	z-index: 1;
	position: relative;
}

.img-wrap
{
	position: relative;
	width: 265px;
	height: 129px;
	margin-bottom: 19px;
}

.img-wrap > img
{
	width: 100%;
	min-height: 100%;
	border-radius: 4px;
}

.img-wrap > .shadow
{
	height: 16px;
	width: 100%;
	position:absolute;
	top: 100%;
	left: 0px;
	background:url(../images/img-shadow.png);
}

.blue-shw
{
	font-weight: normal;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3);
}

h2.blue-shw,
h1.blue-shw
{
	font-size: 30px;
	line-height: 70px;
	color: #036eaf;
	text-transform: uppercase;
	
}

h3.blue-shw
{
	font-size: 18px;
	line-height: 24px;
	color: #1970b8;
	text-shadow: none;
}

.date-event
{
	font-size: 11px;
	color: #879cbf;
	padding-bottom: 7px;
}

body.day .date-event { color: #fff;}

.btn
{
	position: relative;
	font: bold 14px/31px Arial;
	text-align: center;
	padding: 0px 15px;
	color: #fff;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
	cursor: pointer;

	display: inline-block;
	border-radius: 4px;
	border: none;
	
	background: url(../images/btn.png);
	height: 32px;
}

.btn input[type=submit] {position: absolute; top: 0px; left: 0px; text-indent: -9999px; height: 100%; width: 100%; overflow: hidden; border: none; background: transparent none;}

.btn.type2
{
	line-height: 28px;
	height: 29px;
	background: url(../images/btn2.png);
}

.btn.type2:hover
{
	background-position: 0px -29px;
}

.btn:hover
{
	background-position: 0px -32px;
}

body.day .column-container > .column > .grad,
.blue-container > .grad
{
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -510px;
	width: 1020px;
	height: 852px;
	
	background: url(../images/c-blue-grad.png) no-repeat;
	background-size: 100% 100
	z-index: 0;
		opacity: 0.9;
	filter: alpha(opacity=90);
	

}

body.day .column-container > .column > .grad
{
	opacity: 0.5;
	filter: alpha(opacity=50);

}

.blue-container
{
	position: relative;
	overflow: hidden;
	border-radius: 5px;
	background: rgba(100,151,190, 0.9);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e56497be', endColorstr='#e56497be');
	padding: 35px 40px 40px 50px;
	
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:    0px 1px 3px rgba(0, 0, 0, 0.5);
	box-shadow:         0px 1px 3px rgba(0, 0, 0, 0.5);
}

.blue-container > .left,
.blue-container > .right
{
	position: relative;
	z-index: 1;
}

.blue-container > .left
{
	padding-top: 10px;
	float: left;
	width: 520px;
}

.blue-container > .right
{
	float: right;
	width: 310px;
	text-align:center;
}

.blue-container > .right.type2 { width: 270px; text-align:left;}

.blue-container > .right .btn-pos
{
	position: relative;
	margin-top: -10px;
}

.blue-container p
{
	color: #333b53;
	font-size: 15px;
	text-align: justify;
	padding-bottom: 17px;
}

.news-item h1,
.blue-container h1
{

	color: #333b53; 
	font: normal 38px "Myriad Pro";
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
	padding-bottom: 6px;
}

.news-item h1.type2,
.blue-container h1.type2
{
	color: #136cb5;
	text-transform: uppercase;
}

.blue-container h2
{
	font: normal 18px/48px Arial;
	color: #136cb5;
	text-transform: uppercase;
	padding-bottom: 23px;
}

.blue-container h1 > span
{
	padding-left: 3px;
	color: #52575f;
	font: 18px Arial;
}

.project-container
{
	width: 915px;
	margin-top: 40px;
	padding: 0px 25px 29px;
	border-radius: 5px;
	
	-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    0px 0px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         0px 0px 2px rgba(0, 0, 0, 0.2);
	
	background: -moz-linear-gradient(top,  rgba(126,206,247,0.7) 0%, rgba(237,237,237,0.5) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(126,206,247,0.7)), color-stop(100%,rgba(237,237,237,0.5))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(126,206,247,0.7) 0%,rgba(237,237,237,0.5) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(126,206,247,0.7) 0%,rgba(237,237,237,0.5) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(126,206,247,0.7) 0%,rgba(237,237,237,0.5) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(126,206,247,0.7) 0%,rgba(237,237,237,0.5) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b37ecef7', endColorstr='#80ededed',GradientType=0 ); /* IE6-9 */
}

.project-container h2
{
	padding-top: 20px;
	font-size: 20px;
	line-height: 34px;
	color: #136cb5;
}

.project-container > .text-block
{
	position: relative;
	
}

.project-container > .text-block p,
.news-item
{
	font-size: 13px;
	color: #333b53;
	padding-bottom: 12px;
}

.news-item .flash-object {
    text-align: center;
    margin: 20px;
}

.project-container a,
.news-item a
{color: #136cb5; text-decoration: underline;}

.project-container a.btn {
	color: #fff;
	text-decoration: none;
	position: absolute;
	bottom: 17px;
	right: 8px;
}

.project-container .site-img
{
	display: block;
	width: 900px;
	margin: 0 auto;
}

.project-container .site-img > img
{
	width: 100%;
}

.news-open-container
{
	line-height: normal;
	padding: 30px 50px 30px 50px;
	margin-bottom: 35px;
	
	background: url(../images/bg-news.png);
	
	border-radius: 5px;
	
	-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    0px 0px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         0px 0px 2px rgba(0, 0, 0, 0.2);
}

.news-open-container > h1,
.news-open-container > h2
{
	color: #136cb5;
	font-weight: normal;
}

.news-open-container > h1
{
	font-size: 30px;
	text-transform:uppercase;
	padding-bottom: 27px;
}

.news-open-container > h2
{
	font-size: 20px;
	padding-bottom: 3px;
}

.news-open-container > .date,
.news-item .date
{
	font-size: 11px;
	color: #52575f;
	padding-bottom: 20px;
}

.news-open-container p
{
	font-size: 16px;
	
	color: #333b53;
	text-align: justify;
	padding-bottom: 22px;
}

.share-btn
{
	display: inline-block;
	zoom: 1;
	*display: inline;
	
	background-image:url(../images/share-buttons.png);
	height: 33px;
	width: 136px;
	margin-right: 20px;
}

.share-btn.twitter {background-position: 0px 0px;}
.share-btn.twitter:hover {background-position: 0px -33px;}
.share-btn.facebook {background-position: -136px 0px;}
.share-btn.facebook:hover {background-position: -136px -33px;}
.share-btn.mail {background-position: -272px 0px; width: 147px;}
.share-btn.mail:hover {background-position: -272px -33px;}

 
.news-item
{
	margin-bottom: 21px;
	
	width: 905px;
	padding: 30px;
	border-radius: 5px;
	
	-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    0px 0px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         0px 0px 2px rgba(0, 0, 0, 0.2);
	
	background: -moz-linear-gradient(top,  rgba(126,206,247,0.7) 0%, rgba(237,237,237,0.5) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(126,206,247,0.7)), color-stop(100%,rgba(237,237,237,0.5))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(126,206,247,0.7) 0%,rgba(237,237,237,0.5) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(126,206,247,0.7) 0%,rgba(237,237,237,0.5) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(126,206,247,0.7) 0%,rgba(237,237,237,0.5) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(126,206,247,0.7) 0%,rgba(237,237,237,0.5) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b37ecef7', endColorstr='#80ededed',GradientType=0 ); /* IE6-9 */
}

.news-item .side-left
{
	float: left;
	width: 341px;
}

.news-item > .side-right
{
	float: right;
	width: 535px;
}

.browser-wrap
{
	width: 335px;
	height: 203px;
	padding: 22px 3px 3px 3px;
	background-image:url(../images/browser-wrap.png);
}

.browser-wrap img
{
	width: 100%;
	height: 100%;
	border-radius: 0px 0px 5px 5px;
}

.news-item h2
{
	font-weight: normal;
	color: #136cb5;
	line-height: normal;
	font-size: 20px;
	padding: 0px 0px 3px;
}

.field-block.first {padding-top: 35px;}

.field-block input[type=text],
.field-block textarea
{
	background: #e7e7e7;
	border-radius: 18px;
	line-height: 18px;
	height: 18px;
	width: 500px;
	border: none;
	
	padding: 10px 10px 9px;
	margin-bottom: 27px;
	
	-webkit-box-shadow: inset 0px 1px 2px rgba(192, 192, 192, 1), 0px 1px 0px rgba(255, 255, 255, 1);
	-moz-box-shadow: inset 0px 1px 2px rgba(192, 192, 192, 1), 0px 1px 0px rgba(255, 255, 255, 1);
	box-shadow: inset 0px 1px 2px rgba(192, 192, 192, 1), 0px 1px 0px rgba(255, 255, 255, 1);
}

.field-block textarea
{
	resize: none;
	height:180px;
}

.field-block input[type=text] { line-height: 15px; height: 15px; padding: 12px 10px 10px;}

.field-block label
{
	font-size: 15px;
	color: #333b53;
	display: block;
	padding: 0px 0px 16px 10px;
    float: left;
}


.error
{
    float: left;
    font-size: 12px;
    padding-left: 20px;
    color: red;
}

.message-sent
{
    font-weight: 700;
    font-size: 17px;
}


.faq-item{
    margin-bottom: 30px;
}
.faq-item .question{
    font-weight: 700;
}

.photo-item{
    width: 198px;
    float: left;
    margin: 10px 14px;
}
.photo-container{
    background-color: #C2E2FC;
}
.photo-item p{
    text-align: center;
}
.photo-item p.category-name{
    font-weight: 700;
}
.photo-item a{
    color: #333b53;
    text-decoration: none;
}
.photo-item a:hover{
    text-decoration: underline;
}
.photo-item img{
    width: 194px;
    padding: 2px;
}
.photo-item img:hover{
    opacity: 0.8;
    filter:alpha(opacity=80);
    cursor: pointer;
}


.ss-list{
    /*overflow:hidden;*/
    width:100%;
    padding:12px 0 0;
    margin:0;
    list-style:none;
}
/*.ss-list2{margin:0 0 36px -5px;}*/
.ss-list li{
    float:left;
    margin:0 27px 0 0;
}
.ss-list .facebook{
    float:left;
    width:101px;
    height:24px;
}
.ss-list .vkontakte{
    float:left;
    width:140px;
    height:24px;
}
.ss-list .twitter{
    float:left;
    width:93px;
    height:24px;
}
.ss-list .googleplus{
    /*margin-left: 17px;*/
}
.play-button{
    position: absolute;
    right: 0;
    bottom: 0;
}