/* ------------------------------- */
/* SITE Structure
/* ------------------------------- */

html 	{ background:#f8f3df url(../images/tpl/bd-bg.jpg) repeat-x; text-align:center; }
body 	{ text-align: left; font: 15px/20px georgia, 'times new roman', serif; color: #1d1918; margin: 0 auto; width: 920px; }
.clear 	{ clear: both; height: 0; width: 0; line-height: 0; font-size: .1px; }
hr 		{ display: none; height: 0; padding: 0; margin: 0; }
img		{ border: none; }
a		{ color: #0040b6;}
a:hover	{ color: #7aac49; }
a:visited { color: #990099;}

/* file-specific */
a.doc	{ padding: 0px 0 0px 20px; background: url(../images/tpl/ico_doc.gif) no-repeat; line-height: 22px;}
a.pdf	{ padding: 0px 0 0px 20px; background: url(../images/tpl/ico_pdf.gif) no-repeat; line-height: 22px;}

.web-title		{ float:left; width:283px; margin-bottom:25px;/**/ background: url(../images/tpl/logo.gif) no-repeat; height:105px; margin-left: -32px;}
.web-title h1 	{ color:#323232; line-height:80px; height:80px !important; }
.web-title h2 	{ color:#7aac49; font-size:30px; line-height:36px; }

.header 				{ padding: 40px 0 20px 0; margin: 0; /*min-height: 300px !important; */ }
.header ul.topnav		{ padding: 0; margin: 42px 0 0 420px; list-style: none;}
.header ul.topnav li	{ float:left; margin:0; padding:0; text-transform:uppercase; font-size:18px; width:auto; font-family: sans-serif; font-weight:bold; }
.header li a 			{ display: block; padding-left:10px; color:#323232; text-decoration:none; }
.header li a:hover 		{ color:#7aac49;  }
.header li b			{ color: maroon; padding-left:10px;}

.breadcrumbs 			{ margin: 70px 0 0 430px; font-size: 16px; line-height: 20px;}
.breadcrumbs a.homeCrumb 	{ background: url(../images/tpl/home.gif) no-repeat; padding-left: 25px;}
.breadcrumbs a:visited		{ color:#0040b6;}
.breadcrumbs a:hover		{ color:#7aac49;}

/* coloring */
p.white			{ background: white; padding: 10px; margin: 10px -10px;}

h4.files		{ color:#323232; font-size:20px; line-height:30px; font-weight: normal; font-style: italic; }
h4.text			{ color:#323232; font-size:20px; line-height:30px; font-weight: normal; font-style: italic; margin-top: 30px;}

div.message		{ float: right; background: white; margin: 0; padding: 0px 20px 20px 20px;}
.message h3		{ color:#323232; font-size:26px; line-height:50px; font-weight: normal; }
.message table,
.message p		{ font-size: 16px; line-height:22px; color:#575656; font-family: Times;}
.message .tel	{ font-size: 20px; color: maroon;}


h3.intro, h1	{ color:#323232; font-size:26px; line-height:50px; /**/ font-weight: normal;}
h1 				{ margin-bottom: 20px;}
p.intro 		{ font-size: 16px; line-height:22px; color:#575656; font-style:italic; padding: 0; margin:0 0 10px 0; width:540px; }

.title				{ border-bottom:1px solid #c8c0bf !important; display:block; margin-bottom:10px; }
.title h3,
.title h3 a			{ font-size:19px; line-height:22px; color:#1d1918; font-weight:normal; float:left; margin:0 0.77em 0 0; padding:0; width:auto; text-decoration: none;}

.title h3 a:hover	{ color:#7aac49;  }
.title span			{ font-size:14px; line-height:22px; color:#5b9324; font-style:italic; }

.scrollContainer h2	{ font-family: georgia, 'times new roman', serif; font-size: 20px; line-height:22px; font-weight: normal; margin-bottom: 10px;}

/************************************************************************ CONTAINER */

#container 			{ display:block; width: 920px; min-height: 100%; height: 100%; margin:0 auto 20px auto; padding: 0; text-align: left; }

/* ------------------------------- */
/* LAYOUT
/* ------------------------------- */


/************************************************************************ three_col_wide_right */
div.three_col_wide_left							{ text-align:left;    }
div.three_col_wide_left div.left_column 		{ float: left; width: 430px; margin:0 35px 0 0; padding:0; }
div.three_col_wide_left div.middle_column 		{ float: left; width: 250px; margin:0 35px 0 0; padding:0; }
div.three_col_wide_left div.right_column 		{ float: left; width: 166px; margin:0; padding:0; }


.folio-item				{ float:left; width:203px; margin:0 6px 15px 6px; padding:0; height: 170px;}
.folio-item h4			{ font-size:14px; color:#1d1918; font-weight:normal; margin:0; padding:0 4px; }

.folio-item span.date	{ color:#89867e; font-size:12px; margin-left:4px; font-style:italic; font-weight:normal; }

ul.updates			{ padding: 0; margin-bottom: 15px; list-style: square;}
ul.updates li		{ margin-bottom:10px; padding:0; font-size:14px; color:#1d1918;  }
ul.updates li a		{ }

/************************************************************************ two_col */

/* raboti */
div.two_col						{}
div.two_col .left_column		{ float: left; width: 430px; padding:0 20px 0 0;}
div.two_col .right_column		{ float: left; width: 419px; padding: 0 20px; border-left: solid 1px #cccccc;}


.text_type 		{ color:maroon; font-size:20px; margin-bottom: 20px; display: block;}
.left_column .text_type { text-align: right;}


.files							{ background: white; padding: 10px; margin: -10px -10px 10px -10px;}
.label					{ font-size: 18px; font-style: italic; display: block; margin-bottom: 10px; }
.files table td.def 	{padding: 5px 0 0 15px; font-style: italic; }

/************************************************************************ FOOTER */
.footer 		{ clear:both; color:#A3A2A0; font-family:georgia,serif; font-size:12px; font-style:italic; line-height:16px; margin:20px 0 0 0; padding:10px 0; }
.footer h2		{ font-weight: normal;}
.footer a:link, .footer a:visited, p.footer a:active { border-bottom:1px solid #CBD2D8; color:#3A5E8C; text-decoration:none; }
.footer a:hover { border-bottom:1px solid #8CA4B8; color:#203651; text-decoration:none; }
.footer a 		{ border:medium none !important; }
.footer a img 	{ position:relative; top:4px; }
.footer span 	{ color:#E6E3DB; margin:0 10px 0; }

.footer .hr 	{ height: 34px; width: auto; background: url(../images/tpl/footer_bg_uzor.jpg) no-repeat; margin-bottom: 5px;}


/* footer links */
.footer .first,
.footer .second,
.footer .third 	{ width: 290px; float: left; padding: 0 10px 0 0; margin-top: 20px;}

.first {background: ;}
.second {background: ;}
.third {background: ;}

/*********************************************************************** CODA SLIDER */

#slider 		{position: relative; }
.scroll 		{ width: 619px; overflow: auto; overflow-x: hidden; position: relative; border-left: solid 1px #cccccc;}
.scrollContainer div.panel	{padding: 20px; width: 580px;}

.navigation_wrapper 	{ float: left; width: 250px; margin-top: 18px; margin-left: 50px; text-align: right;}
ul.navigation			{ list-style: none; margin: 0; padding: 0;}
ul.navigation li 		{ font-size:16px; font-style: italic; line-height:22px; color:#1d1918; margin:0; padding:0;}
ul.navigation a 		{ text-decoration: none; display: block; color:#0040b6; padding:0 25px 14px 0;}
ul.navigation a:hover 	{ color:#7aac49; }
ul.navigation a.selected{ color: maroon; background: url(../images/tpl/arrow.gif) no-repeat 231px 6px;}
ul.navigation a:focus 	{ outline: none;}

.hide {display: none;}

/************************************************************************ FAQ three_col_wide_right */
div.faq_left_column 		{ float: left; width: 400px; margin:0 35px 0 0; padding:0; }
div.faq_middle_column 		{ float: left; width: 400px; margin:0 35px 0 0; padding:0; }
div.faq_right_column 		{ float: left; width: 250px; margin:0; padding:0; }

ul.faq-items			{ padding: 0; margin-bottom: 15px; list-style: square; }
ul.faq-items li			{ margin-bottom:10px; padding:0; font-size: 15px; color:#1d1918;  }
ul.faq-items li a		{ }


/* ------------------------------*/
/* contact form */
.contactForm  					{ width: 730px;}
.contactForm legend 			{ padding: 5px; margin: 0 0 0 270px; color: maroon; font-size: 14px;}
.contactForm ul 				{ list-style:none;}
.contactForm ul li 				{ clear:both;}

.contactForm ul label,
.contactForm .txtField,
.contactForm .txtArea,
.contactForm .txtArea-small,
.contactForm .file				{ display:block; float:left; height: 25px; margin: 0 0 15px 0;}


.contactForm ul label 			{ width:270px; padding: 2px; line-height: 25px;}
.contactForm .txtField  		{ width:400px; border:1px solid #c8c0bf; font-size: 20px; padding: 0 3px;}
.contactForm .txtArea 			{ width:400px; border:1px solid #c8c0bf; height: 400px; padding: 0 3px;}
.contactForm .txtArea-small		{ width:400px; border:1px solid #c8c0bf; height: 100px; padding: 0 3px;}


.txtField:hover, .txtArea:hover, .txtArea-small:hover,
.txtField:focus, .txtArea:focus, .txtArea-small:focus,
.txtField:active, .txtArea:active, .txtArea-small:active { border-color:green; background:#edffd1;}

.contactForm fieldset			{ border:1px gray solid; padding: 10px 20px;}
.contactForm fieldset.extra 	{ margin-top:15px;}
.contactForm .file 				{ padding:1px 0; }
.contactForm .send				{ width:200px; margin-left: 275px; }

/* pics */
div.img_r		{ width: 200px; border: 1px solid gray; float: right; clear: right; padding: 10px; margin: 0px 0 10px 10px;}
div.img_r p		{ font-size: 12px; width: 200px;font-style: italic;}