body {
    margin           : 0px 30px;
    padding          : 0px;
    color            : #606060;
    background-color : #999999;
    font-family      : Verdana, sans-serif;
    font-size        : 65%;
    text-align       : justify;
    line-height      : 1.7em;
    behavior         : url('./csshover.htc'); /* WinIE behavior call */
}


p {
    text-align    : justify;
    margin-top    : .5em;
    margin-bottom : 1.5em;
}


hr {
    display: none;
}


table {
    font-size      : 100%;
    border         : 1px solid #000;
    border-collapse: collapse;
    margin-left    : auto;
    margin-right   : auto;
    margin-top     : 2.5em;
    margin-bottom  : 2.5em;
    width          : 100%;
}
th {
    background-color: #003366;
    color           : #fff;
    padding         : .2em .4em;
    text-align      : center;
}
tr {

}
td {
    padding    : .2em .4em;
    text-align : center;
}


a {
    font-weight     : bold;
    color           : #003366;
    color           : #2f4693;
    text-decoration : underline;
}
a:hover {
    text-decoration : none;
    color           : #990000;
}

h1 {
    font-size: 200%;
}

h2 {
    font-size           : 170%;
    font-weight         : bold;
    margin-top          : 0px; /*1.5em*/;
    margin-bottom       : .75em;
    color               : #3d4f8a;
    border-bottom       : 1px solid #8c8c8c;
    background-image    : url('./ico_h2.jpg');
    background-repeat   : no-repeat;
    background-position : 0% 50%;
    padding-left        : 18px;
    /*margin-left         : -20px;*/
}
h3 {
    font-size     : 150%;
    margin-top    : 1em;
    margin-bottom : .75em;
    color         : #003368;
}

h4 {
    font-size : 130%;
    margin-top: 1em;
    margin-bottom: .5em;
    color         : #003372;
}

h5 {
    font-size     : 110%;
    margin-top    : 1em;
    margin-bottom : .5em;
    color         : #003377;
}

h6 {
    font-size     : 100%;
    margin-top    : 1em;
    margin-bottom : .5em;
    color         : #003382;
}

img {
    border: none;
}

ul {
    /*list-style-type : none;
    margin-left     : .5em;
    padding-left    : 0px;*/
    margin-left     : 1.5em;
    padding-left    : 1.5em;
}
ul li {
    /*
    background-image    : url('./li.gif');
    background-repeat   : no-repeat;
    background-position : 0% 50%;
    padding-left        : 15px;*/
    list-style-type: square;

}

ol {
    margin-left     : 1.5em;
    padding-left    : 1.5em;
    list-style-type : decimal;
}


dl {
    margin-left: .5em;
}

dt {
    background-image    : url('./dt.gif');
    background-position : 0% 50%;
    background-repeat   : no-repeat;
    padding-left        : 12px;
    font-weight         : bold;
    margin-top          : .4em;
    color               : #202020;
}

form {
    margin: 0px;
}

input, select, textarea {
	font-family      : Verdana, sans-serif;
	font-size        : 100%;
	/*background-color : #ffffff;
	color            : #000000;
	border           : 1px solid #333;*/
}
select {
  /*width: 53ex;*/
}

fieldset {
  padding: .5em 2em;
  margin-bottom: 2em;
}
label {
  float          : left;
  width          : 25%;
  text-align     : left;
  clear: both;
  /*text-transform : uppercase;*/
}
legend {
  padding: 0.2em 0.5em;
  margin-bottom: .5em;
  color: #0046D5;
  /*color  : #000;
  font-weight: bold;*/
}

address {
    font-style: normal;
}


#top {
    background-image    : url('./top_bg.jpg');
    background-repeat   : repeat-x;
    height              : 179px;
}
#topin {
    height             : 179px;
    background-image   : url('./topin_bg.jpg');
    background-repeat  : no-repeat;
    background-position : 6px 0px;

}
#topinleft {
    height             : 179px;
    background-image   : url('./top_left.jpg');
    background-repeat  : repeat-y;
    background-position: top left;
    
}
#topinright {
    height             : 179px;
    background-image   : url('./top_right.jpg');
    background-repeat  : repeat-y;
    background-position: top right;
}



#logo {
    width              : 254px;
    height             : 34px;
    position           : absolute;
    top                : 8px;
    left               : 43px;
    overflow           : hidden;
    margin             : 0px;
    padding            : 0px;
}
#logo span {
    display            : block;
    background-image   : url('./logo.jpg');
    background-repeat  : no-repeat;
    width              : 254px;
    height             : 34px;
    position           : absolute;
    top                : 0px;
    left               : 0px;
    cursor             : hand;
    cursor             : pointer;
}
h1#logo {
    font-size: 130%;
}



#content {
    margin              : 0px;
    padding             : 0px;
    background-color    : #fff;
    background-image    : url('./leftfull_bg.jpg');
    background-position : top left;
    background-repeat   : repeat-y;
}
#contentin {
    margin              : 0px;
    padding             : 0px;
    background-image    : url('./content_right.jpg');
    background-position : top right;
    background-repeat   : repeat-y;
}



#left {
    width: 220px;
    float: left;
}
#leftin {
    padding-left        : 6px;
    padding-right       : 0px;
    margin-top          : 1.75em;
    margin-right        : 1px;
    background-color    : #7b7984;
    background-image    : url('./left_bg.jpg');
    background-position : top left;
    background-repeat   : repeat-y;
    /*margin-right     : 3px;
    margin-left      : 10px;*/

}
#leftin h2 {
    border     : none;
    font-size  : 140%;
    margin     : 1em .5em .5em .5em;
    color      : #c0c0c0;
}
#leftin a {
    color      : #003368;
}
#leftin a:hover {
    text-decoration : none;
    color           : #600000;
}



#main {
    margin           : 0px 6px -2px 220px;
    padding          : 2em 4em 6em 3em;
    background-color : #fff;
    height           : 100%; /* IE bug */
    /* height           : expression("0px"); /* workaround pro 3px bug v IE */

}
#mainin {
    margin           : 0px;
    padding-bottom   : 2em;
    background-color : #fff;
    width            : 100%;
    float            : left; /* vychytávač pro clearing */
}
#mainin div {
    margin-bottom : 2em;
    margin-top    : 1em
}
#mainin form div {
    margin-top    : .75em;
    margin-bottom : .75em;
}
strong {
    color: #000;
}
#mainin .floatleft {
    float        : left;
    margin-right : 1.5em;
    margin-top   : 0em;
}

#mainin .floatright {
    float       : right;
    margin-left : 1.5em;
    margin-top  : 0em;
}
#mainin img {
    border: 1px solid #000;
}
#mainin img.ico {
    border: none;
}


#navigation {
    background-image    : url('./nav_bg.jpg');
    background-repeat   : no-repeat;
    background-position : top center;
    width               : 100%;
    min-height          : 175px;
    height              : auto;
    _height             : 175px;
    margin              : 0px;
    padding             : 0px;
}
#navigationin {
    padding-right: .5em;
}
#navigation ul {
    margin  : 0px; width: 100%;
    padding : 0px;
}
#navigation li {
    list-style-type : none;
    background-image: none;
    margin          : 0px;
    padding         : 0px;
    border-top      : 1px solid #9a9a9a;
    font-weight    : normal;
    color          : #ffffff;
}
#navigation ul ul li {
    padding-left: 2em;
}
#navigation h2 {
    display: none;
}
#navigation a {
    width          : 94%;
    _width         : 100%;
    display        : block;
    font-size      : 120%;
    font-weight    : normal;
    margin         : 0px;
    padding        : .3em .8em;
    padding-right  : 0px;
    color          : #ffffff;
    text-decoration: none;
}
#navigation a:hover {
    background-color: #004376;
    color           : #bbb;
    border-left     : 3px solid #fff;
}
#navigation a:active {
    background-color: #800000;
    color: #fff;
}
#navigation .vybrany {
    background-color: #003366;
    color           : #fff;
    border-left     : 3px solid #fff;
}
#navigation .zvyraznit {
    font-style: italic;
    font-weight: bold;
}




/*

#navigation {
    background-image    : url('./nav_bg.jpg');
    background-repeat   : no-repeat;
    background-position : top center;
    width               : 100%;
    min-height          : 175px;
    height              : auto;
    _height             : 175px;
    margin              : 0px;
    padding             : 0px;
}
#navigationin {
    padding-right: .5em;
}
#navigation ul {
    margin  : 0px; width: 100%;
    padding : 0px;
}
#navigation li {
    list-style-type : none;
    background-image: none;
    margin          : 0px;
    padding         : 0px;
    border-top      : 1px solid #9a9a9a;
    font-weight    : normal;
    color          : #ffffff;
}
#navigation ul ul li {
    padding-left: 2em;
}
#navigation h2 {
    display: none;
}
#navigation a {
    width          : 94%;
    _width         : 100%;
    display        : block;
    font-size      : 120%;
    font-weight    : normal;
    margin         : 0px;
    padding        : .3em .8em;
    padding-right  : 0px;
    color          : #ffffff;
    text-decoration: none;
}
#navigation a:hover {
    background-color: #004376;
    color           : #bbb;
    border-left     : 3px solid #fff;
}
#navigation a:active {
    background-color: #800000;
    color: #fff;
}
#navigation .vybrany {
    background-color: #003366;
    color           : #fff;
    border-left     : 3px solid #fff;
}
#navigation .zvyraznit {
    font-style: italic;
    font-weight: bold;
}


div#navigation ul {
  margin: 0; 
  padding: 0;
}

div#navigation li {
  position: relative;
  list-style: none; 
  margin: 0em;
}

div#navigation li:hover {
  
}

div#navigation li.submenu {

}

/* zvýraznění položky, která obsahuje podpoložky*/
/*div#navigation li.submenu:hover {

} 


div#navigation li a {
  display: block;
  text-decoration: none;
  width: 100%; 
  voice-family: "\"}\""; voice-family:inherit; width: 95%; /* box model hack*/
/*
}
/* IE hack - vyplnění celé plochy nadř. li */
/*div#navigation>ul a {
  width: auto;
} 

div#navigation ul ul {
  display: none;
  margin: 0em;
  /*position: absolute; top: 0; left: 100%;*/
/*}

div#navigation ul.level1 li.submenu:hover ul.level2 {display:block;}
div#navigation ul.level2 li.submenu:hover ul.level3 {display:block;}
*/








#setlanguage {
    position: absolute;
    right: 40px;
    top: 152px;
}
#setlanguage .aktualni {
    border: 1px solid #000;
}


#copyright {
    border-top : 1px solid #9a9a9a;
    padding    : .25em .5em;
    color      : #b0b0b0;
}
#copyright a {
    color      : #b0b0b0;
}


#contact {
    background-image  : url('./lady_nb.jpg');
    background-repeat : no-repeat;
    min-height        : 300px;
    height            : auto;
    _height           : 300px;
    border-top        : 1px solid #9a9a9a;
}
#contact p {
    font-size   : 90%;
    padding     : 1em;
    padding-top : .2em;
    color       : #ddd;
}


.cleaner {
		clear      : both;
		height     : 1px;
		font-size  : 1px;
		border     : none;
		margin     : 0px;
		padding    : 0px;
		background : transparent;
}


#mainin div.imgcaption {
    font-size: 90%;
    font-weight: bold;
    text-align: center;
    margin-top: .5em;
    margin-bottom: 0em;
}

.left {
    text-align: left;
}
.center {
    text-align: center;
}
.right {
    text-align: right;
}
.justify {
    text-align: justify;
}

.error {
    color: #990000;
}
.duraz {
    font-size: 110%;
    font-weight: bold;
}



/* formátování elementu typu Odkaz */
.odkaz {
	display : block;
	margin  : 2em 0em;
}
.odkaz .odkazin {
	display             : inline;
	border              : 1px solid #ccc;
	padding             : 1px;
}
.odkaz a {
	background-color    : #415386;
	color               : #fff;
	font-weight         : normal;
	text-decoration     : none;
	padding             : 0em .5em;
	padding-left        : 0px;
	background-image    : url('./ico_a.gif');
	background-repeat   : no-repeat;
	background-position : 0% 50%;
	padding-left        : 19px;
}
.odkaz a:hover {
	color : #bbb;
}

/* formátování elementu typu Formulář Kontakt */
.kontaktformular {
    margin: 2em 0em;
}
.kontaktformular fieldset {
  margin: 2em 0em;
}

/* formátování elementu typu Důležitý info box */
.importantbox {
    border           : 1px solid #000;
    background-color : #ebebeb;
    padding          : .25em 1em;
    color            : #000;
    margin           : 1.5em 0em;
}
.importantbox .napis {
    font-size: 170%;
    margin-bottom: .2em;
}


.actiondate {
    font-size: 120%;
    color: #000;
    background-color: #ffcccc;
    padding: .15em .4em;
}

.newsdate {
    font-size: 120%;
    color: #000;
    background-color: #ebebeb;
    padding: .15em .4em;
}

.back {
    font-weight: bold;
    font-size: 90%;
}







.zbozidetail .cena {
    background-color: #eee;
    border: 1px solid #aaaaff;
    padding: .25em .75em;
}
.varianta .butony {
    text-align: center;
}

.zbozidetail .floatleft {
    clear: both;
    float: left;
    margin: 0em;
    padding: 0em;
}
.zbozidetail .fotografie {
    width: 200px;
    margin: 0em;
    padding: 0em;
}
.zbozidetail .varianta {
    clear: none;
}
.zbozidetail .zboziinfo {
    margin-left: 220px;
}
.zbozidetail .vakci {
    font-weight: bold;
    font-size: 120%;
}
.cena strong {
    color: maroon;
    font-weight: bold;
    font-size: 130%;
}
.cena .skrtnuto {
    text-decoration: line-through;
}
.zbozinazev {
    font-size: 120%;
    font-weight: bold;
}
.popiszbozi {
    border-top: 1px solid #aaaaff;
    padding: 1em 0em;
}
#kosiksouhrn {
    color: #ddd;
    line-height: 1.25em;
}
#kosiksouhrn strong {
    color: #fff;
}
#kosiksouhrn p {
    margin-left: 1em;
}
#eshoplogin, #eshoplogin strong {
    line-height: 1.25em;
    color: #fff;
}
#eshoplogin form, #eshoplogin p {
    margin-left: 1em;
}
.suma td {
    border-top: 1px solid #ccc;
    padding-top: 1em;
    padding-bottom: 1em;
}