/*Main*/

#main {width:1000px;margin:0 auto}

.index_main_top {background:url(images/index_main_top.gif) no-repeat top;height:21px}
.index_prev_grad {background:url(images/index_prev_grad.gif) no-repeat top;height:222px}
.index_prev_bot {background:#3e4095;height:16px}

.prev_but_left, .prev_but_right {width:30px;float:left;padding-left:10px;padding-right:10px;padding-top:87px}
.prev_but_center {width:845px;padding-left:20px;padding-right:20px;float:left}
.prev_but_center_left {float:left;width:302px}
.prev_but_center_right {float:left;width:510px;padding-left:30px}
.prev_but_center_right p {color:#232323}
.prev_but_center_right a {color:#fff;font-weight:bold}
.prev_img {background:url(images/img_bor_prev.gif) no-repeat;width:287px;height:180px;padding:8px}

.read {text-align:right;padding-top:10px;padding-bottom:10px;padding-right:10px}
.read a {font-weight:bold;color:#fff;text-decoration:none;border-bottom:1px dotted #fff}
.readred {text-align:right;padding-top:10px;padding-right:10px}
.readred a {font-weight:bold;color:#873c02;text-decoration:none;border-bottom:1px dotted #873c02}

#index_box_top {background:url(images/index_box_top.gif) no-repeat;height:14px}
#index_box_bg {background:url(images/index_box_bg.gif);padding-left:20px;padding-right:20px}
#index_box_bot {background:url(images/index_box_bot.gif) no-repeat;height:14px}

#text1, #text2, #text3 {width:232px;height:27px;padding-top:0;padding-left:10px;padding-right:12px;border:none;background:url(images/input_bg.gif);background-repeat:no-repeat;background-position:left top;color:#cfcfcf;font-size:12px;padding-bottom:5px}

#text_mess {width:234px;height:92px;padding-top:4px;padding-left:10px;padding-right:10px;padding-bottom:10px;border:none;background:url(images/text_mess.gif);background-repeat:no-repeat;background-position:left top;color:#cfcfcf;font-size:12px;padding-bottom:5px;margin-bottom:10px}

.main_top {background:url(images/main_top.gif) no-repeat top;height:15px}
.main_bg {background:url(images/main_bg.gif);padding-left:8px;padding-right:7px}
.main_bot {background:url(images/main_bot.gif) no-repeat top;height:15px;padding-bottom:10px}

.ls {list-style:none;padding-left:0}
.ls li {background:url(images/ls.gif) no-repeat 0px 6px;margin-bottom:4px;padding-left:15px}

.about {padding-left:20px;padding-right:20px}

.contact {padding-left:10px;padding-right:10px;background:url(images/contactus_bg.gif) repeat-y}

.news_about {padding-bottom:20px}

.dotted_hr {height:1px;border-top:1px dotted #666666;clear:both;padding-bottom:20px}

#contact_form fieldset {border:none;padding-top:10px}
#contact_form label {font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;color:#505050;text-align:left;padding-left:10px}
#contact_form input {margin-bottom:5px}
#contact-submit {width:106px;height:25px;color:#fff;background:url(images/send.gif);background-repeat:no-repeat;background-position:left top;border:none;float:right}

#con_name, #con_email, #con_website {width:516px;height:27px;padding-top:0;padding-left:10px;padding-right:12px;border:none;background:url(images/contact_input.gif);background-repeat:no-repeat;background-position:left top;color:#000;padding-bottom:5px;font-size:12px}

#con_mess {width:518px;height:211px;padding-top:4px;padding-left:10px;padding-right:10px;padding-bottom:15px;border:none;background:url(images/mess_contact.gif);background-repeat:no-repeat;background-position:left top;color:#000;margin-bottom:10px}

.index_left {float:left;width:610px;padding-right:100px;padding-left:0}
.index_right {float:left;width:255px}
.index_right ul {padding-top:10px}
.index_right ul li {padding-bottom:8px}
.index_right h2 {padding-top:6px}

.news {padding-bottom:20px}

.pad_left {padding-left:60px;padding-top:15px}

.blog {padding-left:10px;padding-right:0}

.blog_news {padding-bottom:30px}

.blog_left {float:left;width:620px;padding-right:50px;padding-left:0}
.blog_right {float:left;width:302px}
.blog_right ul {padding-left:40px;list-style:none;padding-top:10px}
.blog_right ul li {padding-left:15px;margin-top:3px;background:url(images/ls2.gif) no-repeat 0px 5px;padding-bottom:4px;border-bottom:1px dotted #666666;width:200px}

.news_top {clear:both}
.news_top_left {background:url(images/num_bg.png) no-repeat right;width:67px;height:65px;float:left;text-align:center}

.date_day {color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:18px;font-weight:normal;padding-top:10px;padding-bottom:10px}
.date_month {color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:normal;text-transform:lowercase}

.news_top_right {float:left;padding-left:10px;width:540px}
.news_title { padding-top:10px}

.tegs_hr {border-bottom:1px dotted #666666;padding-top:5px}

.publ {float:left;padding-left:10px}

.com {float:right;background:url(images/coments_bg.gif) no-repeat 0px 5px;padding-left:15px;padding-right:5px}

.gray {font-size:12px;color:#666666;font-weight:bold}

.news_text {clear:both;padding-top:20px;line-height:20px}

.tegs_box {clear:both;padding-top:5px}

.row {padding-left:1px;height:235px;width:999px}

.box_img2 {width:308px;height:225px;background:url(images/img_bg_ind3.gif) 0px 0px no-repeat;padding:10px 0px 0px 10px;float:left}
.box_razd {width:14px;height:50px;float:left}
.box_img2 h1 {font-family:Arial, Helvetica, sans-serif;font-size:24px;font-weight:100;color:#002380;text-align:left;padding:8px 0px 3px 0px}

.rol_over:hover {background:url(images/rol_over_galery.png) left top no-repeat}

.g_size {width:298px;height:123px;display:block}

.g1 {background:url(images/gal1.jpg) left top no-repeat}
.g2 {background:url(images/gal2.jpg) left top no-repeat}
.g3 {background:url(images/gal3.jpg) left top no-repeat}
.g4 {background:url(images/gal4.jpg) left top no-repeat}
.g5 {background:url(images/gal5.jpg) left top no-repeat}
.g6 {background:url(images/gal6.jpg) left top no-repeat}
.g7 {background:url(images/gal7.jpg) left top no-repeat}
.g8 {background:url(images/gal8.jpg) left top no-repeat}
.g9 {background:url(images/gal9.jpg) left top no-repeat}

.pirobox_gal1 {width:298px;height:123px;display:block}
.pirobox_gal1:hover {width:298px;height:123px;display:block;background:url(images/rol_over_galery.png) left top no-repeat}

/*footer*/

.link1 {background:url(images/link1.png) no-repeat 0px 2px; padding-left:30px;min-height:18px;padding-bottom:10px}
.link2 {background:url(images/link2.png) no-repeat 0px 2px; padding-left:30px;min-height:18px;padding-bottom:10px}
.link3 {background:url(images/link3.png) no-repeat 0px 2px; padding-left:30px;min-height:18px;padding-bottom:10px}
.link4 {background:url(images/link4.png) no-repeat 0px 2px; padding-left:30px;min-height:18px;padding-bottom:10px}

/* Header Scroller */

/* jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
Copyright (c) 2009 Niall Doherty
This plugin available for use in all personal or commercial projects under both MIT and GPL licenses. */

/* Insignificant stuff, for demo purposes */

.panel h2.title {margin-bottom:10px }

noscript div {background:#ccc;border:1px solid #900;margin:20px 0;padding:15px }

/* Most common stuff you'll need to change */

.coda-slider-wrapper {padding:0;padding-left:20px;padding-top:13px }
.coda-slider {background:none}

/* Use this to keep the slider content contained in a box even when JavaScript is disabled */

.coda-slider-no-js .coda-slider {height:308px;overflow:hidden !important;padding-right:20px }

/* Change the width of the entire slider (without dynamic arrows) */

.coda-slider, .coda-slider .panel {width:920px } 

/* Change margin and width of the slider (with dynamic arrows) */

.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel {width:890px }
.coda-slider-wrapper.arrows .coda-slider {margin:0px }

/* Arrow styling */

.coda-nav-left {padding-top:80px}
.coda-nav-right {padding-top:80px}
.coda-nav-left a {background:url(images/prev_but_left.gif) no-repeat;color:#fff;width:28px;height:108px;text-indent:-9000em}
.coda-nav-right a {background:url(images/prev_but_right.gif) no-repeat;color:#fff;width:28px;height:108px;text-indent:-9000em}

/* Tab nav */

.coda-nav ul li a.current {background:#39c }

/* Panel padding */

.coda-slider .panel-wrapper {padding:0px }

/* Preloader */

.coda-slider p.loading {padding:20px;text-align:center }

/* Don't change anything below here unless you know what you're doing */

/* Tabbed nav */

.coda-nav ul {clear:both;display:block;margin:auto;overflow:hidden }
.coda-nav ul li {display:none }
.coda-nav ul li a {background:#000;color:#fff;display:block;float:left;margin-right:1px;padding:3px 6px;text-decoration:none }

/* Miscellaneous */

.coda-slider-wrapper {clear:both;overflow:hidden }
.coda-slider {float:left;overflow:hidden;position:relative }
.coda-slider .panel {display:block;float:left }
.coda-slider .panel-container {position:relative }
.coda-nav-left, .coda-nav-right {float:left }
.coda-nav-left a, .coda-nav-right a {display:block;text-align:center;text-decoration:none }
