html {height:100%;}
body { height:100%;margin:0; background:#122432 url(/images/bg_body.jpg) repeat-x; font:12px Arial, Helvetica, sans-serif; color:#000;}
/*GLOBAL STYLE
-------------------------*/
* {margin:0; padding:0;}
a{text-decoration: underline; color:#b82d56;}
a:hover{text-decoration: underline;}
img {border:none;}
input,
textarea,
select{font:100% arial,sans-serif; vertical-align:middle;}
form,fieldset{ margin:0; padding:0; border-style:none;}

/*PAGE STYLE
----------------------*/
#main {min-height:100%; background:url(/images/bg_main.png) repeat-y; width:900px; margin:0 auto; padding:0 19px;}
* html #main {height:100%; overflow:visible;}

/*HEADER
----------------------*/
.header { width:900px; overflow:hidden;}
.header-top {background:url(/images/bg_header_top.jpg) no-repeat 300px 0; height:235px; width:900px;}
.header-top-left {background:url(/images/bg_header_top_left.jpg) no-repeat; height:235px; width:900px;}
.header-top-right {background:url(/images/bg_header_top_right.jpg) no-repeat 100% 0; height:235px; width:900px;}
.header-top-right ul {list-style:none; position:relative;}
.header-top-right ul li a {display:block; overflow:hidden; text-indent:-9999px; position:absolute;}
.header-top-right ul li a.first-turist {background:url(/images/link_fist_turist.jpg) no-repeat; height:23px; width:64px; top:162px; left:55px;}
.header-top-right ul li a.pozdravlenie {background:url(/images/link_fist_pozdravlenie.jpg) no-repeat; height:67px; width:88px; top:166px; left:522px;}
.header-top-right ul li a.marsrytu {background: url(/images/link_fist_marsrytu.jpg) no-repeat; height:34px; width:125px; top:141px; left:743px;}
.header-bot {background:url(/images/bg_bot_header.jpg) no-repeat; width:900px; height:39px;}

/*MENU GODA
---------------------*/
#menu {list-style: none; padding:15px 0 0;}
#menu li {float: left;position: relative; display:inline;}
#menu a {display: block;color: #fff; font-size:11px; text-decoration:underline;}

#menu li.hover, #menu li:hover {position: relative;}
#menu div.drop strong {font-weight: normal; float:left;}
#menu div.drop { visibility:hidden; position: absolute; left:-45px; top:-115px; width: 470px; background: url(none.gif)}
#menu li.hover div.drop, #menu li:hover div.drop{display: block !important;}

#menu li div span.left { display:block; height:25px; font-size:12px; color:#000; line-height:14px;;position:relative; }
#menu li div span.left span.center{ background: url(/images/bg_drop.png) no-repeat; display:block; height:35px; font-size:12px; padding:30px 0 40px 37px}
#menu li div span.right { width:33px; height:108px; background:url(/images/bg_drop_right.png) no-repeat; display:block; position:absolute; top:0; right:-33px;}

#menu li em div storng { float:left;}
#menu li.date-1 {margin:0 0 0 45px;}
#menu li.date-2 {margin:0 0 0 75px;}
#menu li.date-3 {margin:0 0 0 115px;}
#menu li.date-4 {margin:0 0 0 17px;}
#menu li.date-5 {margin:0 0 0 54px;}
#menu li.date-6 {margin:0 0 0 125px;}


/*CONTENT
-----------------------*/
.content { overflow:hidden; width:838px; padding:0 22px 130px 40px;}
/*LEFT BOX
-----------------------*/
.primary {float:left; width:525px; padding:31px 0 0;}
.content h1 {font-size:24px; font-weight:bold; line-height:24px; padding:0 0 13px;}
.content-text {width:480px;}
.content-text h2, .content-text h3, .content-text h4, .content-text h5, .content-text h6 {padding-top: 15px;}
.content-text h2 a {color:#000; text-decoration:none;}
.content-text h2 a:hover {color:#000; text-decoration:underline;}
.content-text ul a {color:#003399;}
.content-text ul {padding-left:20px;}
.primary p { padding:12px 0 0; line-height:22px;}
.primary  a.adds-1 { background:url(/images/adds_1.gif) no-repeat; display: block; height:73px; width:339px; overflow:hidden; text-indent:-9999px; margin:27px 0 0;}


/*RIGHT BOX
----------------------*/
.secondary {float:right; width:309px; margin-top: 65px;}
.konkyrs {background:#def5e1 url(/images/bg_konkyrs.gif) no-repeat; width:309px; margin:20px 0 0;}
.konkyrs-bot {background:url(/images/bg_konkyrs_bot.gif) no-repeat 0 100%; padding:19px 25px 30px 27px;}
.konkyrs h2 {font-size:19px; color:#197505; font-weight:bold; padding:0 0 7px;}
.konkyrs p {font-size:11px; color:#333333; line-height:18px; padding:0 33px 0 0;}
.konkyrs span.import-info {font-size:18px; color:#333; line-height:22px; display:block;}
.konkyrs span.import-info span { font-weight:bold; color:#000;}
.konkyrs  .ychastie {display:block; position:relative; width:259px; margin:16px 0 0;}
.konkyrs  .ychastie a {background:url(/images/btn_priniat_ychastie.gif) no-repeat; display:block; height:42px; width:259px; position:relative; text-indent:-9999px; position:relative; z-index:100; overflow:hidden;}
.konkyrs  .ychastie span {display:block; background:url(/images/bg_ara.png) no-repeat; height:158px; width:127px; position:absolute; top:-92px; right:8px; z-index:1;}

.konkyrs-work {background:#def5e1 url(/images/bg_konkyrs.gif) no-repeat; width:309px; margin:20px 0 0;}
.konkyrs-work-bot {background:url(/images/bg_konkyrs_bot.gif) no-repeat 0 100%; padding:20px 0 26px 27px;}
.konkyrs-work-bot h3 {font-size:16px; color:#197505; line-height:16px; padding:0 0 4px;}
.konkyrs-work-bot .all-rabotu {display:block; margin:13px 0 0;}
.konkyrs-work-bot .all-rabotu a { font-size:12px; color:#003399; text-decoration:underline;}

.greetings {background:#d7e6ef url(/images/bg_konkyrs_work.gif) no-repeat; width:309px; margin:20px 0 0;}
.greetings-bot {background:url(/images/bg_konkyrs_work_bot.gif) no-repeat 0 100%; padding:19px 25px 30px 27px;}
.greetings h2 {font-size:19px; color:#333; font-weight:bold; padding:0 0 17px;}
.greetings .ychastie {display:block; position:relative; width:259px; margin:16px 0 0;}
.greetings .ychastie a {background:url(/images/con_btn.png) no-repeat; display:block; height:42px; width:259px; position:relative; text-indent:-9999px; position:relative; z-index:100; overflow:hidden;}
.greetings .ychastie span {display:block; background:url(/images/bunt.png) no-repeat; height:158px; width:127px; position:absolute; top:-58px; right:-15px; z-index:100;}
.greetings-bot .all-rabotu {display:block; margin:13px 0 0;}
.greetings-bot .all-rabotu a { font-size:12px; color:#003399; text-decoration:underline;}

.news {background:#f3e1ca url(/images/bg_news.gif) no-repeat; width:309px; margin:20px 0 0;}
.news-bot {background:url(/images/bg_news_bot.gif) no-repeat 0 100%; padding:19px 25px 30px 27px;}
.news-bot h3 {font-size:16px; color:#884512; line-height:16px; padding:0 0 4px;}
.news-bot .all-rabotu {display:block; margin:13px 0 0;}
.news-bot .all-rabotu a { font-size:12px; color:#003399; text-decoration:underline;}

.info-side { padding:8px 50px 0 0;}
.info-side h4 { font-weight:normal;}
.info-side h4 a {font-size:12px; color:#000; text-decoration:underline;}
.info-side p { font-size:12px; color:#666; line-height:14px; padding:2px 0 0;}
.info-side p a {font-size:12px; color:#003399; text-decoration:underline;}


/*FOOTER
---------------------*/
.footer { width:100%;  position:relative; width:938px; margin:-69px auto 0; overflow:hidden;}
.foot {border-top:1px solid #000; position:relative; padding:17px 0 0 40px; width:860px; margin:0 auto;}
.foot ul {list-style:none; overflow:hidden;}
.foot ul li {float:left; font-size:12px; color:#000; line-height:17px; background:url(/images/sep_foot.gif) no-repeat 0 50%; margin:0 0 0 -4px; padding:0 12px;}
.foot ul li a { font-size:12px; color:#000;}
.foot p {position:absolute; top:26px; right:143px; font-size:12px;}
.foot p a { color:#000;}
.foot .srt { background:url(/images/bg_str.gif) no-repeat; display:block; height:31px; width:31px; position:absolute; top:19px; right:22px;}


/*STYLE LIST PAGE
------------------------*/
.head-all {background:url(/images/bg_head_all.jpg) no-repeat 100% 0; height:265px; width:900px;}
.head-all-left {background:url(/images/bg_head_left.jpg) no-repeat; height:265px; width:900px;}
.bread-camp {overflow:hidden; height:1%; list-style:none; margin:0 0 0 -7px; padding-bottom:13px;}
.bread-camp li {float:left; background:url(/images/sep_bread_cump.gif) no-repeat 0 50%; margin:0 0 0 -8px; padding:0 15px; font-size:24px; color:#000;}
.bread-camp li a {color:#666;}

.marshrut-box {padding:10px 0 20px 0; clear:both;}
.marshrut-box h3 { font-size:14px; line-height:14px;}
.marshrut-box h3 a {color:#003399;}
.marshrut-box .avtor-info {overflow:hidden; height:1%; list-style:none; margin:5px 0 0 -7px; padding-left:0;}
.marshrut-box .avtor-info li {float:left; font-size:12px; background:url(/images/sep_foot.gif) no-repeat 0 50%; margin:0 0 0 -4px; padding:0 11px;}
.marshrut-box .avtor-info li em { font-weight:bold;}
.marshrut-box p { font-size:12px; line-height:16px; padding:6px 0 0;}
.marshrut-box p a {color:#003399;}
.marshrut-box .koment-golos {overflow:hidden; height:1%; list-style:none; margin:8px 0 0 -7px; padding-left:0;}
.marshrut-box .koment-golos li { float:left; background:url(/images/sep_foot.gif) no-repeat 0 50%; font-size:12px; color:#666; margin:0 0 0 -4px; padding:0 11px;}

.greetting-box {padding:10px 0 20px 0; clear:both;}

.news-box {padding:10px 0 20px 0;}
.news-box .date {font-style:italic; color:#999999;}

.content-text ul.list-page {padding:0;}
.list-page { overflow:hidden; height:1%; list-style:none; margin:34px 0 0 -4px;}
.list-page li {float:left; padding:0 4px 0 0;}
.list-page li a { font-size:14px; color:#003399; font-weight:bold; line-height:21px; padding:0 4px;}
.list-page li span {line-height:21px; font-size:14px; color:#333; font-weight:bold; padding:0 4px;}
.list-page li span.current {background:#d4d7d6;}
.list-page li span.gap {background:none;}
.list-page li a.last {background:url(/images/sep_list_page_last.gif) no-repeat 100% 4px; padding:0 13px 0 4px;}


/*STYLE ROUT PAGE
---------------------*/
.content-route {width:500px;}
.content-text .name-avtor {font-weight:bold; font-size:14px; display:block; line-height:14px; padding:26px 0 0;}
.content-text p.size {font-size:14px; line-height:14px; padding:12px 0 0;}
.content-text p {font-size:12px; padding:12px 0 0; line-height:14px;}
.content-text img {display:block; margin:25px 0 0;}
.about-sity {padding:18px 0 0;}
.about-sity .name-sity { line-height:21px; font-size:14px; border:1px solid #cccbcb; padding:3px 8px; background:#fff;}
.about-sity p {padding:5px 0 0;line-height:15px;}

.golos {overflow:hidden; width:100%; padding:30px 0 0;}
.golos span {float:left; font-size:18px; font-weight:bold; color:#333; line-height:42px; margin:0 17px 0 0;}
.golos a { background:url(/images/btn_pluse_one.gif) no-repeat; float:left; height:42px; width:64px; text-indent:-9999px; overflow:hidden;}

.coments  {padding:50px 0 27px; width:490px;border-bottom:1px solid #aaacac;}
.coments h3 {font-size:14px; border-bottom:1px solid #aaacac; padding:0 0 7px; margin:0 0 -8px;}
.user-coments {padding:30px 0 0; clear:both;}
.user-coments em {font-size:12px; font-weight:bold;}
.user-coments p {line-height:14px; padding:3px 0 0;}

.add-coment label, .add-route label {display:block; font-size:14px; margin:17px 0 2px;}

.add-coment input.tx, .add-route input.tx, .add-route select.tx {background:#fff; border:1px solid #000; color:#000; font-size:14px; padding:4px; width:241px;}
.add-coment textarea, .add-route textarea {height:135px; width:479px; overflow:auto; background:#fff; border:1px solid #000; padding:0 5px; font-size:14px;}
.add-coment input.btn {margin:19px 0 0;}


/*STYLE SECOND PAGE
------------------------*/
.right-box  { float:right; width:309px; margin:0 0 30px 25px;}
.second-page {padding:31px 0 0;}
.second-page p {font-size:14px; line-height:22px; padding:20px 0 0;}

.add-route { padding:34px 0 100px;}
.add-route textarea {width:500px;}
.add-route select.tx {width: 251px;}
.add-route-box {overflow:hidden; width:100%;}
.add-route-left {float:left; width:151px;}
.add-route-left input.tx {width:131px;}
.add-route-right {float:left; width:100px;}
.add-route-right input.tx {width:90px;}
.add-route-bot {position:relative; margin:47px 0 0;}
.add-route-bot input.tx {width:502px;}
.add-route-bot .more-info {display:block; font-size:12px; line-height:15px; color:#666; width:220px; position:absolute; top:15px; left:552px;}
.add_more-info {display:block; padding:20px 0 0;}
.add_more-info a {font-size:14px; color:#003399; background:url(/images/link_add_more_info.gif) repeat-x 0 100%; text-decoration:none;}
.add-route-bot input.btn {margin:60px 0 0;}


/* Error Styling ========================== */

#errorExplanation {
  border: 2px solid red;
  width:502px;
  /*padding: 7px;*/
  padding-bottom: 12px;
  margin-top: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2, .question #total .text #errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  /*margin: -7px;*/
  background-color: #c00;
  color: #fff;
  margin-top:0;
}

#errorExplanation p {
  color: #333;
  margin-top: 10px;
  margin-left: 10px;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul {
  margin-left:30px;  
}

#errorExplanation ul li {
  font-size: 12px;
}

.fieldWithErrors {
  display: inline;
}

.fieldWithErrors input, .form_list ul.label_smoll li .fieldWithErrors input {
  padding: 2px 0 2px 0 !important;
  padding: 0;
  border: 2px solid red;
  background-color: #f0f0f0;
}