body, div, ul, h1, h2, h3, p, table, tr, td, form, ul, li {margin: 0px; padding: 0px; border: 0px; font-family: Arial, Tahoma, Geneva, sans-serif; font-size: 11px; color: #777;}
body {background: url('../images/body_bg_001.jpg') #fff repeat-x center top; text-align: center; height: 100%; overflow: -moz-scrollbars-vertical;}

img, a {margin: 0px; padding: 0px; border: 0px; font-weight: 900;}
img, div {float: left;}
a {color: #c00;}
a:hover {color: #000;}
strong {color: #006eae;}
p {line-height: 18px; margin: 15px 0;}

h2 {background: url('../images/title_bg_001.jpg') right; font-size: 18px; font-family: Trebuchet MS; font-weight: 300; color: #fff; display: block; float: left; padding: 0px 40px 0px 16px; height: 35px; margin-bottom: 16px;}
h2 img {margin-right: 10px; float: none;}
h2 span {position: relative; top: 5px;}
h3 {font-size: 14px; color: #c00; margin-bottom: 16px;}

#center_position {width: 932px; height: 100%; margin: auto; float: none;}
#container {background: url('../images/body_super_bg_001.jpg') #fff no-repeat; width: 932px; text-align: left; float: left; margin-top: 16px;}

#header {background: url('../images/header_inner_bg_001.gif') no-repeat; width: 900px; height: 172px; position: relative; left: 16px; top: 16px;}
#header .logo {position: relative; left: 32px; top: 16px;}
#header .menu_block {background: url('../images/header_bg_001.jpg') no-repeat; width: 690px; height: 140px; position: relative; left: 64px; top: 16px;}
#header .corp_menu {background: #fff; width: 400px; float: right; text-align: right;}
#header .corp_menu ul {background: url('../images/header_bg_001.jpg') no-repeat right top; float: right;}
#header .corp_menu li {line-height: 40px; list-style-type: none; font-size: 11px; font-weight: 900; float: left;}
#header .corp_menu a {background: #ededed; text-decoration: none; padding: 0px 15px 0px 15px; color: #006eae; float: left;}
#header .corp_menu a:hover {color: #000;}
#header .corp_menu .active {background: transparent; color: #fff; padding: 0px 15px 0px 15px; display: block; cursor: default;}
#header .main_menu {position: relative; top: 60px; left: 299px; width: 391px;}
#header .main_menu li {line-height: 40px; list-style-type: none; font-size: 11px; font-weight: 900; float: left;}
#header .main_menu a {text-decoration: none; padding: 0px 11px 0px 11px; color: #fff; float: left;}
#header .main_menu a:hover {color: #000;}
#header .main_menu .selected {background: url('../images/main_menu_bg_selected_001.gif'); color: #c00; padding: 0px 11px 0px 11px; display: block; cursor: default;}
#header .main_menu a.selected { cursor:pointer;}

#navi {background: #eee; width: 600px; font-weight: 300; color: #fff; padding: 0px 40px 0px 16px; height: 35px; margin-bottom: 16px; display: block; overflow: hidden;}
#navi li {list-style-type: none; line-height: 35px; font-size: 11px; float: left; padding: 0px 0px 8px 0px; margin-right: 16px;}
#navi a {text-decoration: none;}
#navi span {margin-right: 8px;}

#left_menu {width: 180px; padding-top: 16px; margin-bottom: 32px;}
#left_menu ul {position: relative; left: 16px; float: left; width: 100%;}
#left_menu .menu { width: 148px;}
#left_menu .menu span {margin-right: 8px;}
#left_menu .menu li {width: 100%; list-style-type: none; font-size: 11px; float: left; padding: 0px 0px 8px 0px;}
#left_menu .menu li ul { margin-top: 10px;}
#left_menu .menu a {text-decoration: none; cursor: pointer;}
#left_menu .menu a:hover {color: #000;}
#left_menu .menu .selected {color: #006eae; display: block; cursor: default; font-weight: 900;}
#left_menu .menu .hr {background: #ddd; width: 100%; height: 1px; margin: 0px 0px 8px 0px; padding: 0px; overflow: hidden;}

#content_bg {background: url('../images/content_bg_001.gif'); width: 916px; position: relative; left: 8px;}
#content_main {width: 656px; position: relative; left: 54px; margin-top: 32px; padding-bottom: 16px;}
#content_main .action {width: 100%; float: left; margin-bottom: 16px;}
#content_main .action img {width: 112px; height: 82px; border: 4px solid #ddd; margin: 0px 16px 16px 0px;}
#content_main .action .b1 {background: url('../images/spot_001.gif'); width: 85px; height: 85px; display: block; float: right; margin-left: 16px; text-align: center;}
#content_main .action .b1 .b1_1 {color: #fff; font-weight: 900; position: relative; top: 16px;}
#content_main .action .b1 .b1_2 {color: #fff; font-size: 18px; font-family: Trebuchet MS; position: relative; top: 16px;}
#content_main .action .b2 {background: url('../images/spot_002.gif'); width: 85px; height: 85px; display: block; float: right; margin-left: 16px; text-align: center;}
#content_main .action .b2 .b1_1 {color: #777; font-weight: 900; position: relative; top: 24px;}
#content_main .action .b2 .b1_2 {color: #000; font-weight: 900; position: relative; top: 24px;}
#content_main .services {width: 100%; float: left; margin: 20px 0px 16px 0px;}
#content_main .services h3 {width: 148px; color: #c00; text-align: center; font-size: 14px; font-family: Trebuchet MS; float: left; margin-right: 16px;}
#content_main .services a {text-decoration: none;}


#drobecek {background-color: rgb(240,240,240); margin-left: 40px; font-weight: 900; color: rgb(120,120,120); padding: 10px 10px 10px 15px;}
#drobecek a {text-decoration: none; color: #c00; margin-left: 7px; margin-right: 7px; }
#drobecek a:visited {text-decoration: none; color: #c00;}
#drobecek a:hover {text-decoration: none; color: #000;}

#content_main_news {width: 180px; position: relative; left: 24px; margin-top: 32px; padding-bottom: 16px;}
#content_main_news .item {width: 148px; margin-bottom: 20px; display: block; float: left; position: relative; left: 16px;}
#content_main_news .pdf {background: url('../images/pdf_icon_001.gif'); width: 14px; height: 16px; float: left; margin-right: 8px;}

#content {width: 868px; position: relative; left: 24px; margin-top: 32px; padding-bottom: 16px;}
#content .services {width: 100%; float: left; margin: 20px 0px 16px 0px;}
#content .services h3 {width: 140px; color: #c00; text-align: center; font-size: 14px; font-family: Trebuchet MS; float: left; margin-right: 4px;}
#content .services a {text-decoration: none;}

/* detail produktu */
#content .detail {width: 100%;}
#content .detail img {margin-right: 32px;}
#content .detail table {margin: 32px 0px 32px 0px;}
#content .detail .first {padding-right: 16px;}
#content .detail .cena { font-weight: bold; margin: 0 0 20px 0; }
#content .detail .cena span { color: #c00; font-size: 16px;}
#content .detail .fotogalerie {  float:left; width: 100px; }
#content .detail .text { float:right;  width:545px;  }
#content .added_products {width: 100%;}

#footer {background: url('../images/footer_bg_001.gif'); width: 916px; height: 123px; display: block; position: relative; left: 8px; margin-bottom: 32px;}
#footer span {margin-left: 340px; float: left; position: relative; top: 40px; line-height: 40px;}
#footer ul {position: relative; top: 40px; right: 32px; float: right;}
#footer li {color: #777; line-height: 40px; list-style-type: none; font-size: 11px; font-weight: 900; margin-right: 8px; float: left;}

/* other */
.pager {margin:7px; text-align: center;}
.orderBy {width: 100%; text-align: right;}
.cleaner {clear: both;}
.wrong_inputs {color: rgb(200,0,0); font-weight: normal}


/* vypis textov�ho seznamu produktu */
ul#vypis_produktu { /* position: absolute; widht: 100%; opravuje chybu v IE, ale neposouv� se paticka */ margin: 0; padding: 1em 1.2em 1.2em 1.2em; border: 1px solid #C2D1E8; background: #E6EBFF; list-style-type: none; }
ul#vypis_produktu li { line-height: 1.6em; padding: 0 0 0 21px; background: url('../images/item-1-level.gif') left 2px no-repeat; font-size: 1.1em; }
ul#vypis_produktu li a { text-decoration: none; cursor: pointer; }
ul#vypis_produktu li ul { margin: 1em 0; border: none; list-style-type: none;}
ul#vypis_produktu li ul.hide { display: none; }
ul#vypis_produktu li ul.show { display: block; }
ul#vypis_produktu li ul li { padding: 0 0 0 10px; background: url('../images/item-2-level.gif') left 6px no-repeat; font-size: 0.8em; }
ul#vypis_produktu li ul li a { text-decoration: underline; }
ul#vypis_produktu li ul li ul li { font-size: 1em; }

/* v�pis seznamu perexu produktu s obr�zky */
.produkt { width:280px; min-height: 220px;}

#mapa-webu .mapa {margin-left: 50px;}
#mapa-webu li {padding-left: 20px; font-size: 1.1em;}
#mapa-webu ul {padding-top: 10px; padding-bottom: 10px;}
#mapa-webu li {padding-top: 5px; padding-bottom: 5px;}

/* forms */
#servis  { padding: 1%; }
#servis fieldset  {margin: 15px; border: 1px solid rgb(150,150,150); padding: 15px}
#servis .legend  {color: rgb(50,50,50); font-size: 14px}
#servis .redlight  {color: rgb(200,0,0);}
#servis .form_row  {margin: 3px 0; padding: 0 5px; height: 25px; width: 100%}	
#servis .servis_label {display:block; width: 175px; float:left; padding: 0 0 0 5px; color: #006eae;} 
#servis .checkbox_text  {color: rgb(50,50,50); font-size: 12px ; font-weight: normal}
#servis .cleaner  {height: 60px;}
#online_question fieldset {padding: 15px;, border: 1px solid rgb(150,150,150);}
#online_question input,textarea { border: 1px solid rgb(150,150,150);}
#online_question label {color: #006eae; text-transform: uppercase; }

#left_block {width: 180px; margin-bottom: 32px;}
#right_block {margin-left: 30px; width: 650px;}