/* Getting the new tags to behave */
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 }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.clear {clear:both;}
.table {display:table;}
.wrapper {width:100%; overflow:hidden;}
.relative {position:relative;}
.absolute {position:absolute;}

/* Global properties ======================================================== */
body, html {height:100%;}

body{ background:#dadcdf url(../images/bg1.jpg) left bottom no-repeat ;border:0; font: 12px Arial, Helvetica, sans-serif; color:#727272; line-height:18px; min-width:1000px; position:relative; overflow:hidden;}


.spinner{ position:absolute; z-index:99; background:url(../images/loader.gif) 50% 50% no-repeat #dadcdf; width:100%; height:100%; top:0; left:0}


.extra {min-height:100%; height:auto !important; height:100%; margin: 0 auto -42px; background:url(../images/grad1.png) 50% 50% no-repeat}
.block {height:0px;}

.bot1{ height:42px; position:relative; z-index:10; background:url(../images/bot_px1.gif);}
.bot2 { float:left;}
.logo2 { float:left; margin-left:10px; margin-top:12px}
.copyright{float:left;  margin-top:13px; text-align:left; padding-left:0px; color:#9f9f9f;}
.copyright a { color:#1f92d1;}


.bot3 { float:right;}
.follow{ padding-top:15px; padding-right:15px; width:200px; float:right; }
.follow img { margin-right:10px}


.main1 {margin: 0 auto;	width: 999px; position:relative;}

.top1 { height:72px;}
.top2 { float:left; margin-left:30px;}
.top3 { float:right; font-family: 'BernardMTCondens'; font-size:20px; color:#787878; text-decoration:none; margin-top:35px; margin-right:30px;}



.main2 { width:999px; height:594px; background:url(../images/kv1.png) top left no-repeat}
.main3 { width:999px; height:451px; position:relative;}

.main5 { position:absolute; z-index:10; top:9px; left:19px; width:961px; height:431px;}

.white_block { position:absolute; z-index:2; top:9px; left:19px; width:961px; height:431px; background:#FFFFFF;}



.slide { position:absolute; z-index:1; top:9px; left:19px; width:961px; height:431px;}




.main4 { width:999px; height:67px;}



/* ============================= main menu ====================== */


#menu { padding:0 20px 0 20px}

#menu > li { float:left; position:relative; height:40px; text-align:center;}
#menu > li > a{font-family: 'BernardMTCondens'; height:40px ;display:block; font-size:17px;  color:#429ed0; text-decoration:none; position: relative; padding-top:22px; padding-left:20px; padding-right:20px; overflow:hidden;}
#menu > li > a:hover {color:#fea60e}

.markers { background:url(../images/marker1.gif) 0 23px no-repeat; width:1px!important; }

.submenu{ position:absolute; z-index:30; bottom:30px; left:20px; letter-spacing:-1px; }
.submenu ul{ position:relative;}
.submenu li{ position:relative; width:160px; height:40px; text-align:left; }
.submenu li a{height:40px; width:160px; display:block;font-family: 'BebasNeueRegular'; font-size:24px;  color:#429ed0; text-decoration:none; position: relative; padding-top:0px; padding-left:0px; overflow:hidden;}
.submenu li a span{position: absolute; z-index:1; background:#202a3c; height:40px; width:160px;left: 0px; top:0px;}
.submenu li a p{position: absolute; z-index:2;left: 20px; top:10px;}
.submenu li a:hover { color:#fea60e;}

.markers2 { width:25px!important; height:10px!important; display:block; }


/* ============================= main layout ====================== */


#content{ height:431px; overflow:hidden; width:100%; position:relative; margin-bottom:0px;}
#content > ul{ position:relative; z-index:6; top:0; height:431px;}
#content > ul > li{ width:100%;}

.box { padding:35px 0 0 50px; width:911px; height:396px;}


.cols, .col1, .col2, .col3, .col4, .col5, .col6 { float:left;}

.cols { width:1px; height:370px; background:url(../images/cols_px.gif) top left repeat-y; margin-left:30px; margin-right:30px;}

.col0{ width:860px;}
.col1{ width:300px;}
.col2{ width:500px;}
.col3{ width:520px;}
.col4{ width:280px;}
.col5{ width:260px;}
.col6{ width:200px;}


.pad_left1{ padding-left:40px;}
.pad_left2{ padding-left:30px;}
.pad_left3{ padding-left:20px;}




a{ color:#418fbd; text-decoration: underline; outline:none}
a:hover{ text-decoration: none; color:#000000;}

h2{font-family: 'BebasNeueRegular'; font-weight: normal; font-size:34px; color:#000; line-height:1.2em; padding:15px 0 20px 0; letter-spacing:-1px; }
h2 > span { color:#fea60e;}

.upper{ text-transform:uppercase;}

p.text { padding:5px 0;}

.img1 {margin-bottom:15px;}
.img2 {margin-bottom:20px; margin-right:20px;}
.img3 {margin-right:20px;}
.img4 {margin-bottom:10px;}

.border1 { border:2px solid #dbdde0;}


.box strong { color:#000;}

.button1{ display:inline-block; font-family: 'BebasNeueRegular'; font-size:18px; text-transform:uppercase; color:#fff; height:28px; line-height:28px; padding:0 10px; position:relative; background:#a8c8db; text-decoration:none; margin-top:10px; text-align:left; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
.button1 strong{ position:relative; font-weight: normal;color:#fff!important;}
.button1 span{ background:#000; position:absolute; top:0; left:0; width:100%; height:100%; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
.button1:hover { color:#fff!important; text-decoration:none;}
.button1:hover strong{ color:#fff!important; text-decoration:none;}

.button2{ display:inline-block; font-size:14px; color:#429ed0; height:28px; line-height:28px; position:relative;text-decoration: underline; margin-top:10px; text-align:left;}

.button2:hover { color:#000000; text-decoration:none;}


.line{ background:url(../images/li_bg1.gif) 0 0px repeat-x; height:1px; margin:4px 0;}

.disk{ background:url(../images/li_st1.png) 5px 7px no-repeat; color:#000; padding-left:20px; text-decoration:none; line-height:20px; }
.disk a{text-decoration:none; color:#000;}
.disk a:hover{ text-decoration:underline; color:#000;}


/* ============================= gallery ====================== */

.prev, .next{ float:right; margin-left:7px; margin-right:0px; width:24px; height:24px; position:relative; background:url(../images/marker2.jpg) 0 0 no-repeat; margin-top:20px;}
.next{ background-position:right 0;}
.prev span, .next span{ position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/marker2.jpg) 0 bottom no-repeat; z-index:2}
.next span{ background-position: right bottom}


.gallery1{ width:500px!important;}
.gallery1 > ul > li{ float:left; width:500px; height:320px; margin-right:50px; position:relative}

div.gal1 { width:230px; float:left;}

.gallery2{ width:280px!important;}
.gallery2 > ul > li{ float:left; width:280px; height:320px; margin-right:50px; position:relative}


.gallery3{ width:860px!important;}
.gallery3 > ul > li{ float:left; width:860px; height:320px; margin-right:50px; position:relative}

div.gal3 { width:200px; float:left;}

.gallery4{ width:860px!important;}
.gallery4 > ul > li{ float:left; width:860px; height:320px; margin-right:50px; position:relative}

div.gal4 { width:200px; height:161px; float:left;}

.photo4 { width:198px; height:141px; float:left; position:relative; margin-right:0px; margin-bottom:0px;}
.photo4 img {position:relative; z-index:2;}
.photo4 span{position:absolute; z-index:2; margin:0 0 0 0px; top:0; left:0; background:url(../images/photo_over.png) 50% 50% no-repeat #000; width:100%; height:100%;}








/*================= Contacts =========================*/
.notification_error{ height: auto;width:270px;padding: 2px;background: #fff; text-align: left; color:#f00; border: 1px solid #dadcdf; margin-bottom:5px}
.notification_ok{ border: 0px ; height: auto; width:270px; padding: 8px; background: #fff; text-align: center; } 
 .info_fieldset legend { border: 1px #dadcdf solid;  color: #727272;   font: 12px  Arial;  padding: 2px 5px 2px 5px; }

/* Label */
label  { width: 90px;  margin: 0px; color:#727272; float:left;  line-height:24px}

/* Input, Textarea */
input{ margin: 0px; padding: 0px;   border: 1px solid #dadcdf;  color: #727272; background:#fff; font: 12px Arial, Helvetica, Arial, sans-serif; height:26px; margin-bottom:5px; width:180px; line-height:22px;}

textarea{margin: 0px; padding: 0px;   background:#fff; border: 1px solid #dadcdf;  color: #727272;   font: 12px Arial, Helvetica, Arial, sans-serif; height:60px; margin-bottom:5px; width:270px; line-height:22px;}

.pin{ background: url(../images/submit.jpg) left top no-repeat; margin-left:0px ;color:#FFFFFF; width:82px; height:28px;cursor:pointer; border:none; text-indent:9999px;}
.pin:hover{ text-decoration:none;  background: url(../images/submit.jpg) left bottom no-repeat}

/* Generated by Font Squirrel (http://www.fontsquirrel.com)  */

@font-face {
    font-family: 'BebasNeueRegular';
    src: url('bebasneue-webfont.eot');
    src: url('bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('bebasneue-webfont.woff') format('woff'),
         url('bebasneue-webfont.ttf') format('truetype'),
         url('bebasneue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}