body {
  background-image: url(../grafika/pozadi.gif);
  margin-bottom: 0px;
  margin-top: 0px;
  min-width: 924px;
  text-align: center;
  position: relative;
  padding: 0px;
}

a:link { color: #696D6D;  text-decoration: none;  }
a:visited { color: #696D6D;  text-decoration: none;  }
a:hover { color: #696D6D;  text-decoration: underline;}
a:active {color: #696D6D;  text-decoration: none;}
a img {border-width: 0px;}

#basket a:link {color: #000; text-decoration: none;}
#basket a:visited {color: #000; text-decoration: none;}
#basket a:hover {color: #000; text-decoration: underline;}
#basket a:active {color: #000; text-decoration: none;}

#l_menu a:link {color: #000; text-decoration: none;}
#l_menu a:visited {color: #000; text-decoration: none;}
#l_menu a:hover {color: #696D6D; text-decoration: underline;}
#l_menu a:active {color: #000; text-decoration: none;}

#left_menu_main a:link {color: #000; text-decoration: none;}
#left_menu_main a:visited {color: #000; text-decoration: none;}
#left_menu_main a:hover {color: #000; text-decoration: none;}
#left_menu_main a:active {color: #000; text-decoration: none;}

#guide_post a:link {color: #000; text-decoration: none;}
#guide_post a:visited {color: #000; text-decoration: none;}
#guide_post a:hover {color: #565454; text-decoration: none;}
#guide_post a:active {color: #000; text-decoration: none;}

#footer a:link {color: #FFF; text-decoration: none;}
#footer a:visited {color: #FFF; text-decoration: none;}
#footer a:hover {color: #FFF; text-decoration: underline;}
#footer a:active {color: #FFF; text-decoration: none;}

#logintable a:link {color: #000; text-decoration: none;}
#logintable a:visited {color: #000; text-decoration: none;}
#logintable a:hover {color: #000; text-decoration: underline;}
#logintable a:active {color: #000; text-decoration: none;}

.isleva:hover {background-color: #CCFFFF; text-decoration: none;} 

.csleva:hover {background-color: #FFFFFF; text-decoration: none;} 

.order_form:hover {background-color: #CCFFFF; border: 1px black solid;} 


#nahled a:link {text-decoration: none;}
#nahled a:hover {text-decoration: underline;}

#tisk a:link {text-decoration: none;}
#tisk a:hover {text-decoration: underline;}


.linkage {
  position: relative;
  float: left;
  padding: 0px;
  border: 0px;
  font-size: 10px;
}

.wrapper {
  margin: 0 auto;
  text-align: left;
  top: 0px;
  width: 914px;
  background-image: url(../grafika/under-wrapper.gif);
}

.top_pict {
  display: inline;
}

.basket {
  float: left;
  display: block;
  position: relative;
  width: 199px;
  height: 45px;
  font-size: 9px;
  letter-spacing: 1px;
  font-family: Arial, Helvetica, sans-serif;
  background-image: url(../grafika/basket-picture.jpg);
  cursor:hand;
}

.numbers {
  position: absolute;
  right: 0px;
  width: 150px;
  letter-spacing: 0px;
  font-size: 9px;
  text-align: right;
}

.left_menu {
  position: absolute;
  top: 5px;
  left: 12px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1px;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0px;
}

.left_menu_sel {
  position: absolute;
  top: 5px;
  left: 12px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1px;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0px;
  text-decoration: underline;
}

.left_submenu_1 {
  position: absolute;
  top: 5px;
  left: 52px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1px;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0px;
}

.left_submenu_1_sel {
  position: absolute;
  top: 5px;
  left: 52px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1px;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0px;
  text-decoration: underline;
}

.left_submenu_2 {
  position: absolute;
  top: 5px;
  left: 82px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1px;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0px;
}

.left_submenu_2_sel {
  position: absolute;
  top: 5px;
  left: 82px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1px;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0px;
  text-decoration: underline;
}

.left_menu_sign {
  font-size: 14px;
  font-weight: 100;
  position: absolute;
  left: 180px;
  top: 2px;
}
.left_buttons {
  display: block;
  width: 199px;
  height: 22px;
  background-image: url(../grafika/left-button.png);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1px;
  font-family: Arial, Helvetica, sans-serif;
  position: relative;
  cursor:hand;
}

.left_buttons_in {
  display: block;
  width: 199px;
  height: 22px;
  background-image: url(../grafika/left-button-in.png);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1px;
  font-family: Arial, Helvetica, sans-serif;
  position: relative;
  cursor:hand;
}

.left_buttons:hover {
  width: 199px;
  height: 22px;
  background-image: url(../grafika/left-button-active.png);
}

.left_buttons_in:hover {
  width: 199px;
  height: 22px;
  background-image: url(../grafika/left-button-active.png);
}

.under_left_menu {
  position: relative;
  background-image: url(grafika/under-left-fill.png);
  width: 199px;
  height: 20px;
  float: left;
}

.horizontal_text {
  float: left;
  display: block;
  margin: 0px;
  padding: 0px;
  border: 0px;
  width: 117px;
  height: 44px;
  position: relative;
  background-image: url(../grafika/horizontal-menu-up.png);
  cursor:hand;
}

.horizontal_text:hover {
  width: 117px;
  height: 44px;
  background-image: url(../grafika/horizontal-menu-down.png);
}

.top_menu {
  position: absolute;
  top: 15px;
  width: 117px;
  text-align: center;
  margin: 0px;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
}

.horizontal_menu {
  position: relative;
  float: left;
  width: 117px;
  height: 44px;
}

.jak_na_to_around {
  display: block;
  width: 215px;
  height: 215px;
  position: absolute;
  left: 19px;
  top: 19px;
  background-image: url(../grafika/jak-na-to.jpg);
}

.jak_na_to_top {
  position: absolute;
  left: 0px;
  top: 20px;
  width: 215px;
  text-align: center;
  font-weight: 400;
  font-size: 16px;
  margin: 0px;
}

.jak_na_to_down {
  position: absolute;
  left: 17px;
  top: 56px;
  width: 79px;
  height: 137px;
  font-size: 11px;
  text-align: center;
  text-align: justify;
  overflow: hidden;
  margin: 0px;
}

.slevy_around {
  display: block;
  width: 215px;
  height: 215px;
  position: absolute;
  left: 246px;
  top: 19px;
  background-image: url(../grafika/slevy.jpg);
}

.slevy_top {
  position: absolute;
  left: 0px;
  top: 11px;
  width: 215px;
  text-align: center;
  font-weight: 400;
  font-size: 16px;
  margin: 0px;
}

.slevy_down {
  position: absolute;
  left: 133px;
  top: 56px;
  width: 61px;
  height: 137px;
  font-size: 11px;
  text-align: center;
  text-align: justify;
  overflow: hidden;
  margin: 0px;
}

.model_3d_around {
  display: block;
  width: 215px;
  height: 215px;
  position: absolute;
  left: 473px;
  top: 19px;
  background-image: url(../grafika/model-3d.jpg);
}

.model_3d_top_around {
  position: absolute;
  left: 0px;
  top: 12px;
  width: 215px;
  text-align: center;
  margin: 0px;
}

.model_3d_top_top {
  font-weight: 400;
  font-size: 16px;
  color: #bc2a1f;
  margin: 0px;
  text-align: center;
}

.model_3d_top_down {
  font-weight: 500;
  font-size: 12px;
  margin: 0px;
  text-align: center;
}

.pro_vozickare_around {
  display: block;
  width: 215px;
  height: 215px;
  position: absolute;
  left: 19px;
  top: 245px;
  background-image: url(../grafika/pro-vozickare.jpg);
}

.pro_vozickare_top {
  position: absolute;
  left: 0px;
  top: 11px;
  width: 215px;
  text-align: center;
  font-weight: 400;
  font-size: 16px;
  color: #FFF;
  margin: 0px;
}

.pro_vozickare_down {
  position: absolute;
  left: 143px;
  top: 56px;
  width: 51px;
  height: 137px;
  font-size: 11px;
  text-align: center;
  text-align: justify;
  overflow: hidden;
  margin: 0px;
}

.kvalitni_materialy_around {
  display: block;
  width: 215px;
  height: 215px;
  position: absolute;
  left: 246px;
  top: 245px;
  background-image: url(../grafika/materialy.jpg);
}

.kvalitni_materialy_top {
  position: absolute;
  left: 0px;
  top: 11px;
  width: 215px;
  text-align: center;
  font-weight: 400;
  font-size: 16px;
  margin: 0px;
}

.kvalitni_materialy_down {
  position: absolute;
  left: 14px;
  top: 56px;
  width: 182px;
  height: 26px;
  font-size: 11px;
  text-align: justify;
  overflow: hidden;
  margin: 0px;
}

.zaruka_around {
  display: block;
  width: 224px;
  height: 215px;
  position: absolute;
  left: 473px;
  top: 245px;
  background-image: url(../grafika/zaruka.jpg);
}

.zaruka_around_text {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 215px;
  width: 215px;
}

.zaruka_top1 {
  position: absolute;
  left: 0px;
  top: 11px;
  width: 215px;
  text-align: center;
  font-weight: 400;
  font-size: 16px;
  margin: 0px;
}

.zaruka_top2 {
  position: absolute;
  left: -6px;
  top: 62px;
  width: 215px;
  text-align: center;
  font-weight: 800;
  font-size: 10px;
  margin: 0px;
}

.zaruka_top3 {
  position: absolute;
  left: -6px;
  top: 86px;
  width: 215px;
  text-align: center;
  font-weight: 800;
  font-size: 18px;
  color: #e50d11;
  margin: 0px;
}

.zaruka_top4 {
  position: absolute;
  left: 15px;
  top: 104px;
  width: 215px;
  font-size: 11px;
  color: #e2001a;
  text-decoration: underline;
}

.border_down {
  border-width: 1px;
  border-style: solid;
  border-color: #928c85;
  width: 662px;
  height: 70px;
  position: absolute;
  left: 20px;
  top: 470px;
  background-color:#e9e2da;
  padding: 7px 3px;
  margin: 0px;
}

.text_down {
  position: relative;
  left: 9px;
  width: 645px;
  height: 70px;
  font-size: 10px;
  overflow: hidden;
  text-align: justify;
}

div.text_down p {
  display: inline;
  text-align: justify;
}

.new_line {
  clear: both;
  position: relative;
  margin: 0px;
  padding: 0px;
  border: 0px;
  line-height: 0px;
}

.footer {
  clear: both;
  background-color: #444240;
  width: 900px;
  height: 29px;
  position: relative;
  left: 1px;
}

.footer_kuchyne {
  color: #FFF;
  font-size: 11px;
  letter-spacing: 1px;
  font-family: Arial, Helvetica, sans-serif;
  position: absolute;
  left: 5px;
  top: 8px;
}

.footer_artfocus {
  color: #FFF;
  font-size: 11px;
  letter-spacing: 1px;
  font-family: Arial, Helvetica, sans-serif;
  position: absolute;
  right: 5px;
  top: 8px;
}

p {
  margin-top: 0px;
  margin-bottom: 0px;
}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }

#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }

#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}


#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }

#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

label.r_off,
label.r_on { padding-left: 20px; }
label.r_off input,
label.r_on  input { position: absolute; left: -9999px; }
label.r_off { background: url(../grafika/radio_off.gif); }
label.r_on  { background: url(../grafika/radio_on.gif); }

#wysiwyg{
  width: 642px;
  margin: 20px;
  padding: 0px;
  border: 0px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
  overflow: hidden;
}

#wysiwyg td, pre {color:#000; font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px; margin:8px;}

#wysiwyg h1 {font-size: 2em}
#wysiwyg h2 {font-size: 1.5em}
#wysiwyg h3 {font-size: 1.17em}
#wysiwyg h4 {font-size: 1em}
#wysiwyg h5 {font-size: .83em}
#wysiwyg h6 {font-size: .75em}

#wysiwyg scrollbar-3dlight-color:#F0F0EE;
#wysiwyg scrollbar-arrow-color:#676662;
#wysiwyg scrollbar-base-color:#F0F0EE;
#wysiwyg scrollbar-darkshadow-color:#DDD;
#wysiwyg scrollbar-face-color:#E0E0DD;
#wysiwyg scrollbar-highlight-color:#F0F0EE;
#wysiwyg scrollbar-shadow-color:#F0F0EE;
#wysiwyg scrollbar-track-color:#F5F5F5;

#wysiwyg img {border:0;}
#wysiwyg a {color: #003399; text-decoration: underline;}
#wysiwyg a:hover {color: #003399; text-decoration: underline;}
#wysiwyg a:visited {color: #003399; text-decoration: underline;}

#wysiwygd{
  width: 642px;
  margin: 20px;
  padding: 0px;
  border: 0px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
  overflow: hidden;
}

#wysiwygd td, pre {color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; margin:8px;}

#wysiwygd h1 {font-size: 2em}
#wysiwygd h2 {font-size: 1.5em}
#wysiwygd h3 {font-size: 1.17em}
#wysiwygd h4 {font-size: 1em}
#wysiwygd h5 {font-size: .83em}
#wysiwygd h6 {font-size: .75em}

#wysiwygd scrollbar-3dlight-color:#F0F0EE;
#wysiwygd scrollbar-arrow-color:#676662;
#wysiwygd scrollbar-base-color:#F0F0EE;
#wysiwygd scrollbar-darkshadow-color:#DDD;
#wysiwygd scrollbar-face-color:#E0E0DD;
#wysiwygd scrollbar-highlight-color:#F0F0EE;
#wysiwygd scrollbar-shadow-color:#F0F0EE;
#wysiwygd scrollbar-track-color:#F5F5F5;

#wysiwyg img {border:0;}

#wysiwygd a {color: #003399; text-decoration: underline;}
#wysiwygd a:hover {color: #003399; text-decoration: underline;}
#wysiwygd a:visited {color: #003399; text-decoration: underline;}

#main_content {
  height: auto !important;
  height: 500px;
  min-height: 500px;
  width: 632px;
  margin: 10px 16px 0px 16px;
  padding: 0px 0px 10px 0px;
  border: 0px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
}

#main_content td, pre {color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; margin:8px;}

#main_content h1 {font-size: 2em}
#main_content h2 {font-size: 1.5em}
#main_content h3 {font-size: 1.17em}
#main_content h4 {font-size: 1em}
#main_content h5 {font-size: .83em}
#main_content h6 {font-size: .75em}

#main_content scrollbar-3dlight-color:#F0F0EE;
#main_content scrollbar-arrow-color:#676662;
#main_content scrollbar-base-color:#F0F0EE;
#main_content scrollbar-darkshadow-color:#DDD;
#main_content scrollbar-face-color:#E0E0DD;
#main_content scrollbar-highlight-color:#F0F0EE;
#main_content scrollbar-shadow-color:#F0F0EE;
#main_content scrollbar-track-color:#F5F5F5;

#main_content a:link{color: #000000; text-decoration: underline;}
#main_content a:hover{color: #F6282A; text-decoration: underline;}
#main_content a:visited{color: #000000; text-decoration: underline;}
#main_content a:active{color: #000000; text-decoration: underline;}

#main_content p a:link{color: #000000; text-decoration: underline;}
#main_content p a:hover{color: #F6282A; text-decoration: underline;}
#main_content p a:visited{color: #000000; text-decoration: underline;}
#main_content p a:active{color: #000000; text-decoration: underline;}

#seo_footer {
    position: relative;
    float: left;
    margin: 140px 45px 20px;
    padding: 0px;
    text-align: left;
    font-weight: 100;
    font-size: 10px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color: #696D6D;
}

.partners_pages {
    padding: 5px;
    border: 2px;
    width: 20px;
    height: 20px;
}

#text_field a.partners_pages:link  {color: #000000; text-decoration: none; background-color: #FFFFFF; border: 1px black solid;}

#text_field a.partners_pages:visited  {color: #000000; text-decoration: none; background-color: #FFFFFF; border: 1px black solid;}

#text_field a.partners_pages:hover  {color: #000000; text-decoration: none; background-color: #D2DCC1; border: 1px black solid;}

#text_field a.partners_pages:active  {color: #000000; text-decoration: none; background-color: #FFFFFF; border: 1px black solid;}

div.dvirka_price {
    position: relative;
    margin: 20px auto 4px;
    padding: 5px;
    text-align: center;
    width: 180px;
    background-color: #C6D1B1;
}

.original_price {
    width: 40px;
    padding: 0px; border: 0px; margin: 6px 0px 1px 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.original_price input {
    color: #AAAAAA;
    font-size: 13px; font-weight: 600;
    text-decoration: line-through; text-align: right;
    background-color: #C6D1B1;
    border: 0px;
}

.action_price {
    width: 40px;
    padding: 0px; border: 0px; margin: 6px 0px 1px 0px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.action_price input {
    color: #E8221F;
    font-size: 13px; font-weight: 600;
    text-align: right;
    background-color: #C6D1B1;
    border: 0px;
}

.normal_price {
    width: 40px;
    padding: 0px; border: 0px; margin: 6px 0px 1px 0px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.normal_price input {
    color: #E8221F;
    font-size: 13px; font-weight: 600;
    text-align: right;
    background-color: #C6D1B1;
    border: 0px;
}

.popis_vkladani {
    position: relative;
    float: left;
    width: 180px;
    padding: 0px; border: 0px; margin: 30px 0px 0px 10px;
    font-size: 11px; font-weight: 200; text-align: justify;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #525152; 
}

.popis_vloz_do_kosiku {
    position: absolute;
    width: 206px; height: 27px;
    bottom: 0px; left: 0px;
    background-image: url(grafika/bottom_detail_left.gif);
    background-repeat: repeat-x;
}

.popis_vloz_do_kosiku p {
    position: absolute;
    display: none;
    left: 5px; bottom: 7px;
    padding: 0px; border: 0px;
    font-size: 11px; font-weight: 600; font-style: italic;
    color: #1a171b; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.detail_doors_middle {
    position: relative; float: left;
    width: 254px; height: 228px;
    border-left: solid 1px #D6D3D6;
    border-right: solid 1px #D6D3D6;
    border-bottom: solid 1px #8a8887;
    background-color: #F7F7F7;
}

div.detail_dvirka_top_all div.detail_doors_middle h2 {
    position: relative; float: left;
    width: 254px;
    padding: 0px; border: 0px; margin: 10px 0px 1px 0px;
    font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #525152; font-weight: 200; text-align: center;
    background-color: #F7F7F7;
}

.around_chosen {
    float: left;
    position: relative;
    width: 242px; height: 140px;
    background-color: #D6D7D6;
    border: solid 1px #B5B6B5; margin-top: 10px; margin-left: 5px;
    text-align: center;
    padding: 0px;
    text-align: center;
}

.top_topic_choose {
    position: relative;
    padding: 0px; border: 0px; margin: 7px auto 4px;
    font-size: 11px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #e8221f; font-weight: 600; text-align: center;
}

.show_selected_doors {
    position: relative;
    float: left;
    width: 74px; height: 107px;
    border: solid 1px #B5B6B5;
    margin: 3px 0px 3px 3px;
    text-align: center;
    padding: 0px;
}

#selected_shape, #selected_shape_down {
    background-color: #FFFFFF;
}

#selected_surface, #selected_surface_down {
    background-color: #E4EBD7;
}

#selected_color, #selected_color_down {
    background-color: #EFEFD6;
}

.show_selected_doors h4 {
    padding: 0px; border: 0px; margin: 2px auto 5px;
    font-size: 12px; font-weight: 600;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #525152;
}

.show_selected_doors img {
    padding: 0px; border: 0px; margin: 0px auto 0px;
    font-size: 10px; font-family: Geneva, Arial, Helvetica, sans-serif;
    color: #525152; font-weight: 200;
}

.show_selected_doors input {
    padding: 0px; border: 0px; margin: 0px 4px 0px 2px;
    font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif;
    color: #525152; font-weight: 200;
    font-weight: bolder; text-align: center;
    background-color: #E4EBD7;
}

.show_selected_doors span {
    font-size: 10px;
    margin-top: 0px;
    border: 0px; padding: 0px;
    display: block;
}

p.show_in_view {
    position: absolute;
    left: 5px; top: 85px;
    width: 243px; height: 113px;
    background-color: #FFFFFF;
    font-size: 20px; font-weight: 600; text-align: center;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #e8221f; 
}

p.show_in_view_doors {
    position: absolute;
    left: 5px; top: 1px;
    width: 244px; height: 30px;
    z-index: 10000;
    background-color: #FFFFFF;
    font-size: 20px; font-weight: 600; text-align: center;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #e8221f;
}

.vlozit_do_kosiku {
    position: absolute;
    z-index: 2; left: 17px; bottom: 7px;
    padding: 0px; border: 0px;
    color: #000000; font-weight: 200; font-size: 11px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

input.input_amount_detail {
    position: absolute;
    z-index: 2; left: 145px; bottom: 3px;
    border: 1px solid #A5A294; margin: 10px 0px 0px 4px;
    width: 39px; height: 16px;
    background-image: url(grafika/under_amount_detail.jpg);
    text-align: center;
    font-size: 11px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.detail_pieces {
    position: absolute;
    z-index: 2; left: 200px; bottom: 7px;
    padding: 0px; border: 0px;
    color: #000000;
    font-size: 11px; font-weight: 200;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  
}

input.input_put_to_basket {
    position: absolute;
    z-index: 2; bottom: 5px; right: 17px;
}

.detail_dvirka_top_all {
    position: relative;
    float: left;
    width: 691px; height: 255px;
    border: 0px; margin: 0px 0px 20px 0px; padding: 0px;
}

.detail_dvirka_top_all h1 {
    position: relative;
    float: left;
    width: 690px; height: 27px;
    overflow: hidden;
    background-color: #7A8558;
    font-size: 14px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    padding: 0px; margin: 0px; border: 0px;
}

div.detail_dvirka_top_all h2 {
    position: relative;
    float: left;
    display: block;
    width: 690px; height: 27px;
    overflow: hidden;
    background-color: #7A8558;
    font-size: 14px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    padding: 0px 0px 4px 0px; margin: 0px; border: 0px;
}

.detail_dvirka_top_all h1 span {
    position: relative;
    float: left;
    margin: 5px 0px 0px 10px;
    display: block;
    width: 690px; height: 20px;
    overflow: hidden;
}

.detail_dvirka_top_all h2 span {
    position: relative;
    float: left;
    display: block;
    padding: 0px; border: 0px; margin: 5px 0px 0px 20px;
    /*width: 350px;*/
}

#opak_info {
    position: absolute;
    display: block;
    margin: 0px; padding: 0px; border: 0px;
    top: 5px; right: 20px;
}

.detail_dvirka_top_left {
    position: relative;
    float: left;
    width: 206px; height: 228px;
    border-left: solid 1px #8a8887; border-bottom: solid 1px #8a8887;
    margin: 0px; padding: 0px;
    background-color: #F7F7F7;
}

.detail_dvirka_top_left_in {
    position: relative;
    float: left;
    width: 205px; height: 200px;
    border-right: solid 1px #FFFFFF;
    background-image: url(grafika/under_left_skr.jpg);
    background-repeat: repeat-x;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #525152; font-weight: 600;
}

.kod_zbozi {
    position: relative;
    float: left;
    padding: 0px; border: 0px; margin: 18px 0px 0px 10px;
    font-size: 11px;
}

.dostupnost {
    position: relative;
    float: left;
    padding: 0px; border: 0px; margin: 6px 0px 0px 10px;
    font-size: 12px;
}

.under_detail_top_right {
    position: absolute;
    z-index: 1; bottom: 0px; left: 0px;
    width: 254px; height: 27px;
    background-image: url(grafika/bottom_detail_left.gif);
    background-repeat: repeat-x;
    line-height: 0px;
}

.around_detail_top_right {
    position: relative;
    float: left;
    width: 226px; height: 228px;
    border-right: solid 1px #8a8887; border-bottom: solid 1px #8a8887;
    background-color: #F7F7F7;
    text-align: center;
}

.detail_top_right_bottom {
    position: absolute;
    z-index: 1; bottom: 0px; left: 0px;
    width: 226px; height: 27px;
    background-image: url(grafika/bottom_detail_left.gif);
    background-repeat: repeat-x;
}

a.around_text_in_detail {
    position: relative;
    z-index: 2;
    margin: 8px auto 0px auto; padding: 0px; border: 0px;
    font-size: 11px; font-weight: 200; text-decoration: underline;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000000; 
}

a.around_img_in_detail {
    position: relative;
    float: left;
    margin: 5px auto 0px; border: 0px; padding: 0px;
}

a.around_img_in_detail img {
    position: relative;
    float: left;
    margin: 0px; border: 0px; padding: 0px;
}

#display_connected {
    position: relative;
    float: left;
    width: 688px;
    border: 1px solid #484644;
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 3px 0px;
    background-color: #FFFFFF;
}

#display_connected h2 {
    position: relative;
    float: left;
    padding: 0px; margin: 0px; border: 0px;
    width: 688px; height: 27px;
    background-color: #E8221F; color: #FFFFFF;
    font-size: 11px; font-weight: 600;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#display_connected h2 span {
    position: relative;
    float: left;
    display: block;
    margin: 7px 0px 0px 6px; padding: 0px; border: 0px;
}

.space_detail {
    position: relative;
    float: left;
    width: 7px; height: 62px;
    border: 0px; padding: 0px; margin: 0px;
}

.show_conected_middle {
    position: relative;
    float: left;
    width: 74px; height: 62px;
    background-color: #FFFFFF;
    border-right: 1px #E9E9E9 solid;
    border-bottom: 1px #CAC9C9 solid;
    border-left: 1px #CAC9C9 solid;
    text-align: center;
    padding: 0px;
}

.mb_zero {
    margin: 0px; border: 0px;
}

.dlouhe_connected {
    position: relative;
    float: left;
    width: 260px; height: 62px;
    background-color: #FFFFFF;
    border-right: 1px #E9E9E9 solid; border-bottom: 1px #CAC9C9 solid;
    text-align: center;
    padding: 0px;
}

.connected_nahled {
    position: relative;
    float: left;
    margin: 11px 0px 0px 25px; border: 0px;
    font-size: 10px; font-weight: 300;
    color: #000000;
}

.connected_code {
    position: relative;
    float: left;
    margin: 4px 0px 0px 25px; border: 0px;
    font-size: 10px; font-weight: 300;
    color: #000000;
}

.connected_size {
    position: relative;
    float: left;
    margin: 4px 0px 0px 25px; border: 0px;
    font-size: 10px; font-weight: 300;
    color: #000000;
}

.detail_popis {
    position: relative;
    float: left;
    width: 682px;
    border: 1px solid #484644; margin: 0px 0px 20px 0px; padding: 0px;
    background-color: #FFFFFF;
    font-size: 11px; font-weight: 200;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #525152;
}

.choose_part {
    position: relative;
    float: left;
    width: 688px;
    border: 1px solid #484644; margin: 0px 0px 20px 0px; padding: 0px 0px 3px 0px;
    background-color: #FFFFFF;
    display: none;
}

.choose_part h2 {
    position: relative;
    float: left;
    padding: 0px; margin: 0px; border: 0px;
    width: 257px; height: 27px;
    background-color: #E8221F;
    font-size: 11px; font-weight: 600;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #FFFFFF;  
}

.choose_part h2 span {
    position: relative;
    float: left;
    display: block;
    margin: 7px 0px 0px 6px; 
    padding: 0px; border: 0px;
}

.choose_part h3 {
    position: relative;
    float: left;
    padding: 0px; margin: 0px; border: 0px;
    width: 431px; height: 27px;
    background-color: #DFE2D7;
    font-size: 11px; font-weight: 600;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #343A3A;  
}

.choose_part h3 span {
    position: relative;
    float: left;
    display: block;
    margin: 7px 0px 0px 20px;
    padding: 0px; border: 0px;
}

#announcement{
    position: absolute;
    width: 230px; height: 37px;
    border: 2px outset; padding: 10px;
    background-color: red;
    font-weight: bolder; font-size: 14px; text-align: center;
    color: white;
    top: 0px; left: 208px;
    z-index: 10;
}

.around_surface {
    position: relative;
    float: left;
    width: 688px;
    margin: 0px; padding: 0px 3px 6px 0px; border: 0px;
}

.around_surface div {
    height: 22px;
    border: 1px black solid; padding: 3px 10px 3px 3px;
    margin: 3px 0px 3px 75px;
    position: relative; float: left;
    background-color: #E5EBD9;
}

.around_surface div label {
    font-size: 12px; font-weight: bolder;
}

div.around_surface div.around_color {
    position: relative;
    float: left;
    text-align: center;
    height: 140px; width: 95px;
    margin:0px 0px 0px 3px; border: 0px; padding: 0px;
    background-color: #FFF;
}

#id_around_color {
    background-color: #FFFF99;
}

div.around_color label.label_radio {
    position: relative;
    margin: 8px auto 0px auto;
    font-size: 8px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #181818;
    display: block;
}

div.around_color a {
    position: relative;
    margin: 5px auto 0px auto;
    display: block;
    padding: 0px;
}

div.around_color a img {
    border: 1px solid #E7DFDE;
}

div.around_surface table tr td.main_title_sizes {
    border: 1px solid #000000;
    background-color: #E8221F;
    color: #FFFFFF;
    text-align: center;
    font-weight: bolder; font-size: 10px;
}

div.around_surface table tr.sizes_title td {
    border: 1px solid #000000;
    background-color: #FFFFFF;
    color: #000000;
    text-align: center;
    font-weight: bolder; font-size: 10px;
}

#tables_sizes_show {
    position: relative;
    float: left;
    padding: 0px; margin: 0px; border: 0px;
    height: 200px; width: 460px;
    overflow: auto;
    background-color: #FFFFFF;
}

div.around_color input {
    position: relative;
    margin: 4px 0px 0px 0px;
    border: 0px; padding: 0px;
    color: #AAAAAA;
}

input#recount_button {
    position: relative;
    float: right;
    margin: 0px 11px 0px 0px;
    color: #FFFFFF; background-color: #7A8558;
    font-size: 14px; font-weight: bolder;
    height: 40px;
}

#message {
    width: 400px; height: 120px;
    color: #FFFFFF; background-color: #FF6600;
    font-size: 18px; font-weight: bolder;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    position: absolute; top: 0px; left: 0px;
    margin: 0px; padding: 20px; border: 2px outset;
    z-index: 10000;
}

#kupon {   
    position: absolute; 
    display: hidden;    
    top: 0px; 
    left: 37px;
    width: 820px; height: 440px;
    background-color: #FFFFFF;
    border: outset;
    text-align: center;
    z-index: 10001;
}

#kupon img {
    margin: 10px auto 0px;
}

#kupon input.class_coupon {
    background-color: #FFFFFF;
    font-size: 10px;
    font-weight: 600;
    width: 143px;
    margin: 5px;
}