/* @@@@@@@@@@@@@@@@@@@@@@@@@@ globální definice objektů  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
input, select, img {margin: 0px; padding: 0px;}
img {border: 0 solid inherit}
form {margin: 0px; padding: 0px; _height: 0px}

div {height: auto; padding: 0px; margin: 0px; _height:0px; }
hr {display: none;}

html {height: 100%;}
body {height: 100%; *height: auto; width:100%; padding: 0; margin: 0 auto; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; background: url(../Img/BG_mainpage_top.png) repeat-x top #f7f5f2;}


h1, h2, h3, h4, h5 {padding: 0px; margin: 0px; font-size: 12px;}
a {color: #e8870d; text-decoration:underline}
a:hover {text-decoration: none;}
p {margin: 0; padding: 5px 0 7px 0; text-align: left; line-height: 18px; }
.black {color: #000 }
.title_vypis_01 {font-size: 20px; color: #e8870d; margin: 0 0 10px 0; }

hr {display: none;}


.ordera{position: absolute;z-index: 999; top: 90px; right: 10px;display: block; width: 245px; height: 95px;}
select {border-top: 1px solid #666665; border-right: 1px solid #b2b1b1; border-left: 1px solid #666665;  border-bottom: 1px solid #b2b1b1;   height:24px; width: 160px; padding: 2px 0 ;}

.clear {clear: both; font-size: 0px; overflow: hidden; height: 0px; position: relative; border: solid 0px;}
.clear2 {clear: both; font-size: 0px; position: relative; height: 10px; overflow: hidden;}
/* @@@@@@@@@@@@@@@@@@@@@@@@@@ /globální definice objektů  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* @@@@@@@@@@@@@@@@@@@@@@@@@@ konstrukce  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

#container-header {position: relative; z-index:1; clear: both; width: 860px; height: 277px;   }
#container-body {position: relative; z-index:3; clear: both; margin: 0px; width: 860px; xbackground: green}
#column-1 {position: relative; float: left; left:10px; width: 220px; xbackground: aqua; xclear: both;}
#column-2 {position: relative; z-index:50; float: left; left: 40px; width: 590px;  padding-bottom: 20px; overflow: hidden; _height: auto; xbackground:yellow; }
/* @@@@@@@@@@@@@@@@@@@@@@@@@@ /konstrukce  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

.inputy {height: 14px; padding: 2px 4px 0px 4px; margin: 0px 0px 0px 0px; border-right: solid 1px #D4D0C8; border-bottom: solid 1px #D4D0C8; border-top: solid 1px #808080; border-left: solid 1px #808080; background: url(/img/inputy-bg.gif) no-repeat top left #FFFFFF; font-size: 10px; color: #000000; font-weight: normal}
html>body .inputy {height: 18px; padding: 0px 0px 0px 0px; margin: 0px}
:root .inputy {height: 14px; padding: 2px 4px 0px 4px;}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@ container-header  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

#container-header h1 {position: relative; z-index:1; width: 280px; height: 150px; top: 70px; background: none; overflow: hidden;  }
#container-header h1 a {position: relative; z-index:1; width: 280px; height: 150px; color: #b4e0c7; font-size: 1px; display: block; text-decoration: none; padding:0px }
#container-header h1 a span {position: absolute; font-size: 14px; left: 166px; top: 8px; color: #fff;}
#container-header h1 a strong {position: absolute; font-size: 14px; font-weight:bold; left: 12px; top: 76px; color: #79946e;}
#container-header .n_logo {position:absolute; top: 0px; left: 10px; z-index:5} 


#menu {position: absolute; width: 860px; height: 30px; xbackground: blue;  top: 2px;  left: 0px; padding: 0px; margin: 0px; overflow: hidden; z-index: 20;}
#menu a {font-size: 14px; font-weight:bold; color: #fff; padding: 0 0 0 10px; background:url(../Img/ODD_menu_top.gif) no-repeat 0 6px; text-decoration:none}
#menu a:hover {color: #4d8378; }
#mail-news {height: 96px; width: 246px; position: absolute; right: 10px; top: 80px;}
#mail-news p {height: 100px; width: 172px; position: absolute; top: -21px; left: 0px; z-index: 3; background: url(/img/news-bg.gif) no-repeat left top; padding: 0px; margin: 0px;}
#mail-news strong {position: absolute; top: 15px; left: 60px; z-index: 3; font-size: 14px; color: #6ea895; line-height: 20px; font-weight:bold}
#mail-news span {height: 20px; width: 29px; background: #F8CC11; position: absolute; top: 44px; left: 116px; z-index: 3;}
#mail-news div {position: absolute; width: 172px; height: 25px; top: 0px; left: 0px; z-index: 3; background: #F8CC11;}
#mail-news div#b-price {position: absolute; width: 100px; height: 20px; top: 30px; left: 130px; z-index: 4; background: none }
#mail-news div#b-price input {height: 22px; width: 100px; background: transparent; position: absolute; top: -2px; left: 130px; border: solid 0px; cursor: pointer;}
#mail-news div#b-price div {color: #d54936; font-size: 18px; font-weight: bold; text-align: left; width: 100px; border: solid 0px; background: transparent; display: inherit; margin: 4px 0px 0px 0px; position: relative !important; top: 0px; top: -2px; left: 0px; height: auto; cursor: text;}

#column-1 .box {position: relative; background: #d9ede8 }
#column-1 .box ul {position: relative; width: 200px; padding: 0px; margin: 0 10px; list-style-type: none; }
#column-1 .box ul h4 {position: relative;  padding: 0px; margin: 0px;}
#column-1 .box ul h4 a {display: block; background:url(../Img/ODD_menu_left.gif) no-repeat 190px 15px;  text-decoration: none; font-size: 14px; text-align: right; color: #3e544e; padding: 9px 18px 8px 0px; border-bottom: solid 1px #cadfda; position: relative;}
#column-1 .box ul h4 a:hover {color: #e8870d;}
#column-1 .box ul h4 a span {background: #EF1008; color: #fff; font-size: 9px; font-weight: bold; position: relative; top: -1px;}
#column-1 .box ul h4 a span strong {padding: 0px 2px 2px 2px;}
#column-1 .box ul h4 a span span {background: #002273; position: relative; top: 0px; padding: 0px 2px 1px 2px;}



#column-2 .com-box {position: relative; font-size: 12px; background: #63A6DE ; border: solid 2px #84C329; }
#column-2 .com-box-1 {position: relative; padding: 20px 20px 0px 20px;}

#column-2 .com-box h2 {position: relative; font-size: 18px; background: #84C329; text-align: center !important; border: solid 1px #fff; padding: 3px 0px 1px 0px; margin: 0px; z-index: 2;}
#column-2 .com-box h2 a {font-size: 18px;color: Black;}

#column-2 .com-box .h2-corner-l  {position: absolute; width: 11px; height: 11px; background: url(/img/h2-l-corner.gif) no-repeat left top; z-index: 6; top: -2px; left: -2px;}
#column-2 .com-box .h2-corner-r {position: absolute; width: 11px; height: 11px; background: url(/img/h2-r-corner.gif) no-repeat top right; z-index: 6; top: -2px; right: -2px;}


#column-2 ul  {position: relative; padding: 0px; margin: 0px; list-style-type: none; float: left;}
#column-2 .com-box form {clear: both; padding: 16px 0px 0px 0px; margin: 0px; xbackground: orange; font-size: 14px;}
#column-2 .com-box form input {vertical-align: middle; margin: 0px 0px 0px 10px; padding: 0px;}
:root #column-2 .com-box form input {vertical-align: inherit;}
#column-2 .com-box form strong {color: #ce2d17; font-size: 18px;}
#column-2 .com-box .com-box-bt {background: url(/img/box-com-bt-l.gif) no-repeat top left; margin: 0px -2px -2px -2px; position: relative;}
#column-2 .com-box .com-box-bt div {height: 11px; overflow: hidden; background: url(/img/box-com-bt-r.gif) no-repeat top right;}



#column-2 .welcome div.clanek {padding: 16px 0px 0px 0px !important; margin: 0px; text-align: justify;}
#column-2 .welcome div.clanek p {float: none; clear: both; padding: 0px 0px 8px 0px !important; margin: 0px; text-align: justify;}

#column-2 .welcome h2 { font-size: 20px; color: #e8870d; margin: 10px 0}
#column-2 .welcome h2 strong { font-weight: bold;}


#column-2 .we-na.vyber h2 {text-align: center; margin: 0px 0px 0px 60px; padding: 0px; height: 88px; width: 464px; position: relative; font-family: tahoma; font-size: 18px !important;}
#column-2 .we-na.vyber h2 span {display: block; width: auto !important; color: #F38C06; font-size: 24px; padding-top: 4px; text-align: left;}
#column-2 .we-na.vyber h2 strong {float: none; clear: both; display: block; color: #0380B7; font-size: 16px; text-align: left; padding-top: 8px;}
#column-2 .we-na.vyber h2 strong span {width: auto !important; color: #0380B7; font-size: 13px !important;}






.center {clear: both;}

.bb-banner {height: 88px; position: relative; border-top: solid 1px #DCDCDC; border-bottom: solid 1px #DCDCDC; margin: 20px 0px 0px 0px;}
.bb-banner img {position: absolute; left: 39px; top: 12px; height: 60px; width: 468px;}
.bb-banner strong {position: absolute; display: block; right: 0px; top: -7px; width: 55px; height: 8px; background: url(/img/reklama.gif) no-repeat right top #fff;}
.bb-banner span {position: absolute; display: block; left: 0px; top: 81px; width: 55px; height: 8px; background: url(/img/reklama.gif) no-repeat left top #fff;}
#adsence-column {position: absolute; top: 32px; left: 826px; width: 160px; height: 600px; xbackground: #DCDCDC;}
#adsence-column-2 {position: absolute; top: 32px; left: 990px; width: 160px; height: 600px; xbackground: #DCDCDC;}
.adsence-c2 {position: relative; }
.Text {text-align: justify !important; }
.links {text-align: center; padding: 4px;}


#cont_action {width: 700px; height: auto; overflow: hidden; margin: 0; padding: 0}
#cont_action .action {position: relative; width: 266px; height: 304px; float: left; margin-right: 10px; background:url(../img/bg_homepage_action.gif) no-repeat; text-align:center}
#cont_action .action div { text-align:center !important}
#cont_action .action h3 {padding: 0px; height: 30px;}
#cont_action .action a {text-align:center}
#cont_action .action h3 a {font-size: 13px; color: #000; padding: 7px; display:block; text-align:center}
#cont_action .action img {padding: 30px 0 0 0;} 
#cont_action .action p {padding: 3px 10px ; text-align:left; font-size:12px} 
#cont_action .action p strong {font-size:16px; color: #D93726}
#cont_action .action p img { position:absolute; left: 180px;  margin: 0 ; padding: 0 }
#cont_action .action .action_foto {float: none !important;  ; text-align:center}


/* ***************  new css ********************************* */
.n_cont_mainpage { position:relative; width: 860px; margin: 0 auto}
.n_cont_body_01 {position: relative; background:url(../Img/BG_mainpage_bottom.png) repeat-x bottom} 
.n_cont_body_02 {position: relative; background: url(../Img/BG_header.jpg) no-repeat center top  } 
.n_menu_01 {position:absolute; left:0; top:10px;}
.n_menu_02 {position:absolute; left:520px; top:10px;}
.n_menu_03 {position:absolute; right:110px; top:10px;}
.n_menu_04 {position:absolute; right:10px; top:10px;}
.n_box_menu_top {background:url(../Img/BG_box_menu_top.gif) no-repeat top; height: 10px; width: 220px; font-size: 1px}
.n_box_menu_bottom {background:url(../Img/BG_box_menu_bottom.gif) no-repeat top; height: 10px; width: 220px; font-size: 1px;}
.n_box_article {border-left: solid 1px #dcd7d3; border-right: solid 1px #dcd7d3; padding: 0 10px;}
.n_box_article h3 {font-size: 14px; color: #74b6a9; }
.n_box_article ul {list-style-type: none; margin: 0; padding: 0}
.n_box_article ul h4 a {display: block; font-size: 13px; font-weight:normal; text-align: left; color: #e8870d; padding: 10px 0 5px 0; }
.n_box_article_top {background: url(../Img/BG_box_article_top.gif) no-repeat top; height: 10px; width: 220px; font-size: 1px;} 
.n_box_article_bottom {background: url(../Img/BG_box_article_bottom.gif) no-repeat top; height: 10px; width: 220px; font-size: 1px;} 
.n_cont_box_product {float: left; width: 290px;  margin: 10px 10px 0 0;}
.n_box_product {height: 10px; width: 290px; font-size:1px;}
.n_box_product.ex_01 {background:url(../Img/BG_box_product_top.png) no-repeat}
.n_box_product.ex_02 {background:url(../Img/BG_box_product_bottom.png) no-repeat}
.n_box_product_in {position: relative; background:#FFFDFC; width: 270px; height: 297px; padding:0 10px; text-align:center}
.n_box_product_in .name { display: block; height: 45px; font-size: 14px; font-weight: bold; text-align:center; color: #000}
.n_box_product_in .n_cont_photo {height: 145px; overflow:hidden}
.n_box_product_in .photo { border: solid 3px #E5E2DE}
.n_box_product_in .photo:hover { border: solid 3px #CFCBC2}
.n_box_product_in p { height: 57px; margin: 5px 0 0 0; }
.n_box_product_in .price {position:relative; height: 25px; width: 270px; margin: 2px 0 0 0; padding: 5px 0 0 0; text-align:left; font-size: 18px; font-weight:bold; color:#CD2D17}
.n_box_product_in .btn_detail {position:absolute; top: 0; right:0} 
 
.n_title_04 {font-size: 14px; color: #74b6a9; margin: 20px 0 5px 0 ;}
.n_title_05 {margin: 10px 0 0 0 ;}
.n_title_06 { font-size:20px; color: #E8870D; margin: 10px 0; }
.n_footer_01 { padding: 20px 0; margin:20px 0 0 0 ; border-top: solid 1px #dcd7d3; border-bottom: solid 1px #dcd7d3;   position: relative; text-align: center; color: #636261; font-size: 12px;}
.n_footer_01.ex_01 {margin: 0; border: none} 
.n_footer_01 p {text-align:center; font-size: 12px; }
.n_footer_02 { padding: 10px 0 ; margin: 10px 0 0 0;  position: relative; text-align: left; color: #636261; font-size: 12px;}
.n_footer_02 p {font-size: 11px; color: #62703d;}
.n_footer_02 a {color: #62703d; font-size: 11px; text-decoration: none;}
.n_footer_02 a:hover {text-decoration: underline;}
.n_footer_03 { height: 120px; margin:10px 0 0 0;  position: relative; text-align: left; color: #62703d; font-size: 12px;}
.n_footer_03 .n_designed {diply: block; position:absolute; top :0; right:0; font-size:12px; color: #62703d;}
.n_e-shop_icons {margin: 30px 0 0 0; }

.n_cont_product_detail {width:590px; height: auto}
.n_box_product_detail {height: 10px; width: 590px; font-size:1px;}
.n_box_product_detail.ex_01 {background:url(../Img/BG_box_product_top_detail.png) no-repeat}
.n_box_product_detail.ex_02 {background:url(../Img/BG_box_product_bottom_detail.png) no-repeat}
.n_box_product_in_detail {background:#FFFDFC; width: 570px; height: auto; padding:0 10px; text-align:left}
.n_box_product_in_detail .price {padding: 0px 10px 0 0; text-align:left; font-size: 18px; font-weight:bold; color:#CD2D17}
.ItemPict {border: solid 3px #E5E2DE; margin: 0 15px 15px 0; max-width:300px } 
.ItemPict:hover { border: solid 3px #dcd7d3}
.n_box_product_detail_img {width: 310px;}
.n_box_product_in_detail h2 a {font-size:18px; color: #000; margin: 10px 0 0 0; text-decoration: none;}
.n_box_form_detail {position: absolute; top: 100px; right: 10px; width: 250px; }
input.button {   background:url(../Img/BTN_koupit.gif) no-repeat; width: 78px; height: 31px; text-align: left; border:none; font-size:1px; color: #ea8d0f; margin: 15px 0 0 0 }

.n_label {position: absolute; top: 60px; left:15px;}