body {color:black;background-color:white;font-family: Calibri, sans-serif;}
a, a:visited {color:blue;text-decoration:underline}
a img {border: none;}

h1 {color:red}
h2 {color:black}

table {border:0;width:100%;border-collapse:collapse}
th {text-align:left;border-bottom:1px solid white;background-color:#F1F5F5;padding:2px 5px;}
td {padding:2px 5px;border-bottom:1px solid #F1F5F5;border:1px solid #F1F5F5;}
tr.suda td {border-bottom:1px solid silver;}

ul {padding: 0;}
li {padding-left:30px;background: url('/images/bullet_yellow.png') 5px 3px no-repeat; list-style-position: outside;list-style-type:none ;}

.cistic {clear: both;visibility: hidden;height: 0;padding: 0;margin: 0;}

.upozorneni {border:2px solid orange;background-color:#FFE4AF; padding:10px 40px 10px 15px;font-weight:bold;position: relative;}
.upozorneni .cancel {position: absolute; right: 10px; top: 8px}

.form {margin:10px 0; padding: 0 10px;border:1px solid #F0F0F0;background-color:#FAFAFA}
.form h3 {margin:5px 0; color: orange}
.form input, .form textarea {width: 100%;}
.form .editable {border:1px solid #F0F0F0;padding: 2px;}
.form .editable:focus {border-color:orange}
.form .btn input {width: 10em}
.form th {vertical-align: top;border: 0; background: transparent;}
.form td {border: 0;}

/* zakladni prvky stranky*/
#page {width: 600px;margin:45px auto 0 auto;padding-right:200px;}

#prejit, #znacka {position:absolute;top:-100px;}

#logo {position:absolute;margin:10px 0 0 -100px}
#logo span {display:block;height:76px;width:76px;background: white url('/images/logo.png') 0 0 no-repeat;position:absolute;top:0;left:0}

#paticka {color:silver;text-align:center;border-top:1px solid silver;margin-top:30px;padding-top:5px;font-size:0.8em}
#paticka a {color:silver}
#paticka a:hover {color:black}

#obsah {margin: 0 10px 0 0}

/* navigace */
#navigace {position:absolute;top:5px;left:0px;width:100%;height:35px;text-align:center;background:#fff url(/images/menu.bg.gif);border-bottom:1px solid #444;}
#navigace .menu_list {width:850px;margin:0 auto;list-style:none;height:35px;position:relative;}
#navigace .menu_list li {float:left;list-style-image: none;padding: 0; background-image: none;}
#navigace .menu_list li a, #navigace .menu_list strong {display:block; float:left; height:35px;line-height:35px;color:white;text-decoration:none;font-weight:bold;text-align:center;padding-left:8px;cursor:pointer;}
#navigace .menu_list li a span, #navigace .menu_list strong span {float:left; display:block;padding:0 16px 0 8px;}
#navigace .menu_list strong span {cursor: default;}
#navigace .menu_list li a:hover {color:#fff; background:#000 url(/images/menu.bg-hover.gif);}
#navigace .menu_list li a:hover span {background:url(/images/menu.bg-hover.gif) no-repeat right top;}
#navigace .menu_list strong {color:#fff; background:url(/images/menu.bg-active.gif);}
#navigace .menu_list strong span {background:url(/images/menu.bg-active.gif) no-repeat right top;}
#navigace h2 {display:none}

#bread {padding-top: 10px;}

/* postrani sloupecek */
#sloupecek {position:absolute;top:43px;margin-left:600px;width:200px;}

#sloupecek .cistic {visibility:hidden;height:1px;clear:both}
#sloupecek ul {list-style-type:none;padding:0;margin:0}
#sloupecek h2 {margin:0;padding:5px;font-size:1.1em;background-color:#F5F5F5;border:1px solid silver}

#sloupecek .novinka {margin:2px 0;padding:5px;border:solid silver 1px}
#sloupecek .novinka h2 {margin:0;padding:0;font-size:1.0em;background-color:transparent;border:0}
#sloupecek .novinka a:hover {color:red}
#sloupecek .novinka p {margin:0}

#sloupecek .znacky li {display:block;clear:left;margin:2px 0;list-style-image: none;padding: 0;background-image: none;}
#sloupecek .znacky a {display:block;border:1px solid silver;text-decoration:none;line-height:30px;padding-left:40px;position:relative}
#sloupecek .znacky a:hover, #sloupecek .znacky a.active {border-color:blue;}
#sloupecek .znacky img {width:25px;height:25px;position:absolute;left:2px;top:0px;border:0;border-right:1px solid silver;padding:2px}

#sloupecek .znacky li li a {border:0;text-decoration: underline;}
#sloupecek .znacky li li a:hover {background-color: transparent;color: red;}

#sloupecek .dalsi_sluzby li {background: url('/images/bullet_orange.png') 10px 7px no-repeat;}

/*
#sloupecek .provozovny_podle_znacky {position:absolute;margin-top:-32px;margin-left:-202px;padding:0;background-color:#FAFAFA;width:200px;border-top:1px solid silver;}
#sloupecek .provozovny_podle_znacky li {border-bottom:1px solid white;background: transparent url('/images/bullet.png') 15px 9px no-repeat;}
*/
#sloupecek .provozovny_podle_znacky {padding:0;width:200px;border: 0;}
#sloupecek .provozovny_podle_znacky li {background: white url('/images/bullet_green.png') 10px 7px no-repeat;}

#vedlejsi_sloupecek {position:absolute;top:0;left:207px;width:200px}
#vedlejsi_sloupecek .clanky_list {margin:0;padding:0;}
#vedlejsi_sloupecek .clanky_list li {margin:2px 0;padding:5px 5px 5px 32px;border:1px solid silver;background:transparent url('/images/bullet_yellow.png') 8px 8px no-repeat}
#vedlejsi_sloupecek p.full_list {margin:0;text-align:right}


/* ojete vozy */
.prehled {list-style-type:none;padding:0 10px 0 0;}
.prehled li {display:inline;margin: 0 5px;background-image: none;padding: 0;}

.ojetina {width:50%;float:left;}
.ojetina a {display:block;border:1px solid silver;padding:10px;margin:-15px 15px 0 0;height:100px;text-decoration:none;}
.ojetina a:hover {border-color: orange; /* background-color:#FFFFCC */}
.ojetina img {display:block;float:left;margin:-5px 10px -5px -5px;border: 0;}
.ojetina .titulek {text-decoration:underline;font-weight:bold}
.ojetina a span.cena, .ojetina a span.perex {display:block;color:black;}
.ojetina .cena {font-style:italic}

.fotky .fotka img {border:1px solid silver;margin:3px}
.fotky .fotka a:hover img {border-color:orange}


/* maps */
.mapa_az-auto {width:580px; height:440px;margin-top:10px;}
.map_info {font-size:12px;overflow:auto;max-height:280px}
.map_info hr {width: 100px;border-color:black;}
.map_info .logo_znacky {float:left;position:relative;left:-8px;width:50px;height:50px;border: 0;}
.map_info .info_control {text-align:right}

/* provozovny */
.seznam_provozoven {margin: 10px 0}
.seznam_provozoven img {border:0;float:left;margin-right:12px;}
.provozovna_list {margin:20px 0;}
.logo_znacky {position:absolute; left:auto;top:160px;margin-left:-88px}
.fotka img {border: none;float: left;padding: 10px;}
.marker .logo_znacky {position:static;margin:0 10px 0 0;}


#googleTranslate {position:absolute; top:250px; margin-left:-110px;background-image: none;text-align:right;font-size:small;width:95px}
#googleTranslate h2 {text-align:left;font-size:small}
#googleTranslate h2, #googleTranslate ul {margin:0;border-bottom:1px dotted black;}
#googleTranslate li {background-image: none;padding:0;}
#googleTranslate a {text-decoration:none;/* opacity:0.4;*/ display:block;margin-top:2px;padding:2px}
#googleTranslate a:hover {/* opacity:1;*/ border-left: 4px solid silver}
#googleTranslate a img {position:relative;top:1px}
#googleTranslate a.googleTranslate_selected {background-color:#FFFACD}