/* 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:#000 url(../images/top_bg.jpg) top left repeat-x ;border:0; font: 12px Arial, Helvetica, sans-serif; color:#a5a5a5; 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 #000; width:100%; height:100%; top:0; left:0}

#bgStretch {overflow:hidden;z-index:-1; position:fixed}

.extra {min-width:1000px;;min-height:100%; height:auto !important; height:100%; margin: 0 auto -50px; position:relative; overflow:hidden;}

.main1 { width:100%; height:639px; position:relative;}

.main2 { width:219px; height:529px; padding:110px 60px 0 60px; background:url(../images/kv1.png) 0 0 no-repeat; position:absolute; z-index:2; top:0; left:50%; margin-left:-170px;}

.main3 { width:659px; height:639px; position:absolute; z-index:3; top:0; left:50%; margin-left:-159px;}

.logo1 { }
.logo1 a { display:block; text-decoration:none;}
.txt1 { font-family:'Swis721CnBTRoman'; font-weight:normal; font-size:20px; line-height:36px; color:#a5a5a5;}
.txt2 { font-family:'Swis721CnBTDTypeBold'; font-size:30px; line-height:44px; color:#fff; padding-top:0px; float:center;}
.line1 { height:1px; background:#505050; margin:15px 0;}
.txt3 { font-family:'Swis721CnBTRoman'; font-weight:normal; font-size:17px; line-height:18px; color:#8a8a8a;}







.thumbvr { position:absolute; z-index:1; top:60px; left:0px; width:100%; height:505px;}
.thumbvr ul{ height:505px;overflow:hidden;}
.thumbvr li{float:left;	margin:0px 1px 0; overflow:hidden; width:326px; height:326px; background:url(../images/slide_bg.png) 0 0 no-repeat;}


.photo1 { width:482px; height:313px; position:relative; margin:11px 0 0 11px; }
.photo1 a img {position:relative; z-index:2;}
.photo1 a span{position:absolute;z-index:2; margin:0px 0 0 0px; top:0;left:0; background:url(../images/photo_over.png) 50% 50% no-repeat #000; width:100%; height:100%;}


.block {height:50px;}

.bot1 { height:50px; position:relative; z-index:10; background:url(../images/bot_px1.png);}

.bot2 { height:50px; float:left}

.copyright{margin-top:15px; text-align:left; padding-left:10px; color:#8b8b8b;}
.copyright a { color:#fff; text-decoration:underline;}

.bot3 { height:50px; float:right; position:relative;}

.follow{ padding-top:10px; padding-right:5px; margin-left:10px;  }
.follow img { margin-right:10px}




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

.menu {}
#menu { padding:0px 0px 0 0px; }

#menu > li {position:relative;}
#menu > li > a{ text-decoration:none; position: relative; text-align:left; font-family:'Swis721CnBTRoman'; font-size:23px; color:#9d9d9d; line-height:38px; text-transform:uppercase;}
#menu > li > a:hover { color:#fff; text-decoration:none; border-bottom:1px #fff dashed}

.submenu{ position:absolute; z-index:1; top:-10px; left:130px; }
.submenu ul{ position:relative; background: url(../images/submenu_px.gif) 9px 0 repeat-y ;padding:0px 0px 0px 20px;}
.submenu > ul > img { position:absolute; top:30px; left:0px; }
.submenu a{ text-decoration:none; font-size:16px;font-family:'Swis721CnBTRoman'; text-transform:uppercase; line-height:27px; font-weight:normal; color:#9d9d9d;}
.submenu a:hover{ color:#fff; text-decoration:none;}




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




#content{width:659px; height:639px; position: absolute; z-index:30; top:0; left:0;}
#content > ul{ width:659px; height:639px;}
#content > ul > li{ width:659px; height:639px;}

.box{ background:url(../images/kv2.png) top left no-repeat; width:600px; height:600px; padding:39px 0px 0px 59px; position:relative}

.box2{ background:url(../images/kv3.png) top left no-repeat; width:600px; height:600px; padding:39px 0px 0px 59px; position:relative}



.col1{ width:540px;}



.w1 { width:440px;}



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




a{ color:#c1c1c1; text-decoration: underline; outline:none}
a:hover{ text-decoration: none; color:#FFFFFF;}

h2{ font-size:30px; color:#a5a5a5; line-height: 30px; padding:15px 0 10px 0; font-weight:normal;  font-family:'Swis721CnBTRoman'; letter-spacing:0px; }
h3{ font-size:18px; color:#8a8a8a; line-height: 30px; padding:15px 0 10px 0; font-weight:normal;  font-family:'Swis721CnBTRoman'; letter-spacing:0px; float:right; }

.h4 {color:#a5a5a5; text-transform:uppercase; font-weight:normal; font-size:12px; font-family:'Swis721CnBTDTypeBold'; text-decoration:none;}

.line2{ height:2px; background:url(../images/line2.gif) 0 0 repeat-x; margin-bottom:20px;}

.line3 { height:5px; margin:10px 0; background:url(../images/line3.png) top left repeat-x;}

.shadow1{box-shadow: 2px 2px 2px #080808; -moz-box-shadow: 2px 2px 2px #080808; -webkit-box-shadow: 2px 2px 2px #080808;}

.upper{ text-transform:uppercase;}

.white1{ color:#FFFFFF;}

p.text { padding:5px 0;}

.button1{ background:url(../images/marker1.png) 0 2px no-repeat; display:inline-block; font-size:16px; color:#9d9d9d; height:16px; padding:0 0 0 20px; position:relative; text-decoration:none; margin-top:10px; margin-bottom:10px; font-family:'Swis721CnBTRoman';letter-spacing:0px; text-transform:uppercase; }
.button1:hover { color:#fff!important; text-decoration:none;}

.time_block { width:60px; line-height:35px; color:#fff; margin:5px 15px 5px 0; text-align:left;font-family:'Swis721CnBTDTypeBold'; font-size:44px;}
.time_block span { font-size:17px!important; line-height:22px; color:#a5a5a5;}


.img1 {margin-bottom:10px; margin-right:20px;}

.gal2 { padding-bottom:15px; float:left; margin-right:15px; }
.gal2.last { margin-right:0px; }

.photo2 {width:162px; height:108px; position:relative; }
.photo2 a img {position:relative;  }
.photo2 a span{position:absolute;z-index:2;margin:0px 0 0 0px; top:0;left:0; background:url(../images/photo_over2.png) 50% 50% no-repeat #000; width:100%; height:100%;}

.vid1 { padding-bottom:15px; float:left; margin-right:15px; }
.vid1.last { margin-right:0px; }

.video1 {width:250px; height:173px; position:relative; }
.video1 a img {position:relative;  }
.video1 a span{position:absolute;z-index:2; margin:0px 0 0 0px; top:0;left:0; background:url(../images/video_over.png) 50% 50% no-repeat #000; width:100%; height:100%;}

.gmap{ width:320px; height:130px; margin-right:20px}







/*===================== Scroll =====================*/

.scroll{height:555px; width:520px; overflow:hidden; position:relative;}
.track{ background: url(../images/scroll_track.png) 0 0 no-repeat; left:570px; top:0px; width:17px; position:absolute; height:559px; padding:0 0;}
.shuttle{ width:15px; height:163px; left:1px; background: url(../images/scroll_shuttle.png) 0 0 no-repeat; }
._up-butt{ width:10px; height:18px; background:url(../images/scroll_up.png) 4px 2px no-repeat;}
._down-butt{ width:10px; height:18px; background:url(../images/scroll_down.png) 4px 0 no-repeat  }






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

/* Label */
label  { width: 200px; padding:10px 0 5px 0; height:35px;color:#a5a5a5; line-height:22px}

/* Input, Textarea */
input{ margin: 0px; padding: 3px;   border: 1px solid #000;  color: #fff; background:#252525; font: 12px Arial, Helvetica, Arial, sans-serif; height:24px; margin-bottom:5px; width:210px; line-height:22px;}

textarea{margin: 0px; padding: 3px;   background:#252525; border: 1px solid #000;  color: #fff;   font: 12px Arial, Helvetica, Arial, sans-serif; height:80px; margin-bottom:5px; width:280px; line-height:22px;}

.pinn { border:0; background: url(../images/submit.jpg) top left no-repeat; display:block; text-decoration:none; width:95px; height:32px;  margin-top:10px; cursor:pointer; text-indent:-9999% }
.pinn:hover{ background-position:bottom;}

html { overflow-y: hidden; }

#note {
	position:absolute;
	z-index:2;
	width:100px;
	left: 240px;
	top: 180px;
}

.cf { position:relative}


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



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

}

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

}