/*moje*/
#containerDetail {position: relative; margin: auto; width: 520px; background-color: white; }
#column4 {position: relative; top: 0; left: 0px; height: auto; width: 500px; padding: 0px 15px 55px 8px; float: left; overflow: hidden }
#column4 .title {background: url(../img/bg-title.gif) no-repeat; height: 31px;padding: 7px 0px 0px 18px;font-family: trebuchet MS; font-size: 18px;color: #0066b3; font-weight: bold;}
#column4 .title a {color: #0066b3;}
#loading
{
font-weight: bold; font-family:Arial; font-size: 14px; position:absolute; right: 0px; top: 0px; background-color: yellow;
} 
.cernynazev { font-weight: bold; color: Black; }
.odst5 { font-weight: bold; color: Black; font-size: 14px; }
/*moje konec*/

/* ------------ Globln definice objekt  -----------------------------------------------------------------------------------------------*/
body {margin: 0; padding: 0; font-family: Trebuchet MS; font-size: 11px; color: #424242; background: url(../img/bg-body.gif) repeat-x #E5EFF7}

div {height: auto; _height: 0; margin: 0; padding: 0}
p {margin: 0; padding: 0}
a {_height: 0; text-decoration: none; color: #000}
a:hover {text-decoration: underline}
img {margin: 0; padding: 0; border: 0}
form {margin: 0; padding: 0}

h1,h2,h3,h4,h5 {margin: 0; padding: 0; font-size: 10px; color: #000}

.input-text {margin: 0; padding: 0px 0px 0px 2px; font-size: 11px; color: #000; border: 1px solid #8A8787;height: 16px;_height: 15px;?height: 15px;font-family: Trebuchet MS;}
/*html>body .input_text {height: 22px !important}
:root .input_text {height: 17px !important}*/
.input_button {margin: 0; padding: 0; border: 0}
.input_radio {height: 12px; width: 15px; margin: 0; padding: 0; border: 0}
.input_check {height: 12px; width: 12px; margin: 0px; padding: 0px; border: 0}

Textarea {margin: 0px; padding: 0px; overflow: auto; font-size: 11px; color: #000; border: 0px}
Label {margin: 0px; padding: 0px; vertical-align: middle; color: #000063; font-size: 10px}
Select {height: 17px; margin: 0; padding: 0; vertical-align: middle; color: #435174; font-size: 10px}
Input {vertical-align: middle}

.clear1 {clear: both; _clear: none}
.clear2 {position: relative; clear: both; _height: 0px; font-size: 1px}
/* ------------ Definice kostry  ---------------------------------------------------------------------------------------------------------*/

#containerHeader {position: relative; z-index: 1; margin:0 auto; width: 920px; height: 186px; background: url(../img/bg-header3.png) no-repeat; background-color:#99FF00}

#containerBody {position: relative; margin: 0 auto; width: 920px;background: url(../img/bg-container-body-in.gif); margin-top:0; background-color:#FF0000;}
#index #containerBody {background: url(../img/bg-container-body.gif); }

#column1 {position: relative; width: 205px; float: left; background: url(../img/bg-column1.gif); margin-left:6px; _margin-left:3px;}


#column2 {position: relative; margin-left: 205px; padding: 0 8px;}
#index #column2 {margin-right:180px;}

#column3 {float:right; width: 174px; margin-right:6px; _margin-right:2px; }



/* ------------ containerHeader  ---------------------------------------------------------------------------------------------------------*/
#containerHeader .logo {position: absolute; left: 20px; top: 50px;width: 350px; height: 50px;}

#containerHeader .s-menu {position: absolute; left: 6px; top: 6px;padding: 0px; margin: 0px; 	list-style: none;}
#containerHeader .s-menu li {width: 38px;float: left;text-align: center;height: 20px;}
#containerHeader .s-menu li a {display: block;height: 20px; width: 38px;}

#containerHeader .info {background-image:url(../img/bg_info.png); background-repeat:no-repeat; background-position:top;}
#containerHeader .basket {position: absolute;right: 6px; top: 6px;width: 162px; height: 130px;padding-left: 13px;}
#containerHeader .basket .basket-in {display: block;height: 35px;margin-bottom: 10px;}
#containerHeader .basket .basket-in-2 {display: block;margin-top: 12px; font-weight: bold;background: url(../img/bg-basket-in.gif) no-repeat 0px 2px;padding-left: 15px;}
#containerHeader .basket div {height: 15px;padding-top: 10px;color: #0066B3}
#containerHeader .basket div strong {color: #515151;}
#containerHeader .basket table {margin-top:40px;}


#containerHeader .search  {position: absolute; left: 18px; top: 140px;width: 208px; height: 86px;}
#containerHeader .search a { text-decoration: underline; }
#containerHeader .search div {padding: 4px 0px 0px 0px;margin: 0px 0px 3px 0px}
#containerHeader .search .input-text {width: 134px;padding: 0px 0px 0px 3px}
#containerHeader .search .paramsearch {display: block;font-weight: bold;background: url(../img/bg-search-arrow.gif) no-repeat 0px 5px;padding-left: 12px;margin-top: 0}

#containerHeader .menu {position: absolute;z-index: 99; left: 207px; top: 136px;padding: 0px; margin: 0px; 	list-style: none;}
#containerHeader .menu li {position: relative;z-index: 99;float: left;padding: 0px 20px 0px 20px;margin: 0;height: 50px;_width: 0px;white-space: nowrap;background: none;border-left: 1px solid transparent;border-right: 1px solid transparent;_border-left: 1px solid #267dbe;_border-right: 1px solid #267dbe;}
#containerHeader .menu li a {color: white; font-weight: bold;display: block; height: 28px;background: none;padding-top: 22px;}
#containerHeader .menu li ul {display: none;}
#containerHeader .menu li.sel {background: url(../img/bg-menu.gif);border-left: 1px solid #0066b3;border-right: 1px solid #0066b3}
#containerHeader .menu li.sel a {background: url(../img/bg-menu-top.gif) no-repeat top center;display: block; }

#containerHeader .menu li.sel ul {position: absolute;z-index: 999; left: -1px; top: 50px;display: block;background: #267dbe;border-left: 1px solid #267dbe;border-right: 1px solid #267dbe;padding: 0px; margin: 0px;}
#containerHeader .menu li ul li {float: none;width: 150px;padding: 0;background: #8fb9dc;border: none;border-bottom: 1px solid #267dbe;height: auto; list-style-type:none;}
#containerHeader .menu li ul li a {display: block;height: 18px;background: none;padding: 5px 0px 3px 8px;margin: 0;}
#containerHeader .menu li ul li a:hover {border-top:none; padding-top:5px; padding-left:3px; border-left:5px solid #FFBC25;}

/* Naprava pro IE */
* html ul li { float: left; height: 1%; }
* ul li a { height: 1%; }
/* End IE */

#horizontal_menu li:hover ul, #horizontal_menu li.over ul { position: absolute;z-index: 999; left: -1px; top: 50px;display: block;background: #267dbe;border-left: 1px solid #267dbe;border-right: 1px solid #267dbe;padding: 0px; margin: 0px; } /* Vyvolani udalosti */
#horizontal_menu li a:hover {border-top:5px solid #FFBC25; padding-top:17px;}

/* ------------ column1  ---------------------------------------------------------------------------------------------------------*/

#column1 h2 {background:url(../img/bg-h2.gif) left no-repeat; color:#FFFFFF; font-size:14px; font-weight:bold; padding:4px; margin: 2px 0 2px 0; clear:both;}
#column1 #kategorie {background-color:#EFF3F7; float : left; width : 196px; position:relative; padding: 2px; z-index:100; margin-bottom:6px;}
#column1 #kategorie ul{margin:0; padding:0;}
#column1 #kategorie li{font-size:9pt; margin: 4px 4px 0 0; padding: 0; list-style: none; _padding-left:0; border-bottom:1px dotted #C0D2E2; }
#column1 #kategorie div{float:left; width:16px; height:16px; margin-right:4px; text-align:center; font-weight:bold; color:#FFFFFF; margin-bottom:4px;}
#column1 #kategorie p {position:relative; display:inline; _display:block; _width:168px;}


.kat {font-weight: bold; color:#999999; background-color:#EFF3F7;}

#column1 #kategorie div.kat-A, .A{ background-color:#336699; color:#FFFFFF}
#column1 #kategorie div.kat-B, .B{ background-color:#3973AC; color:#FFFFFF}
#column1 #kategorie div.kat-C, .C{ background-color:#5B91C8; color:#FFFFFF}
#column1 #kategorie div.kat-F, .F{ background-color:#88B0D7; color:#FFFFFF}
#column1 #kategorie div.kat-H, .H{ background-color:#AFAFE4; color:#FFFFFF}
#column1 #kategorie div.kat-I, .I{ background-color:#85C185; color:#FFFFFF}
#column1 #kategorie div.kat-U, .U{ background-color:#39AC73; color:#FFFFFF}
#column1 #kategorie div.kat-M, .M{ background-color:#39AC39; color:#FFFFFF}
#column1 #kategorie div.kat-N, .N{ background-color:#448844; color:#FFFFFF}
#column1 #kategorie div.kat-S, .S{ background-color:#ACAC39; color:#FFFFFF}
#column1 #kategorie div.kat-T, .T{ background-color:#FFDA8F; color:#FFFFFF}
#column1 #kategorie div.kat-X, .X{ background-color:#CCCCCC; color:#FFFFFF}
#column1 #kategorie div.kat-Z, .Z{ background-color:#8F8F8F; color:#FFFFFF}
#column1 #kategorie div.kat-O, .O{ background-color:#339900; color:#FFFFFF}

#column1 #kategorie a {color:#336699;}
#column1 #kategorie a:hover{color:#339900; text-decoration:underline; }

#column1 .contacts {width: 201px; height: 152px; background: url(../img/bg-contacts-in.gif) no-repeat 0px 28px;}
#column1 .contacts .title {background: url(../img/bg-contacts.gif) no-repeat;height: 28px;margin: 1px 0px 0px 0px}
#column1 .contacts .freetext {padding: 12px 0px 12px 13px}
#column1 .contacts strong {display: block;color: #0066B3;padding: 2px 0px 2px 0px}

/* ------------ column3  ---------------------------------------------------------------------------------------------------------*/

#column3 h2 {background:url(../img/bg-h2.gif) right no-repeat; color:#FFFFFF; font-size:14px; font-weight:bold; padding:4px; margin: 2px 0;}
#column3 label {font-size:100%}
#column3 div {padding:2px;}
#column3 .login {text-align:right; margin:0;}
#column3 .loginform div {padding-top:0;}
#column3 .heslo {padding-left: 16px; background:url(../img/password_fg.gif) left no-repeat; padding-bottom:0; margin-bottom:0;}
#column3 .user {padding-right: 16px; background:url(../img/user.gif) 160px 22px no-repeat;}
#column3 .password{padding-right: 16px; background:url(../img/password.gif) 160px 22px  no-repeat;}
#column3 .loginform {background:url(../img/bg-contacts-in.gif) no-repeat left top;}
#column3 .cert {background:url(../img/bg-cert.png) no-repeat right top;}
#column3 .cert ul {margin:8px 0 0 16px; padding:0}
#column3 .cert ul li {padding-bottom:8px;}
 
/* ------------ column2 novinky  ---------------------------------------------------------------------------------------------------------*/
 
#column2 .news-main {margin: 10px 0px 0px 0px}
#column2 .news {background: url(../img/bg-news.gif) bottom repeat-x;margin: 10px 0px 10px 0px;padding: 0px 0px 12px 0px}
#column2 .news .news-title {width: 443px;float: left;padding: 0px 0px 7px 0px;}
#column2 .news .news-title a {color: #0066b3;font-weight: bold;}
#column2 .news .news-date {width: 64px; float: right;text-align: right;padding: 0px 0px 0px 0px;background: url(../img/bg-news-date.gif) no-repeat 0px 3px;color: #5a5a5a}
#column2 .news .news-body {clear: both;}
#column2 .nejnovejsi .akce {text-align:left; margin:4px 0; background-color:#FFECB9/*#E6ECF0*/;}
#column2 .nejnovejsi .akce div {display:inline; padding-left: 18px; background-repeat:no-repeat; background-position:left; padding-right:8px;}
#column2 .nejnovejsi .akce .info {background-image:url(../img/information.png)}
#column2 .nejnovejsi .akce .read {background-image:url(../img/book_open.png)}
#column2 .nejnovejsi .akce .print {background-image:url(../images/printer_error.png)}
#column2 .nejnovejsi .akce .save {background-image:url(../img/pdf.gif)}
#column2 .nejnovejsi .akce .cart {background-image:url(../images/cart_put.png)}
#column2 .nejnovejsi li {margin: 0 0 10px 0; border-bottom: 1px solid #E0E0E0;}
 
/* ------------ column2 nejnovejsi produkty  ---------------------------------------------------------------------------------------------------------*/

#column2 ul.nejnovejsi {margin:0 0 0 18px; padding:0;}
#column2 ul.nejnovejsi li {list-style-image:url(../img/bg-infobox2-arrow-o.gif)}
#column2 ul.nejnovejsi li .datum {position:relative; float:right; color:#666666; font-style:italic;}
#column2 ul.nejnovejsi li .nazev {color:#000; font-weight:bold; font-size:110%}

#column2 .title {background: url(../img/bg-title.gif) no-repeat; height: 31px;padding: 7px 0px 0px 18px;font-family: trebuchet MS; font-size: 18px;color: #0066b3; font-weight: bold;}
#column2 .title a {color: #0066b3;}
#column2 .body {color:#333333; margin: 4px 0 8px 18px;}

#column2 a {color:#0066CC; font-weight:bold;}
#column2 a:hover {text-decoration:underline;}


/* ------------ column2 footer  ---------------------------------------------------------------------------------------------------------*/

#footer {position: relative; width: 908px;height: 118px; background: url(../img/bg-footer.gif);margin: auto;}
#footer .payment {position: absolute; left: 0px; top: 13px;width: 100%; text-align: center;color: #594200;font-weight: bold;}
#footer .footer-txt {position: absolute; left: 0px; top: 87px;width: 100%;text-align: center;color: #594200;}
#footer .centrik {position: absolute; left: 390px; top: 132px;display: block; width: 154px; height: 27px;}

ul.registrace { margin:0;}
.adresa {background:url(../img/bg-box-writeus.gif) right no-repeat; margin:0 4px 0 0;}