@import "reset.css";


/* 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}
.right_20 { margin-right:15px}
.right_21 { margin-right:21px}
.left_20{ margin-left:20px}


/* Global properties ======================================================== */

body{ background:#000  url(../images/bg_site.gif) 50% 50% repeat-x; border:0; color:#cfcfcf; line-height:18px; font-family:Arial; font-size:12px}
html{ height:99%}
body{ height:99%}
.main_box{ position:relative; min-width:1000px;  z-index:1; width:100%;}

a{ color:#8aacc5; text-decoration: underline; outline:none}
a:hover{ text-decoration: none}
.main { overflow:hidden; position: absolute;  width:1000px; z-index:1; min-height:800px; background:url(../images/bg_main.png) 0px 0px no-repeat; margin-top:40px}
#logo{ display:block; width:411px; height:60px; background:url(../images/logo.png) top no-repeat; margin:20px 0px 20px 40px; float:left}

.grid_10{ width:280px; padding-top:10px; line-height:24px; color:#ececec; font-size:20px}
a.mail{ font-size:20px; color:#ececec; position:relative; display:block}
/* ============================= content ====================== */
a.logo{ display:block; height:176px;}

.box{ width:1000px; }
.box > div.right{ padding-top:60px; font-size:18px; font-family:Times New Roman; color:#dcdfc5}
.box > div.right img{ margin-top:-20px; margin-left:12px}


#content{  position:relative; z-index:1;  height:535px; background:url(../images/bg_footer.gif) left bottom no-repeat}
div.top_opa{ position:absolute; width:990px; height:10px; background:url(../images/opa_.png) top repeat; z-index:1000!important; zoom:1; top:0; left:0}


.cc_menu{	width:1000px;	height:550px;	position:relative;	overflow:hidden; z-index:1; }
.cc_item{	width:164px;	height:521px;	float:left;	position:relative;  overflow:hidden; background: url(../images/bg_pin.png) left top repeat; margin-right:1px; padding-left:1px}

img.img_hover{ position:absolute; left:0}

.cc_item:hover > div.name_page{ color:#fff}

.item1{ background:#000 url(../images/menu_1.png) left top no-repeat}
.item2{ background:#000 url(../images/menu_2.png) left top no-repeat}
.item3{ background:#000 url(../images/menu_3.png) left top no-repeat}
.item4{ background:#000 url(../images/menu_4.png) left top no-repeat}
.item5{ background:#000 url(../images/menu_5.png) left top no-repeat}
.item6{ background:#000 url(../images/menu_6.png) left top no-repeat}


.pad_content{ padding:35px 40px 40px 45px; display:block; visibility:visible}


.cc_title{	color:#eaeaea;	font-size:20px;	top:0px;	left:0; line-height:20px;	 padding: 10px inherit; display:block;	z-index:0; height:40px; font-family:Georgia; text-transform:uppercase; text-align:center; background:#000; padding-top:20px; margin-top:280px}

.cc_submenu ul{	list-style:none; width:164px;	margin:0;	padding:0;	overflow:hidden; text-align:left; background:none;	position:absolute;	left:0px; bottom:0; z-index:1000; height:995px; opacity:.01; filter:alpha(opacity=1, style=1)}
.cc_submenu ul li{  position: absolute; width:164px; height:1001px; z-index:1000; left:0; top:0; background: url(../images/hover_1.png) left bottom no-repeat;	cursor:pointer!important; border-bottom:5px #000 solid; }


.back{ position:absolute; right:-160px;z-index:20}
.back div{ display: none}


.cc_content{	width:825px;	height:510px;	position: absolute!important; left:-800px; overflow:hidden; top:0; background:url(../images/bg_content.jpg) right top no-repeat}
div.section{ width:825px; height:510px; position:absolute; left:-825px}


.cc_content_1 span.cc_back, .cc_content_2 span.cc_back, .cc_content_3 span.cc_back, .cc_content_4 span.cc_back, .cc_content_5 span.cc_back,.cc_content_6 span.cc_back
 { background: url(../images/back_to_menu.png) right bottom no-repeat}

.cc_content_1 span.cc_back:hover, .cc_content_2 span.cc_back:hover, .cc_content_3 span.cc_back:hover, .cc_content_4 span.cc_back:hover, .cc_content_5 span.cc_back:hover,.cc_content_6 span.cc_back:hover
 { background: url(../images/back_to_menu.png) right top no-repeat; }



span.cc_back{ position:absolute; top:-36px; right:10px; width:160px; height:32px; cursor:pointer; display:block; z-index:120 }



.cc_content img{ padding-top:5px;}
.photo{ margin-bottom:4px}

.name_page{ position:absolute; z-index:0; height:40px; left:0; top:465px; width:150px; text-align:center; font-family: 'GeosansLightRegular';
text-transform:uppercase; text-decoration:none; color:#808080; font-size:20px; line-height:40px; letter-spacing:-0.03em; cursor:pointer;}

div.footer{ padding-top:20px; position:relative; text-align:center; }

div.footer {  color:#323232; font-size:10px; text-transform:uppercase}
div.footer  a.privacy{ color:#848484}

div.footer div.social{ padding-bottom:10px; padding-top:10px}
div.footer div.social a{ display: inline-block; width:16px; height:18px; background-position:top; background-repeat:no-repeat; margin-right:5px;}
div.footer div.social a:hover{ background-position:bottom}
div.footer div.social a.bg_1{ background-image:url(../images/social_1.gif); }
div.footer div.social a.bg_2{ background-image:url(../images/social_2.gif); }
div.footer div.social a.bg_3{ background-image:url(../images/social_3.gif); }
div.footer div.social a.bg_4{ background-image:url(../images/social_4.gif); }


/* ============================= Content ====================== */

.grid_490{ width:490px;}
.grid_190{ width:190px;}
.grid_50{ width:48%;}
.grid_275{ width:275px;}
.grid_420{ width:420px;}
.grid_300{ width:300px;}
.grid_375{ width:375px;}



.red{ color:#f00}

.border_right{ border-right:1px #242424 solid;}
.border_bottom{ border-bottom:1px #242424 solid;}

.text{ padding:25px 30px 25px 28px; color:#cdcdcd; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:18px}
.text big{ color:#fff}
h1{ font-size:30px; color:#f9f9f9; margin:0; padding:0; font-weight:normal; margin-bottom:18px;  line-height:33px; font-family: 'GeosansLightRegular'; white-space:nowrap; letter-spacing:-0.03em}

b{ display:block; text-transform:uppercase; color:#Fff; padding-bottom:6px; padding-top:2px}

a.more{ cursor:pointer; text-transform:none; text-decoration:none;  font-size:12px; color:#8aacc5; line-height:25px; text-decoration:underline}
a.more:hover{ text-decoration:none; color:#fff}



.scroll{ overflow-y:scroll; padding-right:20px}

.pad_content strong{  color:#fff; line-height:20px; display:block; padding-bottom:5px; text-transform:uppercase}
.pad_content small{ display:block; color:#ff9c0f; font-size:12px}


a.link{ font-size:12px; color:#76c8ee;}

/* ============================= Dialog ====================== */

.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; font-size:12px; font-family:Arial }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }


/*================= Contacts =========================*/

.pad_content .notification_error{ height: auto;width:300px;padding: 2px;background: #1e1e1e; text-align: left; color:#f00; margin-bottom:2px; border: 1px solid #4b4b4b;
 margin-bottom:10px}
.pad_content .notification_ok{ border: 0px ; height: auto; width: 300px; padding: 8px; background: #1e1e1e; text-align: center;  } 
.pad_content .info_fieldset { border: 0px  }
.pad_content .info_fieldset legend { border: 1px #4b4b4b solid;  color: black;   font: 13px Verdana;  padding: 2px 5px 2px 5px; }

.pad_content .pin { width:90px; height:30px; background:#1e1e1e; text-align:center; line-height:28px; color:#8aacc5; cursor:pointer; text-decoration:none; margin-top:15px; text-transform:uppercase; font-size:12px;display:block; margin-bottom:10px; font-weight:bold; border:1px #4b4b4b solid; cursor:pointer!important}
.pad_content .pin:hover{ text-decoration:none; color:#fff; cursor:pointer}

/* Label */
.pad_content label  { width: 70px;  margin: 0px; float: left; text-align: left; }

/* Input, Textarea */
.pad_content input{ margin: 0px; padding: 0px;  float: left; border: 1px solid #4b4b4b;  color: #fff; background:#1e1e1e; font: 12px Arial, Helvetica, Arial, sans-serif; height:30px; margin-bottom:6px; width:300px }

.pad_content textarea{margin: 0px; padding: 0px;  float: left; background:#1e1e1e; border: 1px solid #4b4b4b;  color: #d9d4d1;   font: 12px Arial, Helvetica, Arial, sans-serif; height:70px; margin-bottom:3px; width:300px }


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



.gallery #thumbs, .gallery #thumbs li {	float:left;}
.gallery #pic{ float:right; width:427px; height:380px; margin:0; padding:0}
.gallery #pic img{ border:4px #d1d1d1 solid; margin:0; padding:0}

.gallery #thumbs{  	width:250px; 	float:left; 	overflow:hidden; 	margin-bottom:10px; 	position:relative;}

		#thumbs>ul.first{ width:500px; position:relative; float:left; }		
		#thumbs>ul.first>li { float:left; width:250px; 		} 										
		
					#thumbs li ul.second { float:left; width:250px; height:370px;}
					#thumbs li ul.second li { margin-bottom:8px; display:block; float:left; width:125px; }
					
					
					
#thumbs li ul.second li a{ display:block}					
#thumbs li ul.second li a img{}					
					
#thumbs li ul.second li{ 	margin-right:0px }
.next { float:right }



div.pinn{ position:absolute; left:93px; top:465px; width:250px; z-index:0}
div.pinn a{ color:#000; font-size:12px; font-family:Arial; display:block; width:60px; float:left; text-align:center; line-height:30px; height:30px; text-decoration:none; position:relative; }
a.gall{ background:#8aacc5; margin-left:25px}
a.gall_2{ background: #8aacc5}

div.pinn a:hover{ color:#000; background:#fff}


/*===================== Scroll =====================*/
.scroll-pane {	overflow:hidden; }
.jScrollPaneContainer {	position: relative;	overflow:hidden	;	z-index: 1;}



.jScrollPaneTrack {	position: absolute;	cursor: pointer;	right: 0;	top: 0;	background: #282828; width:15px!important; }
.jScrollPaneDrag {	position: absolute;	background:#e8e8e8 url(../images/centr_scroll.gif) 50% 50% no-repeat;	cursor: pointer;	overflow: hidden;	right:0px;	width:13px!important; margin-top:1px; opacity:.8; border:1px #676767 solid;}
 
.jScrollPaneDrag:hover{ opacity:1}
.jScrollPaneDragTop { position: absolute;	top: 0;	left: 0; overflow: hidden; height:0px;}
.jScrollPaneDragBottom { overflow: hidden; height:0px; }

a.jScrollArrowUp {	display: block;	position: absolute;	z-index: 1;	top: 0;	right: 0px;	text-indent: -2000px; overflow: hidden;	height: 15px; background:url(../images/top.gif) left top no-repeat; width:15px!important;opacity:.8}

a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0;	right: 0px;	text-indent: -2000px; overflow: hidden; height: 15px; background:url(../images/foot.gif) left top no-repeat; width:15px!important; opacity:.8}

a.jScrollArrowUp:hover, a.jScrollArrowDown:hover{ opacity:1}



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

}

/*===================== video =====================*/
.stContainer {    position: relative;     margin:0;     padding:0;             z-index:0;}
.stContainer div{ position:relative;  width:520px; height:375px; float:right}


.stContainer ul { display:block; list-style: none; position: relative; margin: 0; border: 0; float:left; width:170px; height:375px; }
.stContainer ul li {margin-bottom:20px; position: relative; height:109px; width:168px}
.stContainer ul li a{ height:29px; width:168px!important;  padding-top:80px; display:block;}
.stContainer ul li strong{ display:block; background:url(../images/bg_text_video.png) left top repeat; line-height:28px; height:24px; padding-left:10px; text-transform:none; font-weight:normal; width:158px; }
.stContainer ul li.bg_video_1{ background:url(../images/bg_video_1.jpg) left top no-repeat}
.stContainer ul li.bg_video_2{ background:url(../images/bg_video_2.jpg) left top no-repeat}
.stContainer ul li.bg_video_3{ background:url(../images/bg_video_3.jpg) left top no-repeat}


.stContainer ul li a { display:block; margin:0; text-decoration: none; 	height:21px; 	width:21px; outline-style:none; background: url(../images/disk.png) top no-repeat }

.stContainer ul li a:hover{ background: url(../images/disk_act.png) top no-repeat}
.stContainer ul li a.sel {   background:url(../images/disk_act.png) top no-repeat}
.stContainer ul li a.dis { background:url(../images/disk_act.png) top no-repeat}