/* =-------------------------------------------------- 
Title: TREDOS default css
Author: Jiri Ujcik; ND2Kill@seznam.cz
Copyright: Copyright © 2008 Tredos spol. s r.o.
--------------------------------------------------- */


/* =-------------------------------------------------- 
	RESET
--------------------------------------------------- */

html, body, th, td, form, fieldset {margin: 0; padding: 0; font: 100% tahoma, arial, helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6, p, pre, ul, ol, adress, blockquote {margin: 0; padding: 0;}
li, dd, blockquote {margin: 0;}
img, fieldset {border: 0;}

/* =-------------------------------------------------- 
	LAYOUT
--------------------------------------------------- */

body {background: #32394b url(../gfx/bg.gif) repeat-x; color: #32394b}
div#site {margin: auto; width: 900px; position:relative;}
div#header {height: 205px; background:url(../gfx/header.jpg) top no-repeat}
div#header h1 a {display: block; width: 410px; height: 100px; position: relative; top: 50px; }

div#leftcol {width: 220px; float: left;}
div#nav {width: 220px; height: 252px; margin: 0 0 5px 0; background: url(../gfx/nav.gif);}
div#nav ul {padding: 15px 0 0 0; width: 172px;}
div#nav ul ul {margin: -1px 0 0 0; padding: 1px 0 0 0;background: #fff; width: 211px;}
div#nav ul li {margin: 0 0 2px 10px; list-style: none; text-transform: uppercase; width: 172px;}
div#nav ul li a{display:block; width: 172px; height: 22px; padding: 8px 0 0 28px; text-decoration:none; background: url(../gfx/navigation-li.gif) -200px no-repeat #ffffff ; font-size: 0.7em; font-weight: bold; color: #606a79;}
div#nav ul li a:hover{cursor:pointer; color: #ffffff; background: url(../gfx/navigation-li.gif) #cad2dc}
div#nav ul ul li {margin: 0 0 2px 10px; padding: 0 0 0 0; width: 172px;}
div#nav li {position:relative;}

.menu ul ul {visibility:hidden; position:absolute; top:0; left:190px;}
.menu ul li:hover ul, .menu ul a:hover ul {visibility:visible;}

div#center {width: 470px; float: left; margin: 0 5px;}
div#content {background: #ffffff url(../gfx/content-top.gif) top no-repeat; padding: 16px 20px 0 20px;}
div#content-bot {width: 100%; height: 20px; background: url(../gfx/content-bottom.gif) top no-repeat;}

div#center2 {width: 675px; float: left; margin-left: 5px;}
div#content2 {background: url(../gfx/content2-top.gif) top no-repeat #ffffff; padding: 10px 20px;}
div#content2-bot {height: 20px; background: url(../gfx/content2-bottom.gif) top no-repeat;}

div#rightcol {width: 200px; float: right;}
div#bottom {width: 900px; height: 40px; background: url(../gfx/bottom-bg.gif); clear: both; margin-bottom: 10px;}

div#news {background: url(../gfx/news-bg.gif);}
div#news-bot {height: 15px; background: url(../gfx/news-bg-bottom.gif) bottom; margin: 0 0 5px 0;}

div#copy {position: relative; top: 13px; left: 30px; color: #606a79; font-size: 0.7em; float: left;}
div#sign {position: relative; top: 8px; font-size: 0.7em; width: 80px; float: right; right: 30px;}
div#sign a {position: relative; height: 18px; padding: 5px 0 0 0;display: block; text-decoration: none; color:#b5b9bd; background: url(../gfx/sign.gif) no-repeat right 0;}
div#sign a:hover {background: url(../gfx/sign.gif) no-repeat right -23px; color: #606a79;}

/* =-------------------------------------------------- 
	GLOBAL
--------------------------------------------------- */

span.b {font-weight: bold;}
br.clear {clear: both;}

/* =-------------------------------------------------- 
	INDEX
--------------------------------------------------- */

h1.invi, h2.invi {text-indent:-20000px;}
h4.news-h {display: block; height: 29px; padding-top: 15px; background: url(../gfx/news-bg-top.gif) top no-repeat; font-size: 0.7em; font-weight:bold; text-transform: uppercase; text-align: center; color: #606a79}
div#news p {color: #606a79; font-size: 0.7em; padding: 0 10px 10px 10px; line-height: 1.3em;}
div#news p a {color: #606a79;}
div#news h5 {font-weight: bold; color: #637693; margin: 5px 10px 0 10px; display: block; border-bottom: #637693 1px solid; font-size: 0.7em}
p.nizko {margin: 1em 0; font-size: 0.8em; text-align: center;}
div#amsbus {margin: 0 0 3px 0;width: 220px; height: 70px;}
div#amsbus a {display: block; height: 70px; background: url(../gfx/amsbus.gif); text-indent: -20000px;}
div#podminky {margin: 0 0 3px 0;width: 220px; height: 70px;}
div#podminky a {display: block; height: 70px; background: url(../gfx/podminky.gif); text-indent: -20000px;}
div#content_index {background: #ffffff url(../gfx/content-top.gif) top no-repeat; padding: 16px 20px 0 20px; height: 462px;}
div#content_index p.prvni {margin-top: 1.7em; text-align: center; font-size: 0.8em;}
div#content_index p {margin-top: 0.78em; text-align: center; font-size: 0.8em;}
div#content_index p span {color: darkblue;}
p span.vetsi {font-weight: bold;}
/* =-------------------------------------------------- 
	VOZOVY PARK
--------------------------------------------------- */

div.radek0 {width: 100%; height: 30px; background: #edf0f5; margin-bottom: 4px; text-align:center; font-size: 0.7em; font-weight: bold; border-bottom: #e3e3e3 solid 1px; }
div.radek1 {width: 100%; height: 50px; background: #e4e8ee; margin-bottom: 2px;}
div.radek1-end {width: 100%; height: 50px; background: #e4e8ee;}
div.radek2 {width: 100%; height: 50px; background: #edf0f5; margin-bottom: 2px;}
div.radek2-end {width: 100%; height: 50px; background: #edf0f5;}

div.htyp {float: left; width: 179px; height: 30px; border-right: #ffffff solid 1px; background: #edf0f5;}
div.hobsaditelnost {float: left; width: 89px; height: 30px; border-right: #ffffff solid 1px; background: #edf0f5;}
div.hprislusenstvi {float: left; width: 214px; height: 30px; border-right: #ffffff solid 1px; background: #edf0f5;}
div.hfoto {float: left; width: 89px; height: 30px; border-right: #ffffff solid 1px; background: #edf0f5;}
div.hvice {float: left; width: 58px; height: 30px; background: #edf0f5;}
span.h {position: relative; top: 8px;}

div.typ {float: left; width: 179px; height: 50px; border-right: #f6f6f6 solid 1px;}
div.typ span {display: block; position: relative; top: 17px; left: 10px; font-size:0.8em; font-weight: bold;}
div.obsaditelnost {float: left; width: 89px; height: 50px; border-right: #f6f6f6 solid 1px;}
div.obsaditelnost span {display: block; position: relative; top: 17px; text-align: center; font-size:0.8em;}
div.prislusenstvi {float: left; width: 214px; height: 50px; border-right: #f6f6f6 solid 1px;}
div.prislusenstvi img {position: relative; top: 14px; left: 4px ;margin-right: 1px;}
div.foto {float: left; width: 89px; height: 50px; border-right: #f6f6f6 solid 1px;}
div.foto img {position: relative; left: 3px; top: 3px;}
div.vice {float: left; width: 58px; height: 50px; text-align: center;}
div.vice a {position: relative; top: 13px;  font-size:0.7em; font-weight: bold; color: #32394b;}
div.vice a:hover {color: #5c6784;}

h3.vp {font-size: 1.2em; color: #606a79; margin-bottom: 1em; font-weight:bold;}
ul.vpseznam {font-size: 0.9em; margin: 1em 0 0 0;}
ul.vpseznam li {margin: 0.2em 2em;}

div#vp-obal {height: 260px;}
div#foto {float: right; width: 340px;}
div#foto img {float: left; margin: 5px;}
div#info {float: left;}

a.zpet {position: relative; top: 2em; font-weight: bold; font-size: 0.8em; color: #32394b;}
a.zpet:hover {color: #5c6784;}

/* =-------------------------------------------------- 
	JIZDNI RADY
--------------------------------------------------- */

h3#rady {font-size: 1.2em; color: #606a79; font-weight:bold; margin-bottom: 1em;}
h4.jrh {font-size: 1em; color: #637693; font-weight:bold;}
ul.jrs {margin: 1em 0 1em 2em;}
ul.jrs li {margin: 0.1em 0;}
ul.jrs li a {text-decoration: none; color: #32394b; font-size: 0.8em;}
ul.jrs li span.jrdet {font-size: 0.7em; color:#999999;}
p.note {margin: 1em 0 1em 1em; font-size: 0.9em;}
p.note a {color: #32394b;}

div#olympia {width: 220px; height: 100px;}

/* =-------------------------------------------------- 
	AUTOSERVIS
--------------------------------------------------- */

h3#autoservis {font-size: 1.2em; color: #606a79; margin-bottom: 1em; font-weight:bold;}
h4.autoservis {font-size: 1em; color: #637693; margin: 1em 0; font-weight:bold;}
ul.autoseznam {font-size: 0.9em;}
ul.autoseznam li {margin: 0.5em 2em;}
img.total {margin: 20px 20px 0 27px;}
img.idaco {margin: 20px 0 0 0;}

/* =-------------------------------------------------- 
	PNEUSERVIS
--------------------------------------------------- */

h3#pneuservis {font-size: 1.2em; color: #606a79; margin-bottom: 1em; font-weight:bold;}
h4.pneuservis {font-size: 1em; color: #637693; margin: 1em 0; font-weight:bold;}
ul.pneuseznam {font-size: 0.9em;}
ul.pneuseznam li {margin: 0.5em 2em;}
img.barum {margin: 20px 20px 0 27px}
img.matador {margin: 20px 20px 0 0px}
img.hankook {margin: 20px 20px 0 0px}
.content2-pneu {height: 300px;}

/* =-------------------------------------------------- 
	OBJEDNAVKA
--------------------------------------------------- */

h3#objednavka {font-size: 1.2em; color: #606a79; font-weight:bold; margin-bottom: 2em;}
div#obj {margin: 20px 0 0 0;}
div#obj1 {float:left; width: 17em;}
fieldset#objednavka1 {margin: 0 40px 0 0;}
fieldset#objednavka1 label {display:block; float: left; width: 6em; font-size: 0.8em; font-weight:bold; height: 1.4em; margin-top:1px;}
fieldset#objednavka1 input {margin-bottom: 4px; border: #999999 1px solid; height: 1.2em;  width: 11em;}
fieldset#objednavka2 label {display:block; float: left; width: 14em; font-size: 0.8em; font-weight:bold; height: 1.4em; margin-top:1px;}
fieldset#objednavka2 input {margin-bottom: 4px; border: #999999 1px solid; height: 1.2em;  width: 11em;}
.zahuko {visibility:hidden;}
fieldset#objednavka3 {margin-top: 25px;}
fieldset#objednavka3 label {display:block; float: left; width: 13em; font-size: 0.8em; font-weight:bold; height: 1.4em; margin-top:1px;}
fieldset#objednavka3 select {margin-bottom: 4px; border: #999999 1px solid; width: 15.1em;}
fieldset#objednavka3 input {margin-bottom: 4px; border: #999999 1px solid; height: 1.2em;  width: 25em;}
fieldset#objednavka3 input#poznamka {width: 31.8em;}

p.ico {font-size: 0.8em; margin: 0 0 1em 0;}
span.red {color: #FF0000; font-weight: bold;}

/* =-------------------------------------------------- 
	POTVRZENI OBJEDNAVKY
--------------------------------------------------- */

.poob {font-size: 1.2em; color: #606a79; font-weight:bold; margin-bottom: 2em;}
p.c {font-weight: bold; margin-top: 70px;}
a.zpetpoob {font-weight: bold; font-size: 0.8em; color: #32394b; text-align: center;}
a.zpetpoob:hover {color: #5c6784;}

/* =-------------------------------------------------- 
	KONTAKT
--------------------------------------------------- */

h3#kontakt {font-size: 1.2em; color: #606a79;}
h4.kontakt {font-size: 1em; margin: 1em 0 0 0; font-weight:bold;}
table.kontakt {border: none; text-align: left; font-size: 0.8em; color: #637693; position: relative;}
table.kontakt tr td {color: #32394b}
table.kontakt tr a {color: #32394b}
table.kontakt tr a:hover {color: #637693;}
table.kontakt tr th {width: 6em; font-weight: bold;}
table.kontakt tr th.underline {border-bottom: 1px solid #cccccc;}
table.kontakt tr th h4 {font-size: 1.1em; color: #32394b;}
table.kontakt tr th.pneu {color: #32394b;}
table.ivan {margin: 0 0 0 30px;}
td.vtop {vertical-align: top;}
table.vrch  {margin: 20px 0 20px 0; }