body {margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background: #fff;}
a {color: #3a5c8c; text-decoration: none;}
a:hover {text-decoration: underline;}
a img {border: none;}
table, td, th, input, textarea, select {font-family: Arial, Helvetica, sans-serif; font-size: 1em;}
h1 {color: #3A5C8C; margin: 3px 0 10px 0; font-size: 1.8em; font-weight: bold; text-transform: uppercase;}
h2 {color: #3A5C8C; margin: 10px 0 5px 0; font-size: 1.4em; font-weight: bold;}
h2 a {color: #3A5C8C;}
h3 {color: #A96E36; margin: 10px 0 3px 0; font-size: 1.1em; font-weight: bold;}
h6 {margin: 0 0 6px 0; font-size: 16px; font-weight: bold; color: #DDA626;}
p {margin: 0 0 10px 0; text-align: justify;}
form {margin: 0 0 10px 0;}
table form {margin: 0;}
ul {list-style: none; margin: 0px 0 10px 10px; padding: 0;}
ul li {margin: 0; padding: 0 0 6px 13px; background: url(../img/odr-in-modra.gif) no-repeat left 0.4em;}


#container {/*width: 460px;*/ width: 100%; position: relative;}
#container2 {padding: 10px 5px;}

#menu {/*text-align: right;*/ font-size: 0.9em; margin: 5px 0;}
#menu a {margin: 0 10px; font-weight: bold;}


/* obecne tridy */
.cleaner {clear: both; height: 1px; font-size: 1px; line-height: 1px;}
.right {text-align: right;}
.center {text-align: center;}
.fLeft {float: left;}
.fRight {float: right;}
a.tlacitko {background: #eee; font-weight: bold; padding: 0 5px; text-decoration: none; border: 1px solid #3A5C8C;}
a.tlacitko:hover {background: #3A5C8C; color: #fff; text-decoration: none;}
input.tlacitko {background: #eee; color: #3A5C8C; font-weight: bold; padding: 0 5px; border: 1px solid #3A5C8C; cursor: pointer;}
input.tlacitko:hover {background: #3A5C8C; color: #fff;}
.datum {font-size: 0.9em; color: #3a5c8c;}
.cena {font-weight: bold; color: #3a5c8c;}
.eur {color: #3a5c8c; font-weight: normal;}
.puvodni {font-weight: normal; text-decoration: line-through;}
.akcni {font-weight: bold; color: #e00; text-transform: uppercase;}
.novinka {font-weight: bold; color: #ff6600; text-transform: uppercase; margin: 0 3px 0 0;}
.small {font-size: 0.9em;}
.nowrap {white-space: nowrap;}
.pozadi {background: #eee; padding: 0 4px;}
.modra {color: #3a5c8c;}
.dulezite {font-weight: bold; color: #f00;}
.padd {padding: 5px;}


a.doporucujeme {float: left; display: block; width: 156px; height: 155px; overflow: hidden; background: #ddd; font-size: 11px; font-weight: bold; text-decoration: none; margin: 0 20px 20px 0; text-align: center; position: relative;}
a.doporucujeme div.dopnazev {position: absolute; top: 117px; left: 0; padding: 5px 5px 5px 15px; cursor: pointer;}
a.doporucujeme:hover div.dopnazev {text-decoration: underline; cursor: pointer;}
.mezera {float: left; width: 30px;}

table.polozka {border: none; border-collapse: collapse; /*width: 460px;*/ width: 100%;}
table.polozka td.obr {padding: 0 0 0 0; width: 112px; vertical-align: top; text-align: center;}
table.polozka td.obr img {border: 1px solid #ccc;}
table.polozka td.text {padding: 0 0 0 10px; vertical-align: top;}
table.polozka td.text p {margin: 0 0 3px 0;}
table.polozka tr.polozkaBottom td {padding: 1px 5px 10px 10px; border-bottom: 1px solid #eee;}


.strankovani {text-align: center; margin: 20px 0 1px 0; line-height: 2em; font-size: 0.9em; padding: 10px 0 0 0;}
.strankovani a {margin: 0 2px; border: 1px solid #ccc; text-decoration: none; padding: 0px 4px;}
.strankovani a:hover {color: #000; border: 1px solid #000;}
.strankovani a#aktivni {color: #000; border: 1px solid #000;}

.fotogalerie {width: 112px; float: right; margin: 0 0 10px 10px;}
.fotogalerie div {margin: 0 0 5px 0;}
.fotogalerie img {border: 1px solid #ccc;}

.cesta {font-size: 0.9em; margin: 0 0 10px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 3px 10px;}
.cesta a {margin: 0 3px 0 0;}

table.tHorizontalni {border-collapse: collapse; border: none; font-size: 0.9em; margin: 0 0 10px 0;}
table.tHorizontalni td, table.tHorizontalni th {border-bottom: 3px solid #fff; padding: 3px 7px; vertical-align: top;}
table.tHorizontalni th {font-weight: bold; text-align: left; background: #e8e8e8;}
table.tHorizontalni td {background: #eee;}
table.tHorizontalni th.povinne {color: #3a5c8c;}


table.tVertikalni {border-collapse: collapse; border: none; font-size: 0.9em; margin: 0 0 10px 0;}
table.tVertikalni td, table.tVertikalni th {border-bottom: 3px solid #fff; border-right: 1px solid #fff; padding: 3px 7px;}
table.tVertikalni th {font-weight: bold; text-align: left; background: #e8e8e8; vertical-align: middle;}
table.tVertikalni td {background: #eee; vertical-align: top;}
table.tVertikalni .cena {text-align: right; font-weight: bold; color: #3a5c8c;}
table.tVertikalni .cenabez {text-align: right; color: #777; font-weight: normal;}
table.tVertikalni table th {border-bottom: none; border-right: none; padding: 0px 3px; vertical-align: bottom;}
table.tVertikalni table td {border-bottom: none; border-right: none; padding: 0px 3px; vertical-align: bottom;}


.kroky {border-bottom: 1px solid #3a5c8c; padding: 0 0 0 5px; font-size: 1em; margin: 0 0 20px 0;}
.kroky h2 {display: inline; font-size: 1em; margin: 0 15px 0 0; border: 3px solid #ddd; border-bottom: none; background: #ddd; padding: 0px 5px;}
.kroky h2#aktivni {background: #3a5c8c; color: #fff; border: 3px solid #3a5c8c; border-bottom: none;}
input.ks {width: 20px;}

.textwswg {margin: 15px 0;}

.lista {font-size: 0.9em; margin: 0 0 5px 0; color: #aaa; background: #eee; padding: 2px 15px 2px 15px; text-align: right;}
.lista a {margin: 0 0 0 10px;}
.lista img {vertical-align: middle;}
.lista .zobrazeno {margin: 0 5px;}

form#hledani {background: #ddd; padding: 10px; }
form#hledani table {/*width: 99%; */}
form#hledani td {font-size: 0.9em;}

a.galerie {float: left; width: 156px; font-size: 0.9em; text-align: center; text-decoration: none; margin: 0 0 20px 0;}