body {font-family: Tahoma,Verdana,Arial CE,Arial,sans-serif; font-size: 12px; font-style: normal; color: #000000; background: #FAFA96; background-image: url(img/bg.png); background-repeat: repeat-x; margin: 0; padding: 0; margin-bottom: 10px;}

/* ŠÍŘKA OBSAHU JE 550px */

#cover {min-height: 400px;}
#main-cover {width: 800px; margin: 0 auto; border: 2px solid #669900; border-top: none;}
#zahlavi {background: #EFF0C6; background-image: url(img/zahlavi.gif); height: 200px;}
#logo a {display: block; width: 420px; height: 160px;}
#titulek h1 {text-align: right; font-size: 14px; margin: 8px 20px 0 0; min-height: 30px; text-decoration: underline; color: #669900; float: right; width: 280px;}
#hledani {position: absolute; top: 0; left: 50%; margin: 30px 70px 0px 80px;}
#hledani div#hledani-cont {padding-left: 24px; background-image: url('/img/eyeglass.png'); background-repeat: no-repeat;}
#hledani #pobocka div {margin-top: 10px; padding-left: 24px;}
#hledani div input {width: 160px; height: 14px; margin: 0px; padding: 2px; background: #689B02; color: #F1F9BC; border: 1px solid #F1F9BC; font-size: 13px; vertical-align: middle;}
#hledani div select {background: #689B02; color: #F1F9BC; border: 1px solid #F1F9BC; font-size: 13px; }
#hledani div input.hledat {width: auto; padding: 0 2px; height: 20px;}
#hledani div input.hledat2 {width: auto; padding: 0 2px; margin-top: -3px; height: 20px;}

#obsah-obal {min-height: 100px; background: #EFF0C6; background-image: url('/img/bg-obsah.png');}
#obsah {float: right; padding: 5px 20px 20px 20px; width: 550px; text-align: justify;}
#sidebar {float: left; width: 210px; background: #F2E36E; background-image: url('/img/sidebar-bg.png'); background-repeat: no-repeat;}
#sidebar h2 {padding: 0; margin: 0; color: #669900; font-size: 15px;}
#sidebar h3 {padding: 0; margin: 0;}

#menu {margin-left: 10px; margin-bottom: 10px;}
#menu ul, #menu li {list-style: none; margin: 0; padding: 0;}
#menu ul {position: relative;}
#menu ul li a {display: block; width: 180px; color: #3E5B00; padding-left: 10px; height: 26px; line-height: 26px; font-weight: bold; font-size: 13px; font-family: Tahoma, Arial; text-decoration: none; border-top: 1px solid #FAFA96; border-bottom: 1px solid #669900;}
#menu ul li a:hover {background: #F5E992; color: #000000;}
#menu ul li ul {display: none; position: absolute; margin-left: 160px; margin-top: -26px; border: 1px solid #669900; border-bottom: 0; background: #F0DD55; background-image: url('/img/sidebar-bg.png');}
#menu ul li:hover ul {display: block;}
#menu ul li ul li a {width: 200px; border: 0; color: #3E5B00; border-bottom: 1px solid #669900;}
#menu ul li ul li a:hover {color: #000000;}
#menu ul li a.first {border-top: none;}
#menu ul li a.last {border-bottom: none;}

#sidebar hr {height: 2px; color: #669900; background-color: #669900; border: 0;}

#novinky {padding: 6px 14px 6px 14px;}
#novinky .pub {font-size: 10px; color: #669900; padding: 0 0 6px 0;}
.side_menu {padding: 0 14px;}

#rozcestnik {padding: 6px 14px 6px 14px;}
#rozcestnik div {padding: 8px 0 0 0;}
#rozcestnik ul, #rozcestnik li {padding: 0; margin: 0; list-style: none;}
#rozcestnik ul li ul {display: none;}
#rozcestnik ul li a {display: block; padding: 1px; padding-left: 16px; background-image: url('/img/list-style.png'); background-repeat: no-repeat; background-position: 0 3px; font-size: 11px;}
#rozcestnik ul li a:hover {color: #000000; background-image: url('/img/list-style-hover.png');}
#rozcestnik ul li em {display: block; padding: 1px; padding-left: 16px; background-image: url('/img/list-style.png'); background-repeat: no-repeat; background-position: 0 3px; font-size: 11px;}
#rozcestnik ul li:hover ul {display: block; position: absolute; background: #FAFA96; border: 1px solid black; margin-left: 35px; margin-top: -2px; min-width: 100px; padding: 6px 8px;}
#rozcestnik ul li.odlis a {background-image: url('/img/list-style.gif'); color: #000000;}
#rozcestnik ul li.odlis a:hover {color: #000000; background-image: url('/img/list-style-hover.png');}

#zapati {color: #FFFFFF; background: #668000; border-top: 2px solid #669900; padding: 10px 3px; font-size: 11px; text-align: center;}
#zapati img {vertical-align: bottom;}
#zapati ul, #zapati li {margin: 0; padding: 0 10px;}
#zapati li {list-style: none; display: inline; font-size: 12px; border-left: 2px solid #669900;}
#zapati li.first {border: none;}
#zapati ul li.quick-tel {background-image: url('/img/phone.png'); cursor: help; background-repeat: no-repeat; background-position: 10px 1px; padding-left: 36px;}
#zapati a {color: #FFFFFF; text-decoration: none;}
#zapati a:hover {text-decoration: underline;}

p {margin: 0 0 6px 0; padding: 0;}
a img {border: none;}
hr {height: 1px; color: #000000; background-color: #000000; border: 0;}
strong {font-weight: normal;}
em {font-style: normal;}
span {color: #954A00;}
ul, ol, li {margin: 0; padding: 0;}
ul {margin: 0 0 6px 25px;}
ol {margin: 0 0 6px 35px;}
ul li {list-style: circle;}
ol li ul li {list-style: square;}
acronym {cursor: help;}
fieldset {padding: 6px 10px; border: 1px solid #000000; margin: 0;}
legend {font-weight: bold; padding: 0 10px;}
form {margin: 0; padding: 0;}
dt,dd {margin-bottom: 5px;}

h2, h3 {font-weight: bold; margin: 2px 0 6px 0; padding: 0px;}
h2 {font-size: 13px;}
h3 {font-size: 11px;}

.nezalamovat {white-space: nowrap;}
.r {text-align: right;}
.c {text-align: center;}
.l {text-align: left;}
.fl {float: left;}
.fr {float: right;}
.cleaner {clear: both;}
.u {text-decoration: underline;}
.i {font-style: italic;}
span.u {color: black; text-decoration: underline;}
.ma {margin: 0 auto;}
.o {text-indent: 25px;}
.help {cursor: help;}

a:link {text-decoration: none; color: #000080;}
a:visited {text-decoration: none; color: #000080;}
a:hover {text-decoration: underline; color: #FF0000;}

ul.mezery li, ol.mezery li {padding: 5px 0;}
ul.pohyb li {padding: 3px 0;}
.pohyb h2, .pohyb h3, .pohyb p {margin: 0; padding: 0;}
.pohyb ul {margin: 0; padding: 0; margin-left: 30px;}
.pohyb ul li  {padding: 1px; margin: 0;}
div#nase-vize {text-indent: 20px; line-height: 20px;}
div#titulni {float: right; padding-right: 10px; width: 170px; background: #F2E36E; border: 2px solid #669900; background-image: url('/img/sidebar-bg.png'); margin: 5px 0 5px 15px;}
div#titulni div#rozcestnik {float: right;}
div#poradna_online {clear: both; float: left; margin: 10px 0 5px 10px;}
div#poradna_online img {border: 2px solid #669900;}
div.akce_mesice {border: 2px solid #669900; margin: 0 20px; padding: 10px 10px 3px 10px; background: #F2E36E;}

/* Naše služby */
div#sluzby {width: 100%;}
div#sluzby ul,div#sluzby li {margin: 0; padding: 0; list-style: none;}
div#sluzby li {margin: 10px 20px; border: 2px solid #669900; background: #F2E36E;}
div#sluzby li.prvni {margin-top: 0;}
div#sluzby ul li a {display: block; font-size: 14px; font-weight: bold; color: #3E5B00; text-decoration: none; padding: 10px; background-image: url('/img/sluzby_background1.png'); letter-spacing: 3px;}
div#sluzby ul li a:hover {color: #000000; background-image: url('/img/sluzby_background2.png'); text-align: center;}
div#sluzby ul li a span {display: block; font-size: 12px; font-weight: normal; color: #000000; margin-top: 8px; letter-spacing: 0; text-align: justify;}

/* kontakt */
fieldset.pobocky {border: 1px solid #669900; background: #FAFA96;}
fieldset.pobocky legend {border: 1px solid #669900; padding: 5px 8px; background: #F2E36E;}

/* Kontaktní formulář */
div#kf-wd {width: 310px; text-align: left; color: black;} /* Globální nastavení celkého formuláře */
div#kf-wd div {padding: 5px 0;}
div#kf-wd input, div#kf-wd textarea {width: 300px; background: #FAFA96; border: 1px solid #669900; color: black; padding: 2px 4px;}
div#kf-wd textarea {height: 120px;}
div#kf-wd .checkbox {width: auto; border: 0; margin: 0; padding: 0;}
div#kf-wd div span {cursor: help;}
div#kf-wd div.odeslat {text-align: right;}
div#kf-wd div.odeslat input {width: auto;}
div#kf-wd div.odeslat div {float: left; text-align: center; margin: 0; padding: 0; margin-left: 20px;} /* Nastavení odkazu na WebDilna.cz */
div#kf-wd ul {margin: 10px 0 10px 30px;}
div#kf-wd li {margin: 0; padding: 2px 0; color: #800000;} /* Nastavení zobrazení chybového oznámení */
div#kf-wd .chyba {font-weight: bold; padding-top: 10px;}
div#kf-wd .odeslano {background-image: url('/img/ok.png'); width: 100%; margin: 15px; padding: 10px; padding-left: 80px; background-repeat: no-repeat; font-size: 16px;} /* Nastavení oznámení odeslání zprávy */

/* Administrace */
#rs-wd-news input {background: #DEDEDE; color: #242424; border: 1px solid #242424; margin: 0; padding: 1px 2px; width: 470px;}
#rs-wd-news input.heslo {width: 100px;}
#rs-wd-news input.auto {width: auto; padding: 0;}
#rs-wd-news span {color: #946A58;}
#rs-wd-news div.chyba {padding-left: 50px;}
#rs-wd-news ul.chyba {padding: 5px 0 15px 50px; color: red;}
#rs-wd-news .c {text-align: center;}

/* Anketa */
#anketa {padding: 6px 14px 10px 14px;}
#anketa form {margin: 0; padding: 0;}
div#anketa-wd {width: 100%; margin: 0; text-align: left; padding: 0;}
div#anketa-wd input {margin: 0; padding: 0;}
div.anketa-wd-c {text-align: center;}
div.anketa-wd-otazka {padding: 10px 0 1px 0; cursor: help;}
div.anketa-wd-otazka div {float: right;}
div.anketa-wd-otazka div:hover {font-weight: bold;}
div.anketa-wd-main {width: 100%; border: 1px solid #F5E992;}
div.anketa-wd-pruhy {height: 5px;}
div.anketa-wd-sum {text-align: center; padding-top: 10px; cursor: help;}

/* Search */
div#tip {background: #E8E8FF; margin: 0 20px 0 30px; padding: 4px 4px 4px 10px; border: 2px solid #C0C0C0; border-left: 20px solid #C0C0C0;}
div#sad {background-image: url('/img/sad.png'); background-repeat: no-repeat; height: 40px; padding-left: 60px; margin: 10px 0 0 10px;}

/* Odkazy */
ul#odkazy1 a {font-size: 13px;}
ul#odkazy1 li {padding: 6px 0; list-style: disc; color: #404040;}
ul#odkazy2 a {font-size: 13px;}
ul#odkazy2 li {padding: 6px 0; list-style: disc; color: #404040;}

div.cenik {}
div.cenik ul {margin: 0; padding: 0;}
div.cenik ul li {margin: 0; padding: 0; margin-left: 30px; list-style-type: disc;}
div.cenik ul li ul li {margin: 0; padding: 0; margin-left: 30px; list-style-type: circle;}

div#nasbanner {text-align: center; padding: 5px 0 12px 0;}
div#nasbanner img {border: 1px solid black;}

.pouze_brno {background-image: url('/img/pouze_brno.jpg'); width: 260px; height: 76px; float: right; background-position: 0 -4px;}
.pouze_praha {background-image: url('/img/pouze_praha.jpg'); width: 260px; height: 76px; float: right; background-position: 0 -4px;}
.nzz {background-image: url('/img/nzz.png'); width: 285px; height: 70px; float: right; margin-left: 10px;}

#nas_team h4 {margin: 0; padding: 0; font-size: 14px; color: #669900; margin-bottom: 8px; text-align: center; text-decoration: underline;}
#nas_team span {display: list-item; margin-left: 20px; color: #000000;}
#nas_team a {font-weight: bold;}
.team_l {background: #FAFA96; padding: 6px 10px; margin-right: 15px; border: 2px solid #669900; border-left: 15px solid #669900;}
.team_r {background: #FAFA96; padding: 6px 10px; margin-left: 15px; border: 2px solid #669900; border-right: 15px solid #669900;}

div#email_poradna {width: 506px; margin: 0 auto;}
div#email_poradna input.pole {width: 500px;}
div#email_poradna textarea {width: 500px; height: 200px;}
div#email_poradna div.odeslat {text-align: right;}
div#email_poradna div.chyba {font-weight: bold; padding-top: 10px;}
div#email_poradna div.odeslano {background-image: url('/img/ok.png'); width: 100%; margin: 15px; padding: 10px; padding-left: 80px; background-repeat: no-repeat; font-size: 16px;} /* Nastavení oznámení odeslání zprávy */

#english {border: 1px solid black; width: 28px; height: 14px;}
.tit1 {margin: 10px 0 5px 10px;}
.tit2 {border: 2px solid #669900;}

ol#analyza li {padding: 0; margin: 8px 0;}
ol#analyza li ol li {padding: 0; margin: 0;}

.titulka_tabulka {border: 1px solid #669900;}
.titulka_tabulka td {border: 1px solid #669900;}
.titulka_tabulka td.c {background: #F2E36E;}
.titulka_ridici {clear: both; background: #F2E36E; padding: 10px; border: 2px solid #669900; margin: 0 8px 0 8px;}

.cenik_tabulka {background: #FFFFFF; border: 1px solid #669900;}
.cenik_tabulka td {border: 1px solid #669900;}

#partneri .partneri span {display: none;}
#partneri .partneri a {position: relative;}
#partneri .partneri a:hover span {display: block; position: absolute; left: 0; bottom: 0; white-space: nowrap; padding: 5px; background: black; color: white; z-index: 5;}