@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:#0b0b0b  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:#ececec; text-decoration: underline; outline:none}
a:hover{ text-decoration: none}
.main { overflow:hidden; position: absolute;  width:1000px; z-index:1; min-height:800px;}
#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 ====================== */


.box{ width:1000px;  height:80px; border-bottom:1px #646566 dotted; padding-bottom:10px; margin-bottom:40px}
.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;}
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:495px;	position:relative;	overflow:hidden; z-index:1; }
.cc_item{	width:198px;	height:495px;	float:left;	position:relative;  overflow:hidden; background:url(../images/bg_li_menu.jpg) top left no-repeat; margin-right:2px}

.item1 .cc_title{ }
.item2 .cc_title{ }
.item3 .cc_title{ }
.item4 .cc_title{ }
.item5 .cc_title{ }
.item6 .cc_title{ }


.pad_content{ padding:35px 40px 40px 45px}


.cc_title{	color:#eaeaea;	font-size:20px;	top:400px;	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:190px;	margin:0;	padding:0;	overflow:hidden;	text-align:left; background:none;	position:absolute;	left:0px; bottom:0; z-index:0; }
.cc_submenu ul li{  position: absolute; width:190px; height:582px!important; z-index:0; left:0; top:0; background: url(../images/bg_pin.jpg) left bottom no-repeat;	cursor:pointer!important; }

.cc_submenu ul li h2{ height:120px; line-height:25px; font-size:22px;  padding-top:465px; text-align:center; z-index:100}
.cc_submenu ul li h2 span{ display:block; color:#d6d6c4; font-family: Times New Roman; font-size:14px; text-transform: uppercase; font-weight:normal}

.cc_submenu ul li h2 strong{ font-size:28px; color:#fff; line-height:28px; padding-bottom:14px; display:block}


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

.cc_item span.for_img{ width:190px; height:487px; display:block; overflow:hidden; position:relative; top:4px; left:4px}
.cc_item span img{	position:absolute; left:0px; top:0px;  }

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


.cc_content_1 span.cc_back { background:#363636 url(../images/bg_close.gif) 50% 50% no-repeat}
.cc_content_2 span.cc_back { background:#363636 url(../images/bg_close.gif) 50% 50% no-repeat}
.cc_content_3 span.cc_back { background:#363636 url(../images/bg_close.gif) 50% 50% no-repeat}
.cc_content_4 span.cc_back { background:#363636 url(../images/bg_close.gif) 50% 50% no-repeat}
.cc_content_5 span.cc_back { background:#363636 url(../images/bg_close.gif) 50% 50% no-repeat}
.cc_content_6 span.cc_back { background:#363636 url(../images/bg_close.gif) 50% 50% no-repeat}

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



.cc_content img{ padding-top:5px;}



div.footer{ border-top:1px #666 dotted; padding-top:20px; position:relative}
div.footer .right{ color:#646464;}
div.footer .right a{font-family:Georgia; text-transform:uppercase; text-decoration:none; font-size:12px;color:#646464; margin-right:10px}
div.footer .right a:hover{ text-decoration: underline; color:#ff9c0f; cursor:pointer!important}

div.footer .left{  color:#666666; font-size:11px}
div.footer .left a{ color:#abaa8f}

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


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

.grid_1{ width:245px;}
.grid_2{ width:410px;}
.grid_3{ width:360px;}
.grid_4{ width:300px;}


.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:33px; color:#fff; margin:0; padding:0; font-weight:normal; margin-bottom:18px;  line-height:33px;}

a.more{ cursor:pointer; text-transform: uppercase; text-decoration:none;  font-size:14px; height:25px; display:block; width:100px; background: url(../images/arrow.jpg) left 50% no-repeat; text-align:center; color:#ecebbe; line-height:25px; margin-top:15px; font-family:Times New Roman}
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:#cdcca5; 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: 100px;  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}


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

		#thumbs>ul.first{ width:460px; position:relative; float:left }		
		#thumbs>ul.first>li { float:left; width:230px; 		} 										
		
					#thumbs li ul.second { float:left; width:230px; height:340px;}
					#thumbs li ul.second li { margin-bottom:8px; display:block; float:left; width:115px; }
					
					
					
#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:82px; top:425px; width:250px}
div.pinn a{ color:#ecebbe; font-size:14px; font-family:Times New Roman; text-transform:uppercase; display:block; width:70px; float:left; text-align:center}
a.gall{ background: url(../images/arrow.jpg) right 50% no-repeat}
a.gall_2{ background: url(../images/bg_prew.jpg) left 50% no-repeat}


a.gall:hover, a.gall_2:hover{ text-decoration:none; color:#fff}