@import "reset.css";
td {font-family:Arial;font-size:12px;line-height:18px;color:#585858;text-align:left; vertical-align:top}
body {  background:url(../images/bg_site.jpg) repeat top; font-family:Arial; font-size:12px;line-height:18px; color:#787878; text-align:left; padding:0; margin:0}

/* -----------------------------------------------------------------------------*/ 
a       { color:#3b5701; text-decoration:underline; }
a:link  { color:#3b5701; text-decoration:underline;}
a:hover { color:#3b5701; text-decoration:none;}
a:active{ color:#3b5701; text-decoration:underline;}

/* -----------------------------------------------------------------------------*/ 
.clear  {clear:both;}
.page{ position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/bg_page.jpg) top repeat-x}
.left{ float:left}
.right{ float:right}
.centr{ width:1000px; margin:0 auto}
.red{ color:#f00}
.black{ color:#000}


h1{ float:left}
h1 span{ text-indent:-999px; font-size:1px; line-height:1px; display:block}
h2{ font-size:18px; font-family:Arial; font-weight:bold; color:#fff; line-height:18px}
h3{ font-size:20px; line-height:20px; color:#000; font-family:Arial; padding-bottom:20px}
h3.radio{ background:url(../images/rodio.jpg) 70% 0px no-repeat}
/* -----------------------------------------------------------------------------*/ 

.footer{ padding-top:20px; font-size:12px; line-height:12px;  padding-bottom:20px;}
a.baner{ float:left}
a.mar_baner{ margin-left:1px; margin-right:1px}
.footer ul li{ float:left; margin-right:34px;  }
.footer ul{ padding-left:20px; margin-top:40px}
.footer ul li a{ color:#fff;text-transform:uppercase; text-decoration:none; color:#bcc4ab}
.footer ul li a:hover{ color:#fff; text-decoration:underline }



a.policy { color:#bcc4ab; text-decoration:underline }
a.policy:hover{ color:#bcc4ab; text-decoration:none}


div.botom{ margin-top:28px; margin-right:10px; font-size:12px; line-height:18px}
div.botom img{ margin-right:10px}

/* -----------------------------------------------------------------------------*/ 
div.header{ height:300px; margin-top:-4px}
/* -----------------------------------------------------------------------------*/ 
div.top{ height:100px}
div.top_link{ float:right; width:325px; margin-top:50px; color:#fff}
div.top_link strong{ font-family:Arial; font-size:18px; color:#ff8a00; font-style:italic; line-height:34px }


/* ----------------------- -----------------------------------------------*/ 
div.menu{ height:52px}
a.pin{ float:right; margin-top:20px; margin-right:10px} 


/* ------------------- --------------------------------------------------------*/ 
div.crumb{ height:105px; background:url(../images/bg_crumb.png) top no-repeat; padding-top:20px}

div.crumb a.free{ display:block; width:209px; padding:20px 20px 10px 20px; color:#aeba94;  text-decoration:none; cursor:pointer; border-right:1px #8d9187 dotted; background:url(../images/img_1.gif) 92%  35px no-repeat; float:left}
div.crumb a.free:hover{ background:url(../images/img_2.gif ) 92%  35px no-repeat}
div.crumb a.free strong{ font-weight:normal; line-height:18px}
div.crumb a.free:hover strong{ text-decoration:underline}
div.crumb a.free h2{ text-decoration:none!important; padding-bottom:4px}
div.crumb a.free:hover h2{ text-decoration:none!important; color:#b3df7f}
div.crumb a.last{ border:0}
/* ------------------- --------------------------------------------------------*/ 
div.content{ background:#dedede url(../images/bg_content.jpg) top repeat-y; border-top:#fff solid 5px;  padding:20px}
div.block{ width:275px; float:left; border-right:1px #bebebe solid; color:#787878; padding-right:30px; margin-right:30px}
div.block_2{ width:615px; float:left; border-right:1px #bebebe solid; color:#787878; padding-right:30px; margin-right:30px}
div.block_3{ width:930px; float:left;color:#787878; padding-right:30px; margin-right:30px; height:650px;}

div.last{ padding-right:0; margin-right:0; border:0}

div.list{ margin-top:20px; }
div.list a{ display:block; margin-bottom:10px; color:#3b5701; padding-left:20px; background:url(../images/arrow.png) 0px 4px no-repeat}

.org{ color:#de7801}
a.more{background:url(../images/black_arrow.gif) 90% 5px no-repeat;cursor:pointer!important; font-size:12px; color:#000; width:40px;  padding-right:16px; text-decoration:underline; margin-left:10px}
a.more:hover{ text-decoration:none}
a.block_org{ display:block; width:100px; height:30px; background-color:#ff8a00; text-decoration:none; text-align:center; line-height:30px; color:#313030; font-weight:bold; cursor:pointer}
a.block_org:hover{ background-color:#fe9e2d}

img.top_photo{ margin-bottom:20px}
img.left_photo{ margin-bottom:10px; float:left; margin-right:20px;}
/* -------------------------CONTACTS-------------------------------------------------*/ 
.submit_registry{background-color:#ff8a00;
	width:100px;
	height:28px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000; font-weight:bold;
	border:1px solid #fff; cursor:pointer!important;
	-webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright   : 8px;
    -moz-border-radius-bottomright  : 8px;
	
	 -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft   : 8px;
    -moz-border-radius-bottomleft  : 8px;  
}
	
.input_contact{background-color:#fff;
	width:190px;
	height:19px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#584c3f;
	border:1px solid #d2dce6;}
	
.textarea_contact{background-color:#fff;
	width:190px;
	height:160px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#584c3f;
	border:1px solid #d2dce6;}
	
.select{background-color:#fff;
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#584c3f;
	border:1px solid #d2dce6;}

/* -----------------------------------------------------------------------------*/ 

#read_block h4{ color:#000; line-height:36px;  font-size:36px; margin-bottom:10px}

/* ---------------------------MENU-------------------------------------------------*/ 

.nav, .nav ul { list-style: none; margin: 0; padding: 0;}

.nav { font-family: Arial, Helvetica, sans-serif; z-index: 100; position: relative; float:left}
.nav li { float: left; margin: 0; padding: 0;  width:111px;}
.nav li a{ color:#fff; font-size:14px; font-family:Arial; display:block; height:50px; text-align:center; line-height:50px; letter-spacing:-0.05em; display:block; text-transform:uppercase}
.nav li a:hover, a.act { color: #fff; background-color:#ff8a00; text-decoration:none} 
.nav li a, 
.nav li a:link{display: block; text-decoration: none;}


.nav ul { background:url(../images/bg_ul.png) top repeat;  list-style: none; margin: 0; width: 210px!important; position: absolute; top: -999em;}
.nav ul.last{ margin-left:-99px}
.nav li.sfHover ul { top:50px; }
.nav li:hover ul { top:50px}
.nav ul li {  float: none; height:30px; border-bottom:1px #858585 dotted; width: 210px}
.nav ul a { border-bottom: 0; width: 200px; white-space: nowrap; font-size:14px; font-family:Arial; color:#fff; height:30px; line-height:30px; text-align:left; padding-left:10px; text-transform:none; background:url(../images/sq.gif) 95% 10px no-repeat}
.nav ul a:hover { color: #ff8a00; background:url(../images/sq_hover.gif) 95% 10px no-repeat} 
.nav ul li.last{ border:0}

/* ----- script begin ----- */


#faded {
	width:1000px; height:300px;
	overflow: hidden;
	position: absolute; background: #000 
	}


	

ul.pagination {
	width: 95px;
	overflow: hidden;
	position: absolute !important;
	top: 270px;
	right: 10px;
}

	ul.pagination li { width:20px ; height:20px; float:left; margin-right:6px}
	
		ul.pagination li a {
		background:url(../images/disk_hover.png) 0px 0px no-repeat;
			display: block;
			width: 15px;
			height: 15px;
			text-decoration: none;
			 text-indent:-999px;
		}
		
		ul.pagination li a:hover {
background:url(../images/disk_hover.png) 0px 0px no-repeat;
		}
		
		ul.pagination li.current a {
background:url(../images/disk.png) 0px 0px no-repeat;
		}

/* ----- script end ----- */


/* Gallery */

ul#feature{ display:block!important; position:relative; }
 ul#feature li div.disc{position: relative;z-index:30; width:350px; float:right }
  ul#feature li div.img{position: relative;z-index:30; width:540px; height:370px; float:left }

 #navigation-feature{
	position:relative;
	width:940px;
	height:144px!important;
	padding:0px;
	margin-top:20px;
	margin-left:-20px

	
}
 
  #navigation-feature li{float:left!important; width:207px;height:128px; margin-right:22px}
#navigation-feature a: 
#navigation-feature li a{display:block;width:207px; height:128px; }
#navigation-feature li a:link    { color: #aaa; text-decoration:none;border-color:#ff0000}
#navigation-feature li a:hover   { color: #ffffff; text-decoration:underline;border-color:#ff0000}
#navigation-feature li a:active  { color: #ff0000; text-decoration:none;border-color:#ff0000}
#navigation-feature li{float: left;}

#navigation-feature li a img{border:1px #aaa solid}

.active         { color: #ccc; text-decoration:none;border-color:#ff0000}
.active:link    { color: #ccc; text-decoration:none;border-color:#ff0000}
.active:hover   { color: #ffffff; text-decoration:underline;border-color:#ff0000}
.active:active  { color: #ccc; text-decoration:none;border-color:#ff0000}


div.cen{ margin-left:400px; padding-top:20px}
a.gallery{ display:block; width:21px; height:20px; background:url(../images/img_02.jpg) top no-repeat; text-decoration:none; color:#fff; float:left; text-align:center; margin-right:14px}
a.gallery:hover, a.act_gallery{ background:url(../images/img_01.jpg) top no-repeat}

/* ----- script begin ----- */

#faded_2 ul.pagination {
	width: 100px;
	height:30px;
	overflow: hidden;
	position: absolute ;
	 z-index:10000;
	top:1195px;
	left:45%
	
}

	#faded_2 ul.pagination li { width:21px; height:20px; float:left; margin-right:8px; }
	
		#faded_2 ul.pagination li a {
			display: block;
			width: 21px;
			height: 20px;
			text-decoration: none;position:absolute; cursor:pointer;
			font-weight:bold; text-align:center;
			background:url(../images/img_02.jpg) top no-repeat;
			text-indent:0; color:#fff
		}
		
		#faded_2 ul.pagination li a:hover {
background:url(../images/img_01.jpg) top no-repeat;z-index:1000; position:absolute; cursor:pointer
		}
		
		#faded_2 ul.pagination li.current a {
background:url(../images/img_01.jpg) top no-repeat;z-index:1000;
		}



/* ----- script end ----- */