/************************* layout *********************************************/
body,img,h1,h2,h3,h4,h5,h6,p,form,td,th { margin:0; padding:0; }

#leftBox ul,#leftBox ol,#leftBox li { margin:0; padding:0; }

body {
    background-color: #990000; 
    text-align:center;
    font-family: Tahoma, Arial;
    color: #333333;
    font-size: 11px;
}

a {
    color: #333333;
}

a:Hover {
    color: #ff9900;
}

.redAnchor {
    color: #cc0000;
}

.redAnchor:Hover {
    color: #ff9900;
}

.cleaner {
    clear: both; 
    height: 0px; 
    font-size: 0px;
}

#layout {
    width: 990px;
    margin: 0px auto;
    background-color: #990000; 
    text-align: left;
}

/* horni layout */
#layout #topLayout {
    width: 990px;
    height: 130px;
    margin-top: 5px;
}

#layout #topLayout #leftBanner {
    width: 805px;
    height: 130px;
    background-image: url('leftBanner.jpg');
    float: left;
}

#layout #topLayout #rightBanner {
    width: 185px;
    height: 130px;
    background-image: url('rightBanner.jpg');
    float: right;
    color: white;
}

/* spodni layout */
#layout #bottomLayout {
    width: 990px;
}

#layout #bottomLayout #mainBox {
    width: 805px;
    background-color: white;
    background-image: url('mainBox_background.png');
    background-repeat: no-repeat;
    float: left;
}

#layout #bottomLayout #mainBox #leftBox{
    width: 172px;
    float: left;
}

#layout #bottomLayout #mainBox #centerBox {
    float: right; 
    width: 633px;
}

#layout #bottomLayout #mainBox #centerBox #contentBox {
    margin: 19px 15px 19px 21px;
    width: 594px; /* o 3 px vic nez je potreba kvuli univerzalnosti boxiku s vypisem produktu ktery ma margin-right: 3px */
}

#layout #bottomLayout #rightBox{
    width: 180px;
    background-image: url('rightBox_background.png');
    background-position: right top;
    background-repeat: no-repeat;
    float: right;
    margin-left: 5px;
}


/* kosik */
#rightBanner strong {
    position: relative;
    top: 109px;
    left: 13px;
    text-align: right;
}

#rightBanner span {
    text-align: right;
    width: 80px;
    position: relative;
    top: 96px;
    left: 54px;
    display: block;
}

#rightBanner a {
    color: white;
    display: block;
    position: relative;
}

#rightBanner a:Hover {
    color: #ff9900;
}

#rightBanner a {
    
}


/* pravy sloupec */
/* boxiky v pravo */
#rightBox .box {
    width: 180px;
    margin: 2px 0px 10px 0px;
    background-image: url('rightBox_BoxFoot.png');
    background-position: bottom;
    background-repeat: no-repeat;
    padding-bottom: 5px;
} 

#rightBox .box img {
    
    border: 0px;
    margin-right: 8px;
}

#rightBox .box a {
    display: block;
    float: left;
    line-height: 200%;
    font-weight: bold;
}


#rightBox .box table a {
    display: inline;
    float: none;
    line-height: 100%;
    font-size: 100%;
    color: #333333;
    text-decoration: none;
    font-weight: normal;
}

#rightBox .box table a strong {
    display: inline;
    background-image: url();
    line-height: 100%;
    font-size: 100%;
    color: #ff6600;
}

#rightBox .box table tr td {
    padding-bottom: 9px;
    padding-top: 9px;
}

#rightBox .box table .border td {
    border-bottom: 1px solid #cccccc;
}

#rightBox .box input {
    border-top: 1px solid #747474;
    border-left: 1px solid #747474;
    border-bottom: 1px solid #bdbdbd;
    border-right: 1px solid #bdbdbd;
    background-image: url('rightBox_inputBackground.png');
    padding: 2px 0px 0px 0px;
    font-size: 11px;
    color: #333333;
    height: 16px; 
}

#rightBox .box label {
    float: left;
    width: 39px;
    line-height: 20px;
}

#rightBox .box .button {
    width: 23px;
    height: 21px;
    background-image: url('rightBox_button.png');
    border: 0px;
    cursor: pointer;
}

#rightBox .box strong {
    width: 180px;
    height: 25px;
    background-image: url('rightBox_BoxCaption.png');
    Line-height: 25px;
    Text-indent: 8px;
    font-weight: bold;
    display: block;
    font-size: 15px;
    font-family: Arial;
	letter-spacing: -1px;
}

#rightBox .box div {
    width: auto;
    background-image: url('rightBox_BoxBackground.png');
    padding: 8px 8px 3px 8px;
    font-size: 11px;
}

#rightBox .box div strong {
    font-size: 12px;
    display: inline;
    font-weight: bold;
    background-image: url();   
    margin-left: 4px;
}

#rightBox .box div .anchor2 {
    display: inline;
    float: none;
}

/* levy sloupec */
    /* leve menu */

#leftBox #leftMenu {
    margin: 2px 0px 10px 2px;
    width: 170px;
    font-size: 11px;
    background-image: url('leftBox_foot.png');
    background-repeat: no-repeat;
    background-position: bottom;
    padding-bottom: 5px;
}

#leftBox #leftMenu li {
    List-style-type: none;
}

#leftBox #leftMenu strong  {
    width: auto;
    height: 25px;
    background-image: url('menu_mainCaptionBackground.png');
    background-repeat: no-repeat;
    display: block;
    Line-height: 25px;
    Text-indent: 8px;
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 1px;
    font-family: Arial;
	letter-spacing: -1px;
	text-transform: uppercase;
}

#leftBox #leftMenu ul li ol li ol li a {
    Text-indent: 16px;
    background-image: url('menu_subsubCaptionBackground.png');
    color: #666666;
}

#leftBox #leftMenu ul li ol li a {
    width: auto;
    height: 24px;
    background-image: url('menu_subCaptionBackground.png');
    background-repeat: no-repeat;
    display: block;
	overflow: hidden;
    Line-height: 24px;
    Text-indent: 8px;
    color: #333333;
    text-decoration: none;
    font-weight: normal;
}

#leftBox #leftMenu ul li ol li a:Hover {
    color: #000;
	text-decoration: underline;
}

#leftBox #leftMenu ul li a {
    width: auto;
    height: 27px;
    background-image: url('menu_captionBackground.png');
    background-repeat: no-repeat;
    display: block;
    Line-height: 26px;
    Text-indent: 8px;
    color: white; 
    text-decoration: none;
    font-weight: bold;
}

#leftBox #leftMenu ul li a:Hover {
    color: #ff9900;
}

#leftBox #leftMenu ul li ol li .selected {
	font-weight: bold;
	color: #000;
}

#leftBox #leftMenu ul li ol li ol li .selected {
	background-image: url('menu_subsubCaptionBackgroundHover.png');
}

    /* levy boxik */

#leftBox .box {
    width: 170px;
    margin: 2px 0px 10px 2px;
    background-image: url('leftBox_foot.png');
    background-position: bottom;
    background-repeat: no-repeat;
    padding-bottom: 5px;
} 

#leftBox .box strong {
    width: auto;
    height: 25px;
    background-image: url('leftBox_BoxCaption.png');
    Line-height: 25px;
    Text-indent: 8px;
    font-weight: bold;
    display: block;
    font-size: 15px;
    font-family: Arial;
	letter-spacing: -1px;
	text-transform: uppercase;
}

#leftBox .box p {
    width: auto;
    background-image: url('leftBox_BoxBackground.png');
    padding: 8px;
    font-size: 11px;
    
}

#leftBox .box p strong {
    display: inline;
    background-image: url();
    font-size: 11px;
    line-height: 100%;
    Text-indent: 0px;
}

/* horni banner */
#leftBanner #logo {
    display: block;
    width: 320px;
    height: 80px;
    margin: 21px 0px 0px 8px;
}

#leftBanner #logo span {
    display: none;
}

/* top menu */

#leftBanner #topMenu {
    margin: 8px 0px 0px 0px;
    font-weight: bold;
    font-size: 11px;
    padding: 0px;
}


#leftBanner #topMenu li {
    display: inline;
    List-style-type: none;
}

#leftBanner #topMenu li a {
    margin: 0px 0px 0px 16px;
    color: white;
    text-decoration: none;
	text-transform: uppercase;
}

#leftBanner #topMenu li a:Hover {
    color: #ff9900;
}

/* stredovy obsahovy box */
#contentBox h1 {
    font-size: 16px;
    font-family: Arial;
    font-weight: bolder;
	letter-spacing: -1px;
	margin-bottom: 0px;
}

#contentBox .hr {
    background-color: #333333;
    height: 1px;
    font-size: 0px;
    margin: 0px 0px 5px 0px;
    clear: both;
}

#contentBox .strankovani {
    float: right;
    padding: 0px;
    margin: 0px;
    line-height: 20px;
    font-size: 12px;
    margin-bottom: 5px;
}

#contentBox .strankovani .print {
    text-decoration: none;
    width: 20px;
    height: 20px;
    display: block;
    float: left;
    background-image: url('ico_tisk.gif');
    background-repeat: no-repeat;
}

#contentBox .strankovani .back {
    text-decoration: none;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('ico_back.gif');
    background-repeat: no-repeat;
    float: left;
    margin-left: 10px;
}

#contentBox .razeni {
    float: right;
}


#contentBox .podsekce {
    width: 560px;
    margin: 10px 0px 10px 30px; 
}

#contentBox .podsekce a {
    color: #333333;
    padding-left: 10px;
    background-image: url('contentBox_subMenuCube.gif');
    background-position: left 5px;
    background-repeat: no-repeat;
    line-height: 125%;
}

#contentBox .podsekce a:Hover {
    color:#666666;
}

#contentBox .strankovani a {
    color: #cc0000;
    font-weight: bold;
}

#contentBox .strankovani a:Hover {
    color: #ff9900;
}


#contentBox .strankovani .selected {
    color: #333333;
    text-decoration: none;
}

#contentBox p {
    font-size: 11px;
    line-height: 135%;
    margin: 10px 0px 10px 0px;
}

#contentBox img {
    margin: 20px 0px 20px 0px;
}

#contentBox #contentMenu_caption {
    font-size: 11px;
    width: 139px;
    height: 18px;
    line-height: 18px;
    background-image: url('contentMenu_caption.png');
    border: 1px solid white;
    text-align: center;
    position: relative;
    top: 8px;
    left: 81px;
    font-weight: bold;
    z-index: 2;
}

#contentBoxMenu ul, #contentBoxMenu li {margin:0; padding:0; }

#contentBoxMenu ul li {
    List-style-type: none;
    display: inline;
}

#contentBoxMenu ul li a {
    display: block;
    float: left;
    height: 110px;
    background-image: url('contentMenu.jpg');
}

#contentBoxMenu ul li a:Hover {
   background-image: url('contentMenuHover.jpg');
}

#contentBoxMenu ul li a span{
    display: none;
}

#contentBoxMenu ul li #contentMenu_Psi {
    width: 147px;
}

#contentBoxMenu ul li #contentMenu_Kocky {
    background-position: -147px;
    width: 148px;
}

#contentBoxMenu ul li #contentMenu_Hlodavci {
    background-position: -295px;
    width: 148px;
}

#contentBoxMenu ul li #contentMenu_Ptaci {
    background-position: -443px;
    width: 147px;
}

#contentBox .strip {
    background-image: url('contentBox_h2Background.png');
    background-repeat: repeat-x;
    background-position: left center;
    width: 591px;
    margin-bottom: 10px;
}

#contentBox h2 {
    font-size: 16px;
    font-family: Arial;
    font-weight: bolder;
    background-color: white;
    display: inline;
    padding-right: 4px;
	letter-spacing: -1px;
}

/* box pro zbozi */

#contentBox p {
    width: 591px;
}

/* boxik */
#contentBox .box {
    width: 195px;
    height: 229px;
    border-bottom: 1px solid #dadada;
    float: left;
    margin: 3px 3px 0px 0px;
	padding-bottom: 3px;
    background-image: url('contentBox_boxBackground.gif');
    background-repeat: repeat-y;
    background-position: right;
}

#contentBox .box strong {
    width: 195;
    height: 35px;
    display: block;
    font-size: 11px;
    background-color: #dadada;
    padding: 0px;
    margin: 0px 0px 5px 0px;
}

#contentBox .box strong a {
   display: block;
   color: #333333;
   text-decoration: none;
   padding: 3px;
   float: none;
}

#contentBox .box strong a:Hover {
    color: #505050;
}

#contentBox .box strong .akce {
    float: left;
    background-image: url('controlBox_boxAkce.png');
    width: 31px;
    height: 35px;
    margin: 0px 3px 0px 0px;
    text-align: center;
    line-height: 31px;
    color: white;
    display: block;
}
 /**/ 
#contentBox .box a {
    float: left;
    margin-right: 8px;
}

#contentBox .box a img {
    border: 0px;
    margin: 0px;   
}


#contentBox .box .rightRow {
    margin-top: 15px;
}

#contentBox .box div .sleva {
    font-size: 11px;
    display: block;
}

#contentBox .box div .predSlevou {
    font-size: 11px;
    display: block;
    text-decoration: line-through;
}

#contentBox .box div .cena {
    font-size: 14px;
    font-weight: bold;
    color: #cc0000;
    line-height: 200%;
}

#contentBox .box div .dostupnost {
    font-size: 11px;
    display: block;
    color: #ff9900;
    font-weight: bold;
    line-height: 200%;
}

#contentBox .box p {
    width: auto;
    clear: both;
    font-size: 10px;
    padding: 0px 10px 0px 0px;
    margin: 5px 0px 6px 0px;
    height: 53px;
}

#contentBox .box .kod {
    font-size: 11px;
    float: left;
}

#contentBox .box form {
    font-size: 11px;
    position: relative;
    top: -3px;
    left: -22px;
    float: right;
}

.xxx {
    width: 22px;
}

#contentBox .box form .inputSmall {
    width: 22px;
    height: 14px;
    
    border-top: 1px solid #747474;
    border-left: 1px solid #747474;
    border-bottom: 1px solid #bdbdbd;
    border-right: 1px solid #bdbdbd;
    background-image: url('rightBox_inputBackground.png');
    padding: 1px 0px 0px 0px;
    font-size: 10px;
    color: #333333;
    margin: 0px 2px 0px 16px; 
}

#contentBox .submit_koupit {
    width: 63px;
    height: 18px;
    background-image: url('btn_koupit.png');
    border: 0px;
    color: white;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    margin-top: 3px;
}

#contentBox .cleaner {
    clear: left; 
    height: 0px; 
    font-size: 0px;
}


#contentBox .detail img {
    margin: 15px;
    
}

#contentBox .detail table {
    margin: 15px 0px 15px 15px;
    float: left;
   
    
}

#contentBox .detail td {
    padding: 3px;
    line-height: 110%;
}

#contentBox .detail .col1 {
    width: 125px; 
    Text-indent: 10px;
}

#contentBox .detail td a {
    padding: 10px 20px 0px 20px;
    background-image: url('contentBox_detailAnchor.png');
    background-position: 7px 15px;
    background-repeat: no-repeat;
}



#contentBox .detail .cena {
    font-size: 14px;
    font-weight: bold;
    color: #cc0000;
}

#contentBox .detail .dostupnost {
    color: #ff9900;
    font-weight: bold;
}

#contentBox .detail .form {
    padding: 30px 0px 15px 3px;
}

#contentBox .detail form .input {
    width: 22px;
    height: 17px;
    
    border-top: 1px solid #747474;
    border-left: 1px solid #747474;
    border-bottom: 1px solid #bdbdbd;
    border-right: 1px solid #bdbdbd;
    background-image: url('rightBox_inputBackground.png');
    padding: 1px 0px 0px 3px;
    font-size: 13px;
    color: #333333;
}

#contentBox .detail form .submit {
    width: 63px;
    height: 18px;
    background-image: url('btn_koupit.png');
    border: 0px;
    font-size: 10px;
    cursor: pointer;
    margin-top: 3px;
}

/* registracni formular */
#contentBox #reg_formular_style {
    float: left;
}

#contentBox .reg_formular .fieldset {
    width: 250px;
    padding: 10px;
    margin: 10px;
    border: 1px solid #999999;
    background-image: url('leftBox_BoxBackground.png');
    
}

#contentBox .reg_formular input {
    border-top: 1px solid #747474;
    border-left: 1px solid #747474;
    border-bottom: 1px solid #bdbdbd;
    border-right: 1px solid #bdbdbd;
    background-image: url('rightBox_inputBackground.png');
    padding: 2px 0px 0px 0px;
    font-size: 11px;
    color: #333333;
    height: 16px; 
    margin-bottom: 5px;
}

#contentBox .reg_formular .submit {
    width: 92px;
    height: 18px;
    background-image: url('btn_registrovat.png');
    border: 0px;
    color: white;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    margin-left: 190px;
}

#contentBox .reg_formular .submit2{
    width: 74px;
    height: 18px;
    background-image: url('btn_nastavit.png');
    border: 0px;
    color: white;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    margin-left: 208px;
}

#contentBox .reg_formular label {
    width: 110px;
    margin-top: 2px;
    display: block;
    float: left;
}

#contentBox .reg_formular span {
    color: #990000;
    position: relative;
    top: -5px;
}

#contentBox #reg_text {
    margin: 15px 0px 0px 0px;
    float: left;
    width: 280px;
}

#contentBox #reg_text p {
    width: 280px;
}

#contentBox #reg_text span {
    line-height: 130%;
    margin-bottom: 8px;
    display: block;
    background-color: #eeeeee;
    padding: 10px; 
}

#contentBox .formular_kosik {
    border-top: 1px solid #747474;
    border-left: 1px solid #747474;
    border-bottom: 1px solid #bdbdbd;
    border-right: 1px solid #bdbdbd;
    background-image: url('rightBox_inputBackground.png');
    padding: 2px 0px 0px 0px;
    font-size: 11px;
    color: #333333;
    height: 16px; 
    width: 20px; 
}

#contentBox #obj_formular #btn_objednat {
    width: 80px;
    height: 18px;
    background-image: url('btn_objednat.png');
    border: 0px;
    color: white;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;

}



#paticka {
	clear: both;
    border-top: 1px dotted #9e9e9e;
    margin: 10px 0px 0px 0px; 
    text-align: center;
    color: #666;
    padding: 3px 20px 10px 20px;
	background-color: #f3f3f3;
}

#paticka a {
    color: #666;
}

#paticka a:Hover {
    text-decoration: none;
}

.vyrobci {
	margin: 10px;
}

.vyrobci a {
    color: #333333;
    padding-left: 10px;
    background-image: url('contentBox_subMenuCube.gif');
    background-position: left 5px;
    background-repeat: no-repeat;
    line-height: 125%;
}

.vyrobci a:Hover {
    color:#666666;
}