body { text-align: center; color: #4B4B4B; font-family: "Arial CE", "Helvetica CE", Arial, Helvetica, sans-serif; font-size: 80%; background: #F4F4F4; }
#main { margin: 0 auto; width: 900px; text-align: left; background: url(../images/back_in.jpg) repeat-y top center; }
html>body { font-size: 85%; *font-size: 80%; } body:last-child, * html body { font-size: 80%; }

/* ---GENERAL--- */
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, dl, dt, dd { margin: 0; padding: 0; }
ul, ol { list-style: none; }
a img, :link img, :visited img, fieldset { border: none; }

.none { display: none; }
.clear { overflow: hidden; clear: both; }

#header { height: 115px; position: relative; font-size: 1.5em; }
#header span { background: url(../images/header.jpg) no-repeat center; position: absolute; width: 100%; height: 100%; }

#logo { display: block; padding-left: 0; margin: 0; position: absolute; top: 20px; z-index: 60; }
#logo img{ border: 0; }

a, a:link, a:visited, a:active { color: #1558A5; text-decoration: underline; outline: none; }
a:hover { color: #1558A5; text-decoration: none; }


/* ---TOP MENU--- */
#top-menu { position: absolute; top: 75px; margin: 0 auto; padding-left: 313px; z-index: 51; }
#top-menu ul { list-style: none; }
#top-menu li { float: left; margin: 0 0 0 2px; background: url(../images/top_menu_off.jpg) no-repeat; font-weight: bold; text-transform: uppercase; }
#top-menu li a, #top-menu li a:link, #top-menu li a:visited, #top-menu li a:active { display: block; height: 40px; line-height: 40px; vertical-align: middle; width: 110px; text-align: center; color: #fff;; text-decoration: none; }
#top-menu li a:hover { color: #fff; text-decoration: underline; }
#top-menu li.tab { color: #1558A5; background: url(../images/top_menu_on.jpg) no-repeat; display: block; height: 40px; line-height: 40px; vertical-align: middle; width: 110px; text-align: center; }



/* ---RIGHT--- */

#right-col { float: right; width: 675px; }

#right-col h2 { margin: 20px 25px 20px 20px; font-size: 1.8em; color: #1558A5; }
#right-col h3 { margin: 40px 25px 5px 20px; font-size: 1.3em; color: #1558A5; }
#right-col p { margin: 0 25px 15px 20px; line-height: 1.4em; }
#right-col .drob { margin: 10px 25px 15px 20px; font-size: 85%; }
#right-col .drob h2.viz { display: inline; background: none; font-size: 105%; padding: 0; margin: 0; font-weight: bold; color: #4B4B4B; }

#right-col ul { margin: 0 25px 15px 20px; }
#right-col li { margin: 0 20px 5px 20px; list-style: disc; }

#right-col table.table_foto { font-size: 100%; margin: 10px 10px 10px 20px; text-align: center; }
#right-col table.table_foto td { padding: 12px; background: #FCF3F3; text-align: center; }
#right-col table.table_foto td img { text-align: center; }

#right-col .viz_m { width: 630px; height: 126px; margin: 5px 0 15px 20px; background: url(../images/viz_m.jpg) no-repeat; position: relative; }
#right-col .viz_m_foto { float: left; _width: 190px; width: 195px; padding: 5px 0 0 5px; }
#right-col .viz_m_popis { float: right; width: 430px; }
#right-col .viz_m_popis h3 { margin: 0; padding: 4px 5px 0 20px; font-size: 1em; z-index: 30; position: relative; }

#right-col .viz_m_popis dl { padding: 0 30px 0 20px; margin-top: 10px; }
#right-col .viz_m_popis dt { float: left; width: 120px; color: #1558A5; font-weight: bold; padding-top: 2px; }
#right-col .viz_m_popis dd { float: right; width: 260px; padding-top: 2px; }
#right-col .viz_m_popis dd span { color: #BB0420; font-weight: bold; }
#right-col .viz_m_popis p.idecko, #right-col .viz_v_popis p.idecko { margin: 0; font-weight: bold; font-size: 95%; top: 4px; text-align: right; right: 5px; width: 430px; position: absolute; z-index: 20; }
#right-col .viz_m_popis p.editacka { margin: 0; font-weight: bold; font-size: 95%; top: 105px; text-align: right; right: 28px; width: 430px; position: absolute; z-index: 20; }
#right-col .viz_m_popis p.editacka img { vertical-align: middle; }

#right-col .viz_v { width: 630px; height: 201px; margin: 5px 0 15px 20px; background: url(../images/viz_v.jpg) no-repeat; position: relative; }
#right-col .viz_v_foto { float: left; width: 195px; }
#right-col .viz_v_foto img { margin: 15px 0 0 5px; }
#right-col .viz_v_foto p.viz_v_foto_m { margin: 0 7px 0 1px; position: absolute; top: 170px; left: 6px; }
#right-col .viz_v_foto p.viz_v_foto_m img { margin: 0 4px 0 0; }
#right-col .viz_v_popis { float: right; width: 430px; }
#right-col .viz_v h2 { margin: 0; padding: 4px 5px 0 5px; font-size: 1em; color: #BB0420; z-index: 30; position: relative; }

#right-col .viz_v_popis dl { padding: 0 30px 0 20px; margin-top: 10px; }
#right-col .viz_v_popis dt { float: left; width: 120px; color: #1558A5; font-weight: bold; padding-top: 2px; }
#right-col .viz_v_popis dd { float: right; width: 260px; padding-top: 2px; }
#right-col .viz_v_popis dd span { color: #BB0420; font-weight: bold; }

#right-col h3.h_item { margin: 20px 25px 0 20px; padding: 0 0 0 10px; font-size: 1em; color: #BB0420; background: url(../images/h_item.jpg) no-repeat; width: 630px; height: 25px; line-height: 25px; vertical-align: middle; }
#right-col .p_item { margin: 0 25px 5px 20px; padding: 10px; font-size: 1em; background: #f4f4f4; }

#right-col div.h_both { margin: 20px 25px 0 20px; font-size: 1em; color: #BB0420; background: url(../images/h_both.jpg) no-repeat; width: 630px; height: 25px; line-height: 25px; vertical-align: middle; }
#right-col div.h_both h2.left, #right-col div.h_both h2.right { text-align: right; font-size: 1.3em; color: #1558A5; float: left; width: 295px; _width: 310px; margin: 0; padding: 0 20px 0 0; }
#right-col div.h_both h2.right { float: right; text-align: left; padding: 0 0 0 20px; }

#right-col-left, #right-col-right { text-align: right; float: left; width: 295px; margin: 20px 0 20px 20px; _margin: 20px 0 20px 10px; }
#right-col-right { float: right; text-align: left; margin: 20px 20px 20px 0; _margin: 20px 10px 20px 0; }

#right-col-left p, #right-col-right p { margin: 0; padding: 10px 0; }
#right-col-left ul { text-align: left; }

#right-col table.refer { font-size: 100%; margin: 10px 0 10px 10px; text-align: center; }
#right-col table.refer td { padding: 5px 5px 0 5px; text-align: center; }
#right-col table.refer td.nadpisovac { padding-bottom: 20px; text-align: center; font-size: 1.2em; font-weight: bold; }
#right-col table.refer td img { text-align: center; }


.form { font-size: 100%;}
.form td { padding: 3px; }
.inputik, .select, .textarea { border: 1px solid #DDDDDD; width: 200px; }
.textarea { height: 100px; }
.chyby { color: #F00; border: 1px solid #F00; padding: 10px; margin-top: 10px; }
.chyby p { color: #F00; font-weight: normal; margin: 0; padding: 0 0 10px 0; }
.chyby ul { margin: 0 0 0 20px; padding: 0; }
.chyby li { color: #F00; font-weight: normal; margin: 0; padding: 0; }

#kontakt_odoslany { color: #21A71E; margin: 50px 10px; font-size: 1.5em; text-align: center; }

.good { color: #21A71E; border: 1px solid #21A71E; margin: 0 20px; width: 514px; }
.good h3 { color: #21A71E; font-size: 1.5em; font-weight: normal; margin: 0; padding: 3px 0; }

/* ---RIGHT PRIDAJ--- */
#right-col-pridaj { float: right; width: 675px; }
#right-col-pridaj h2 { margin: 20px 25px 20px 20px; font-size: 1.8em; color: #1558A5; }
#right-col-pridaj p.right { text-align: right; margin-right: 30px; font-size: 1.3em; color: #1558A5; }
#right-col-pridaj .prdj { margin: 10px 10px 0 20px; *margin: 10px 10px 0 10px; width: 630px; }
#right-col-pridaj table { font-size: 100%; margin: 10px 10px 10px 20px; }

#right-col-pridaj legend { font-size: 100%; padding: 5px; color: #BB0420; background: #f4f4f4; }
#right-col-pridaj input { width: 250px; }
#right-col-pridaj textarea { width: 250px; }
#right-col-pridaj input.mm { width: 25px; }

#right-col-pridaj table.ponuka { font-size: 100%; margin: 10px 10px 10px 20px; width: 630px; border-collapse: collapse; }

#right-col-pridaj table.ponuka tr.vierka { background: #eee; }

#right-col-pridaj table.ponuka th { padding: 5px; text-align: right; background: #E7F4C9; border: 1px dotted #C3C3C3; }
#right-col-pridaj table.ponuka th.left { padding: 5px; text-align: left; }

#right-col-pridaj table.ponuka td { padding: 5px; text-align: right; border: 1px dotted #C3C3C3; }
#right-col-pridaj table.ponuka td.left { padding: 5px; text-align: left; }
#right-col-pridaj table.ponuka td img { vertical-align: middle; }

/* ---LEFT--- */

#left-col { float: left; width: 225px; }

#moje-ponuka { margin: 10px 20px 0 25px; }
#moje-ponuka p { width: 180px; background: #BB0420; color: #fff; padding: 5px 0; text-align: center; font-family: Georgia; font-size: 1.3em; }
#moje-ponuka p a, #moje-ponuka p a:link, #moje-ponuka p a:visited, #moje-ponuka p a:active { color: #fff; text-decoration: none; }
#moje-ponuka p a:hover { color: #fff; text-decoration: underline; }

.search { font-size: 100%; z-index: 1; margin: 10px 20px 0 25px; padding-bottom: 20px; border-bottom: 1px solid #ccc; }
.input { width: 173px; _width: 180px; vertical-align: middle; border: 1px solid #DDDDDD; padding: 1px 3px; height: 18px !important; height /**/:22px; background: #fff; }
.hladaj { vertical-align: middle; margin: 2px 0 0 100px; _margin: 2px 0 0 99px; width: 80px; border: 2px solid #076BB5; background: #076BB5; color: #fff; font-weight: bold; }

#znacka { margin: 0 20px 10px 25px; _margin: 0 20px 10px 25px; }
#znacka li { font-weight: bold; font-size: 1.3em; border-bottom: 1px solid #ccc; background: url(../images/arrow.jpg) no-repeat 164px 10px; }
#znacka li a, #znacka li a:link, #znacka li a:visited, #znacka li a:active { display: block; color: #4B4B4B; padding: 10px 0 10px 25px; width: 155px; _width: 180px; text-decoration: none; }
#znacka li a:hover { color: #4B4B4B; text-decoration: underline; }

#znacka li.tab { background: url(../images/arrow_d.jpg) no-repeat 164px 12px; }
#znacka li.tab a, #znacka li.tab a:link, #znacka li.tab a:visited, #znacka li.tab a:active { color: #1558A5; display: block; padding: 10px 0 10px 25px; width: 155px; _width: 180px; text-decoration: none; }
#znacka li.tab a:hover { color: #1558A5; text-decoration: underline; }
#znacka li.tab ul { margin: 0 0 0 30px; }
#znacka li.tab ul li { border-bottom: none; background: none; }
#znacka li.tab li a, #znacka li.tab li a:link, #znacka li.tab li a:visited, #znacka li.tab li a:active { background: none; color: #1558A5; display: block; padding: 10px 0; width: 145px; text-decoration: none; font-size: 0.7em; }
#znacka li.tab li a:hover { color: #1558A5; text-decoration: underline; }

#znacka li ul { margin: 0 0 0 30px; }
#znacka li ul li { border-bottom: none; background: none; font-weight:normal; }
#znacka li li a, #znacka li li a:link, #znacka li li a:visited, #znacka li li a:active { background: none; color: #1558A5; display: block; padding: 10px 0; width: 145px; text-decoration: none; font-size: 0.7em; }
#znacka li li a:hover { color: #1558A5; text-decoration: underline; }

#znacka li a.honda { background: url(../../../files/loga/honda.jpg) no-repeat 0 0.6em; }
#znacka li a.subaru { background: url(../../../files/loga/subaru.jpg) no-repeat 0 0.6em; }
#znacka li a.toyota { background: url(../../../files/loga/toyota.jpg) no-repeat 0 0.6em; }
#znacka li a.mitsubishi { background: url(../../../files/loga/mitsubishi.jpg) no-repeat 0 0.6em; }
#znacka li a.mazda { background: url(../../../files/loga/mazda.jpg) no-repeat 0 0.6em; }
#znacka li a.nissan { background: url(../../../files/loga/nissan.jpg) no-repeat 0 0.6em; }
#znacka li a.bmw { background: url(../../../files/loga/bmw.jpg) no-repeat 0 0.6em; }
#znacka li a.saab { background: url(../../../files/loga/saab.jpg) no-repeat 0 0.6em; }

#left-col .lizink { margin: 0 0 0 40px; padding: 0; height: 51px; width: 142px; border: 1px solid #E5E5E5; }

/* #jazyky { position: absolute; top: 5px; margin: 0 auto; text-align: right; width: 812px; z-index: 51; } */

#footer_img { margin: 0 auto; background: url(../images/footer.jpg) no-repeat; width: 900px; height: 16px; overflow: hidden; clear: both; }
#footer img { vertical-align: middle; }
#footer p { padding: 5px 0; font-size: 85%; text-align: center; }