/* Default styles
------------------------------- */
ul,ol { list-style:none; 	}
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; } 
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin:0; padding:0;}
a img,:link img,:visited img {border:none;}
input {padding-left:3px;}
address { font-style:normal;}
sup, sub { vertical-align: middle; position: relative; font-size: 75%;}
sup {top: -5px;}
.clear {clear: both;}

a {color: #b3ff65; font-size: 12px;}
a:hover {text-decoration: none;}

body {font-family: Georgia, sans-serif; background: #85360f url(/media/images/bgtop.jpg) repeat-x left top;}
.body2 {background: url(/media/images/bgbottom.jpg) repeat-x left bottom;}

#wrapper {width: 1000px; position: relative; margin-left: -500px; left: 50%;}
#wrapper_bg2 {opacity: 0.4; filter: alpha(opacity=40); background: #85360f url(/media/index.jpg) center top no-repeat; width: 1000px; position: absolute; top: 0px; left: 0px; height: 1400px; left: 50%; margin-left: -500px; border: 1px solid #F00;}
#wrapper_bg2 {opacity: 0.4; filter: alpha(opacity=40); background: #85360f url(/media/inner.jpg) center top no-repeat; width: 1000px; position: absolute; top: 0px; left: 0px; height: 1400px; left: 50%; margin-left: -500px; border: 1px solid #F00;}
#wrapper_bg2 {opacity: 0.4; filter: alpha(opacity=40); background: #85360f url(/media/feedback.jpg) center top no-repeat; width: 1000px; position: absolute; top: 0px; left: 0px; height: 1400px; left: 50%; margin-left: -500px; border: 1px solid #F00;}
#wrapper_bg2 {opacity: 0.4; filter: alpha(opacity=40); background: #85360f url(/media/gallery.jpg) center top no-repeat; width: 1000px; position: absolute; top: 0px; left: 0px; height: 1400px; left: 50%; margin-left: -500px; border: 1px solid #F00;}

/* -= block_top =- */
#block_top {width: 100%; height: 190px;}
#block_top .logo {display: block; width: 308px; padding-top: 67px; text-decoration: none; font-size: 18px; background: url(/media/images/logo.png) no-repeat left top; color: #ffffff; position: absolute; left: 20px; top: 16px;}
#block_top .phone { color: #ffffff; font-size: 48px; font-weight: bold; position: absolute; left: 584px; top: 25px; }
#block_top .phone span {font-weight: lighter; font-size: 18px; color: #712d12; position: absolute; bottom: 16px; left: -43px;}
#block_top .address {font-size: 12px; color: #ffffff; position: absolute; top: 88px; left: 526px;}
#block_top .enter {position: absolute; right: 210px; top: 10px; color: #b3ff65; width: 400px; text-align: right; font-size: 12px;}
#block_top .enter a {text-decoration: underline; color: #b3ff65; font-size: 12px;}
#block_top .enter a:hover {text-decoration: none;}
#block_top .enter .name {color: #ffffff; font-size: 12px;}
#block_top .shaurma {position: absolute; right: 0px; top: 0px; background: url(/media/images/shaurma.jpg) no-repeat left top; width: 197px; height: 144px;}
#block_top .l_random  {position: absolute; top: 118px; left: -30px;}
#block_top .random {position: absolute; top: 148px; display: none;}
#block_top .random p {position: absolute; float: left; bottom: 80px; left: 102px; color: #ffffff; font-size: 18px; padding: 1px; background: #5f1b00; background:rgba(0, 0, 0, 0.4);  filter:alpha(opacity=50);}

/* menu */
#block_top .menu {width: 608px; position: absolute; top: 136px; left: 276px;}
#block_top .menu li {float: left;}

#block_top .menu .menu_obed a{display: block; height: 29px; width: 110px; background: url(/media/images/menu/obed.png) no-repeat left top; color: white; text-decoration: none; font-size: 12px; text-align: center; padding-top: 7px;}
#block_top .menu .menu_obed a:hover {background: url(/media/images/menu/obed.png) no-repeat left -36px;}
#block_top .menu .menu_obed .active {background: url(/media/images/menu/obed.png) no-repeat left -72px;}

#block_top .menu .menu_culinar  {margin-left: -9px;}
#block_top .menu .menu_culinar a{display: block; height: 29px; width: 156px; background: url(/media/images/menu/culinar.png) no-repeat left top; color: white; text-decoration: none; font-size: 12px; text-align: center; padding-top: 7px;}
#block_top .menu .menu_culinar a:hover {background: url(/media/images/menu/culinar.png) no-repeat left -36px;}
#block_top .menu .menu_culinar .active {background: url(/media/images/menu/culinar.png) no-repeat left -72px;}

#block_top .menu .menu_kraski {margin-left: -8px;}
#block_top .menu .menu_kraski a{display: block; height: 29px; width: 112px; background: url(/media/images/menu/kraski.png) no-repeat left top; color: white; text-decoration: none; font-size: 12px; text-align: center; padding-top: 7px;}
#block_top .menu .menu_kraski a:hover {background: url(/media/images/menu/kraski.png) no-repeat left -36px;}
#block_top .menu .menu_kraski .active {background: url(/media/images/menu/kraski.png) no-repeat left -72px;}

#block_top .menu .menu_furshet {margin-left: -9px;}
#block_top .menu .menu_furshet a{display: block; height: 29px; width: 230px; background: url(/media/images/menu/furshet.png) no-repeat left top; color: white; text-decoration: none; font-size: 12px; text-align: center; padding-top: 7px;}
#block_top .menu .menu_furshet a:hover {background: url(/media/images/menu/furshet.png) no-repeat left -36px;}
#block_top .menu .menu_furshet .active {background: url(/media/images/menu/furshet.png) no-repeat left -72px;}

#block_top .menu .text {margin-left: 13px;}
#block_top .menu .text a {font-size: 14px; color: #b3ff65; text-decoration: underline;}
#block_top .menu .text a:hover {text-decoration: none;}
#block_top .menu .text .active {text-decoration: none; font-weight: bold; color: #8af120}

/* -= center_block =- */
#center_block {margin: 24px auto; width: 582px; height: 586px; font-family: Verdana, sans-serif;}
#center_block .kulinar {float: left; width: 291px; height: 293px; background: url(/media/images/center/kulinar.jpg) no-repeat 10px 15px; position: relative;}
#center_block .kulinar .l1 {background: url(/media/images/center/kulinar_bg.png) left top no-repeat; top: 110px; left: -205px; width: 255px; height: 79px;}
#center_block .kulinar .l1 p {padding-right: 20px;}
#center_block .dostavka {float: left; width: 291px; height: 293px; background: url(/media/images/center/dostavka.jpg) no-repeat left top; position: relative;}
#center_block .dostavka .l1 {background: url(/media/images/center/dostavka_bg.png) left top no-repeat; left: 103px; top: 3px; width: 370px; height: 100px;}
#center_block .dostavka .l1 p {padding-left: 135px; padding-right: 12px;}
#center_block .furshet {float: left; width: 291px; height: 293px; background: url(/media/images/center/furshet.jpg) no-repeat 76px 23px; position: relative;}
#center_block .furshet .l1 {background: url(/media/images/center/furshet_bg.png) left top no-repeat; top: 50px; left: -180px; width: 270px; height: 87px;}
#center_block .furshet .l1 b {line-height: 22px;}
#center_block .kafe {float: left; width: 291px; height: 293px; background: url(/media/images/center/kafe.jpg) no-repeat 9px 15px; position: relative;}
#center_block .kafe .l1 {background: url(/media/images/center/kafe_bg.png) left top no-repeat; top: 95px; left: 205px; width: 285px;}
#center_block .kafe .l1 p {padding-left: 37px; padding-right: 3px;}
#center_block a {opacity: 1; filter: alpha(opacity=100); text-decoration: none;}
#center_block a:hover {opacity: 0.9; filter: alpha(opacity=90);}
#center_block a .l1 {position: absolute; /*white-space: nowrap;*/ color: #ffffff; font-size: 11px; padding: 7px 6px 3px 6px; /*opacity: 0.9; filter: alpha(opacity=90);*/ line-height: 15px;}
#center_block a .l1 b {font-size: 18px; position: relative; top: -3px; font-weight: normal; line-height: 18px;}

.order {display: block; width: 182px; height: 67px;  position: absolute; left: 20px; font-size: 20px; color: #ffffff; top:756px;  background: url(/media/images/zakaz.png) no-repeat left top; text-decoration: none;  padding-left: 13px; padding-top: 18px; }
.order:hover {text-decoration: underline;}

.about_company {width: 250px; height: 51px; background: url(/media/images/about.png) no-repeat right top; margin-bottom: 45px;}   
.obed_v_offis {width: 248px; height: 51px; background: url(/media/images/obed.png) no-repeat right top; }
.magazin_kulinar {width: 361px; height: 51px; background: url(/media/images/magazin.png) no-repeat right top; margin-top: 25px; }
.kafe_kraski {width: 259px; height: 51px; background: url(/media/images/kraski.png) no-repeat right top; margin-top: 25px;}
.org_obed {width: 517px; height: 51px; background: url(/media/images/org.png) no-repeat right top; margin-top: 25px; }
   
.razdel {position: relative; margin-top: 31px; height: 51px; width: 370px; margin-bottom: 40px;}
.razdel a {position: absolute; top: -25px; left: 90px; color: #b3ff65; font-size: 12px;}
  
/* -= block_bottom =- */
#block_bottom {width: 100%;}

/* banners */
#block_bottom #banners {height: 180px; margin-left: 20px; margin-top: 60px;} 
#block_bottom #banners .banner {opacity: 0.9; filter: alpha(opacity=90); display: block; text-decoration: none; width: 283px; height: 163px; background: url(/media/images/banner.png) no-repeat left top; position: relative;  }
#block_bottom #banners .banner:hover {opacity: 1; filter: alpha(opacity=100);}
#block_bottom #banners .banner .part {font-size: 24px; font-weight: bold; font-style: italic; color: white; position: absolute; left: 17px; top: 22px;}
#block_bottom #banners .banner .info {font-family: Verdana, sans-serif; font-size: 11px; width: 132px; color: white; position: absolute; left: 28px; top: 72px; line-height: 18px; }
#block_bottom #banners .banner .pic {width: 100px; height: 100px;  position: absolute; left: 174px; top: 55px; text-align: center;}
#block_bottom #banners .banner .company {background: url(/media/images/company2.png) no-repeat left top; width: 100px; height: 94px;  position: absolute; left: 174px; top: 56px;}
#block_bottom #banners .banner .response {background: url(/media/images/response.png) no-repeat left top; width: 95px; height: 94px;  position: absolute; left: 174px; top: 60px;}

#block_bottom #futer {margin-left: 20px; margin-right: 20px; margin-top: 40px; height: 180px; border-top: 1px solid #c55925; position: relative; font-size: 11px;}
#block_bottom #futer .copy {position: absolute; top: 38px; color: #ffffff} 

#block_bottom #futer .produkt { position: absolute; top: 38px; color: #ffffff; left: 190px;}
#block_bottom #futer .produkt li {padding-bottom: 10px;}
#block_bottom #futer .produkt a {color: #b3ff65; text-decoration: underline;} 
#block_bottom #futer .produkt a:hover {text-decoration: none;}

#block_bottom #futer .comp { position: absolute; top: 38px; color: #ffffff; left: 390px; }
#block_bottom #futer .comp li {padding-bottom: 10px;}
#block_bottom #futer .comp a {color: #b3ff65; text-decoration: underline; } 
#block_bottom #futer .comp a:hover {text-decoration: none;}

#block_bottom #futer .adress {line-height: 24px; position: absolute; left: 590px; top: 38px; color:#ffffff; }
#block_bottom #futer .golden { display: block; position: absolute; width: 190px; height: 100px;  right: 0px; top: 38px; color:#ffffff; text-decoration: none; background: url(/media/images/golden-studio.jpg) no-repeat 20px 0px; font-size: 11px;}

/* -= main_table =- */
#main_table {position: relative; margin-left: 20px; margin-top: -167px; z-index: 1;}
#main_table .left_column {background: #fff1cb;}
#main_table .right_column {background: #ffffff;}

#main {position: relative; z-index: 1; margin-top: 20px;}
#main .main_left {background: url(/media/images/main/left.png) repeat-y left top;}
#main .main_right {background: url(/media/images/main/right.png) repeat-y left top;}
#main .main_top {background: url(/media/images/main/top.png) repeat-x left top;}
#main .main_bottom {background: url(/media/images/main/bottom.png) repeat-x left top;}
.main_center {background: #fff1cb;}
#main .main_left_top {background: url(/media/images/main/left_top.png) no-repeat left top;} 
#main .main_right_top {background: url(/media/images/main/right_top.png) no-repeat left top;}
#main .main_left_bottom {background: url(/media/images/main/left_bottom.png) no-repeat left top;}
#main .main_right_bottom {background: url(/media/images/main/right_bottom.png) no-repeat left top;}

/* -= content =- */
#content {position: relative;  margin-top: 0px; z-index: 1;  margin-left: 20px;}
#content h1 {color: #ffffff; font-size: 24px; font-weight: lighter; margin-bottom: 26px; }
#content h2 {color: #ffffff; font-size: 18px; font-weight: lighter; margin-bottom: 118px; }
#content p {line-height: 24px; color: #ffffff; font-size: 14px; }
#content ul {color: #ffffff; margin-left: 10px; margin-bottom: 4px; font-size: 14px;}
#content .gallery {display: block; width: 121px; height: 122px; background: url(/media/images/primer_photo.png) no-repeat left top; float: left; margin-right: 60px; margin-top: 0px; margin-bottom: 50px;}
#content .gallery img {margin: 4px;}
#content .gallery2 {display: block; width: 121px; height: 122px; background: url(/media/images/primer_photo.png) no-repeat left top; float: left; margin-right: 60px; margin-top: 0px;}
#content .gallery2 img {margin: 4px;}
#content .all {display: block; width: 122px; height: 122px; background: #ffffff url(/media/images/all.gif) no-repeat left top; float: left; margin-right: 0px;}
#content .all span {position: relative; top: 31px; left: 15px; color: #6fcd0e; line-height: 24px;}

#osn {background: #ffffff}
#osn .help_left_top {background: url(/media/images/help_left_top.jpg) no-repeat left top; }
#osn .help_left_top .help_right_top {background: url(/media/images/help_right_top.jpg) no-repeat right top; }
#osn .help_left_top .help_right_top .help_left_bottom {background: url(/media/images/help_left_bottom.jpg) no-repeat left bottom; }
#osn .help_left_top .help_right_top .help_left_bottom  .help_right_bottom {background: url(/media/images/help_right_bottom.jpg) no-repeat right bottom; padding-top: 20px;}

#left_menu .rejim {width: 148px; height: 64px; background: url(/media/images/rejim.png) no-repeat left top; margin-left: -14px; color: #ffffff; font-size: 18px; padding-left: 20px; padding-top: 5px}
#left_menu .menu_week {color: #dc7b08; font-size: 18px; margin-bottom: 8px; margin-left: 6px; }

#left_menu .week {}
#left_menu .week li {height: 30px; padding-top: 13px; position: relative;}
#left_menu .week li .data {position: absolute; right: 2px; top: 14px; font-size: 12px;}
#left_menu .week li a {text-decoration: none; font-weight: bold; font-style: italic; color: #6f1c0b; margin-left: 6px;}
#left_menu .week .active {background: #ffffff url(/media/images/week.png) no-repeat left top;}
#left_menu .week .active a {color:  #f25609;}
#left_menu .week .unactive a {color: #ebbcb3;}

#left_menu .week_b {margin-top: 22px;}
#left_menu .week_b li {height: 30px; padding-top: 13px; position: relative; }
#left_menu .week_b li a {text-decoration: none; font-weight: bold; font-style: italic; color: #d9b8af; margin-left: 6px; }
#left_menu .week_b .active {background: #ffffff url(/media/images/week.png) no-repeat left top;  }
#left_menu .week_b .active a {color:  #f25609;}

#left_menu .inform {background: #ffe3b6; width: 178px; font-size: 12px; color: #b3310e; margin-left: -4px; margin-top: 20px; margin-bottom: 20px;}
#left_menu .inform .inform_top {background: url(/media/images/inform_top.jpg) no-repeat right top; }
#left_menu .inform .inform_top .inform_bottom {background: url(/media/images/inform_bottom.jpg) no-repeat right bottom; padding-top: 26px; padding-bottom: 10px; padding-right: 10px;}
#left_menu .inform p {margin-bottom: 26px; font-style: italic; padding-left: 11px;}
#left_menu .back {margin-left: 5px; color: #62b50d; font-size: 14px; text-decoration: underline; background: url(/media/images/str.jpg) no-repeat left center; padding-left: 22px}
#left_menu .back:hover {text-decoration: none}
#left_menu h1 {font-size: 24px; color: #c02f11; font-weight: bold; font-style: italic; margin-left: 6px; margin-top: 28px}

#osn  h1 {font-size: 30px; color: #c02f11; font-weight: bold; font-style: italic; margin-left: 24px; }
#osn .help_orders  {height: 90px; position: relative; }
#osn .help_orders .orders {position: absolute; right: 24px; top: 20px; display: block; width: 232px; height: 41px; background: url(/media/images/order.jpg) no-repeat left top; text-decoration: none; text-align: center; padding-top: 10px; font-size: 24px; color: #ffffff}
#osn .help_orders .orders:hover {text-decoration: underline;}
#osn .help_orders  .itog {font-size: 18px; position: absolute; right: 24px; top: 20px; }

#osn .quantity {margin-top: 26px; border-collapse: collapse; border-bottom: 1px solid #f1ede7;}
#osn .quantity .nb-left {border-left: 0px;}
#osn .quantity .nb-right {border-right: 0px;}
#osn .quantity th {font-size: 12px; height: 38px; border: 1px solid #f1ede7;}
#osn .quantity th  small {color: #6e6e6e; font-size: 10px; font-weight: lighter;}
#osn .quantity td {height: 88px; border: 1px solid #f1ede7; border-width: 0px 1px;  }
#osn .quantity td .date {font-size: 18px; }
#osn .quantity .row-title td {border: 5px solid #ffffff; background: #d9a534; color: #ffffff; height: 45px; padding-left: 12px;}
#osn .quantity .row-title td h2 {font-size: 20px; font-style: italic;}
#osn .quantity .row-title td p {font-size: 12px;}
#osn .quantity .my {border-bottom: 1px solid #f1ede7; }
#osn .quantity .name {padding-left: 20px; font-size: 14px; }
#osn .quantity .name small {font-size: 11px; color: #6e6e6e; }
#osn .quantity .pr {font-size: 18px;}
#osn .quantity .del {display: none; position: relative; top: -16px; left: 35px; width: 16px; height: 16px;}
#osn .quantity .count {width: 32px; height: 32px; border: 1px solid #c25a22; text-align: center; line-height: 32px; font-size: 18px;}
#osn .quantity .active {background: #e7fbac;}
#osn .quantity .active input {position: relative; top: 8px;}
#osn .quantity .active td {border-bottom: 1px solid #ffffff;}
#osn .quantity .active .del {display: block;}
#osn .quantity .sub-products {display: none; margin-bottom: 10px;}
#osn .quantity .sub-products .item {margin-bottom: 2px;}
#osn .quantity .sub-products input {margin: 0px; top: 0px;}
#osn .quantity .active .sub-products {display: block;}

#osn .stat {position: relative; height: 50px;  }
#osn .stat .v_r {position: absolute; color: #7d7d7d; font-size: 10px; top: 20px; left: 20px; width: 200px;}
#osn .stat .back_god {display: block; width: 16px; height: 16px; background: url(/media/images/god.jpg) no-repeat left top; position: absolute; top: 20px; left: 180px;}
#osn .stat .god {  font-size: 18px;  position: absolute; top: 15px; left: 200px;}
#osn .stat  .next_god {display: block; width: 16px; height: 16px; background: url(/media/images/god_next.jpg) no-repeat left top; position: absolute; top: 20px; left: 250px;}

#registration {margin: 0px auto; margin-top: 150px; }
#registration .okno_left_top {background: url(/media/images/okno/left_top.png) no-repeat left top;}
#registration .okno_left_bottom {background: url(/media/images/okno/left_bottom.png) no-repeat left top;}
#registration .okno_right_top {background: url(/media/images/okno/right_top.png) no-repeat left top;}
#registration .okno_right_bottom {background: url(/media/images/okno/right_bottom.png) no-repeat left top;}

#registration .okno_left {background: url(/media/images/okno/left.png) repeat-y left top;}
#registration .okno_bottom {background: url(/media/images/okno/bottom.png) repeat-x left top;}
#registration .okno_top {background: url(/media/images/okno/top.png) repeat-x left top;}
#registration .okno_right {background: url(/media/images/okno/right.png) repeat-y left top;}

#registration .center_block {background: #ffffff;  }
#registration .center_block .close {display: block;  margin-left: 550px; margin-top: 10px; width: 14px; height: 14px; background: url(/media/images/close_white.jpg) no-repeat left top; }
#registration .center_block h1 {font-size: 30px; color: #c02f11; font-style: italic; margin-left: 26px; margin-top: 31px; }
#registration .center_block .fr {margin-left: 26px; font-size: 14px; margin-top: 28px;}
#registration .center_block .fr  li {height: 48px; position: relative;}
#registration .center_block .fr  li sub {color: #ec9e52; }
#registration .center_block .fr  li input {position: absolute; left: 190px; border: 1px solid #c25a22;  font-size: 12px; color: #afa595; font-style: italic;  height: 24px; padding-left: 10px; padding-top: 8px;}
#registration .center_block .fr  li .fio {width: 300px; border-width: 2px; }
#registration .center_block .fr  li .org {width: 200px;  }
#registration .center_block .fr  li .adress {width: 300px; } 
#registration .center_block .fr  li .kod {width: 73px; }
#registration .center_block .fr  li .number {left: 280px; width: 200px;}
#registration .center_block .fr  li .time {width: 250px;}
#registration .center_block .fr  li .mail, .pass {width: 200px;}
#registration .center_block .treb {font-size: 11px; color: #b1661d; margin-top: 30px; margin-left: 26px;}
#registration .center_block  .n_z {margin-top: 20px; margin-left: 26px; width: 525px;  height: 35px; background: #fbe0d5; font-size: 12px; padding-left: 25px; padding-top: 23px;}
#registration .center_block  .reg {display: block; margin: 0px auto; margin-top: 22px; width: 264px; height: 52px; background: url(/media/images/reg.png) no-repeat left top; color: #ffffff; font-size: 24px; text-decoration: none; text-align: center; padding-top: 8px;}

#zakaz .fr {margin-left: 26px; font-size: 14px; margin-top: 28px;}
#zakaz .fr  li {height: 48px; position: relative;}
#zakaz .fr  li sub {color: #ec9e52; }
#zakaz .fr  li input {position: absolute; left: 190px; border: 1px solid #c25a22;  font-size: 12px; color: #afa595; font-style: italic; height: 24px; padding-top:  8px; padding-left: 10px;}
#zakaz .fr  li .fio {width: 400px; border-width: 2px; }
#zakaz .fr  li .org {width: 200px;  }
#zakaz .fr  li .adress {width: 400px; } 
#zakaz .fr  li .kod {width: 73px; }
#zakaz .fr  li .number {left: 280px; width: 200px;}
#zakaz .fr  li .time {width: 250px;}
#zakaz .fr  li .mail, .pass {width: 200px;}
#zakaz .treb {font-size: 11px; color: #b1661d; margin-top: 30px; margin-left: 26px;}
#zakaz .n_z {margin-top: 20px; margin-left: 26px; width: 525px;  height: 35px; background: #fbe0d5; font-size: 12px; padding-left: 25px; padding-top: 23px;}
#zakaz .reg {display: block; margin: 0px auto; margin-top: 22px; width: 264px; height: 52px; background: url(/media/images/reg.png) no-repeat left top; color: #ffffff; font-size: 24px; text-decoration: none; text-align: center; padding-top: 8px;}

#content .otziv {padding-bottom: 20px; margin-bottom: 20px; color: #ffffff; border-bottom: 1px solid #d56732; font-size: 12px;}
#content .otziv .name {font-size: 24px;}
#content .otziv .data {font-size: 11px; color: #f9d4c0;}
#content .otziv p {margin: 0px;}
#content .stran {padding-top: 0px; margin-top: -10px; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #d56732; font-family: Verdana, sans-serif; }
#content .stran  a {color: #ffffff; font-size: 14px; margin-left: 6px; }
#content .stran  a:hover {text-decoration: none; }
#content .stran .active {color: #ff6418; font-size: 18px; text-decoration: none;}
#content .otprav .zg {font-size: 18px; margin-bottom: 22px; font-style: italic;}
#content .otprav .pole {color: #ffffff; font-size: 12px; margin-bottom: 8px; }
#content .otprav input {width: 280px; height: 24px; border: 1px solid #d56732; margin-bottom: 16px; }
#content .otprav textarea {width: 480px; height: 158px; border: 1px solid #d56732; }
#content .otprav .sub {display: block; color: #ffffff; text-decoration: none; font-size: 24px; padding-top: 8px;  width: 161px; height: 52px; background: url(/media/images/sub.png) no-repeat left top; text-align: center; margin-top: 27px; margin-left: 319px;}
#content .otprav .sub:hover {text-decoration: underline;}

.order-title {color: #c02f11;}

.warnText {color: #ffffff; background: #b10404; border: 1px solid #ff1f1f; width: 400px;}
.warnText div {padding: 30px; font-size: 12px;}

.warnError {color: #000000; padding: 14px;}
.warnError div {font-size: 12px; background: #fbe0d5; padding: 30px;}

.statusText {color: #ffffff; background: #53a206; border: 1px solid #00ff06; width: 400px;}
.statusText div {padding: 30px; font-size: 12px;}

#alles {width: 100%; background: #000000;opacity: 0.5;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);position: absolute;top: 0px;left: 0px;right: 0px;z-index: 10;display: none;}

/* popup */
.popup {margin: 0px auto; position: absolute; top: 100px; left: 50%; z-index: 50; display: none;}
.popup table {width: 100%;}
.popup td {}

#popup_order {width: 800px; margin-left: -400px;}
#popup_auth {width: 600px; margin-left: -300px;}

.popup .okno_left_top {background: url(/media/images/okno/left_top.png) no-repeat left top;}
.popup .okno_left_bottom {background: url(/media/images/okno/left_bottom.png) no-repeat left top;}
.popup .okno_right_top {background: url(/media/images/okno/right_top.png) no-repeat left top;}
.popup .okno_right_bottom {background: url(/media/images/okno/right_bottom.png) no-repeat left top;}

.popup .okno_left {background: url(/media/images/okno/left.png) repeat-y left top;}
.popup .okno_bottom {background: url(/media/images/okno/bottom.png) repeat-x left top;}
.popup .okno_top {background: url(/media/images/okno/top.png) repeat-x left top;}
.popup .okno_right {background: url(/media/images/okno/right.png) repeat-y left top;}

.popup .center_block {background: #ffffff;}
.popup .center_block .close {position: absolute; right: 34px; display: block; width: 14px; height: 14px; background: url(/media/images/close_white.jpg) no-repeat left top;}
.popup .center_block h1 {font-size: 22px; color: #c02f11; font-style: italic; margin-left: 26px; margin-top: 20px;}
.popup .center_block .error {width: 528px; height: 40px; background: #fbe0d5; font-size: 12px; padding-left: 28px; padding-top: 24px;}

.popup .center_block .vhod {display: block; margin: 0px auto; margin-top: 22px;   width: 110px; height: 52px; background: url(/media/images/vhod.png) no-repeat left top; text-align: center; color: #ffffff; padding-top: 10px; font-size: 24px; text-decoration: none; }
.popup .center_block .fr {margin-left: 26px; font-size: 14px; margin-top: 28px; }
.popup .center_block .fr li {height: 48px; width: 450px; position: relative;  }
.popup .center_block .fr li  input {position: absolute; top: 0px; right: 0px; height: 33px; width: 283px; border: 1px solid #c25a22; }
.popup .center_block .vb {margin-left: 26px;  margin-top: 25px; margin-bottom: 50px;}
.popup .center_block .vb  li {text-align: right; width: 330px;}
.popup .center_block .vb .vb_ch {width: 320px;}
.popup .center_block .vb  li a {color: #75ac2e; }
.popup .center_block .vb  li a:hover {text-decoration: none;}

/* popup-order */
.popup-order {border-collapse: collapse; margin-top: 20px;}
.popup-order th {background: #eee; height: 30px; border: 1px solid #ccc;}
.popup-order td {border: 1px solid #ccc;}

/* order-form */
.order-form {border: 1px solid #f1ede7; border-width: 1px 0px; padding: 12px; margin-top: 15px;}
.order-form-field {width: 230px; font-weight: bold; font-size: 14px; vertical-align: top; line-height: 32px;}
.order-form-field span {color: #ec9e52;}
.order-form-textinput input {margin: 1px; height: 30px; line-height: 30px; fon-size: 16px; border: 1px solid #c25a22; background: #fdfbf8; font-style: italic; color: #888888;}
.order-form-textinput p {font-size: 10px; color: #555555; padding-left: 2px; display: none;}
.order-form-textinput .iw1 {width: 99%;}
.order-form-textinput .iw2 {width: 60%;}
.order-form-textinput .iwarn {border: 2px solid #e50000; margin: 0px;}
.warn-sign {color: #b1661d; font-size: 11px; margin-left: 14px;}

.counter {position: absolute; left: 0px; top: 135px;}