/**
 * CSS screen style MegaCars.cz
 */

/* HTML ELEMENTS */

html body {
	background: white url('../images/body_bg.gif') repeat-x;
	margin: 3em 0em 2em;
	font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif;
	font-size: .7em;
	color: #222;
	line-height: 1.55em;
}

p {margin: 1em 0em;}

a {color: #069; text-decoration: underline;}
a:hover {text-decoration: none;}

a img {border: none;}

a.key {background: url('../images/key.gif') no-repeat 0px 1px; padding-left: 27px;}
a.ld {background: url('../images/horsefish.gif') no-repeat; padding-left: 23px;}
a.button {background-color: #027db8; color: white; padding: 1px 2px;}

div.clear {clear: both;}

form {}
form fieldset {border: 0px;}
form fieldset legend {}

input, select, textarea, button {font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif; font-size: 1em;}
textarea {width: 240px; height: 90px;}

.right {text-align: right;}
.center {text-align: center;}

h1 {margin: 0.7em 0 0.5em 0; font-family: Tahoma, 'Geneva CE', lucida, sans-serif; font-weight: bold; font-size: 1.6em; letter-spacing: 1px;}
h2 {margin: 0.7em 0 0.5em 0; font-family: Tahoma, 'Geneva CE', lucida, sans-serif; font-weight: bold; font-size: 1.3em; letter-spacing: 1px;}

/* LAYOUT DESIGN */

#mother {width: 829px; margin: 0 auto; position: relative;}

#top {}
#top img {}
#top #links {float: right; width: 300px; margin-top: -18px; text-align: right;}

#menu {background: url('../images/menu_bg.gif') no-repeat; height: 24px; margin-top: 10px;}
.menu2 {display: block; text-align: center; width: 100%; line-height: 30px; border: 1px solid #046693; background-color: #f0f0f0; margin: 10px 0; padding: 15px auto; }


ul.topmenu {margin: 0; padding: 0;}
ul.topmenu li.menuset {list-style-type: none; float: left; border-right: 1px solid #1aa4d3;}
ul.topmenu li.menuset a {display: block; padding: 3px 5px; /*border-left: 1px solid #1a97c7;*/ border-right: 1px solid #0776a6; 
	font-weight: bold; color: white; background: url('../images/menu_li.gif') no-repeat 0px 10px; margin-left: 0px; padding-left: 19px;
	background-position: 7px center;}
ul.topmenu li.menuset a:hover {}

ul.topmenu li.menuset ul {margin: 0; padding: 0; position: absolute; z-index: 1;}
ul.topmenu li.menuset ul li {display: none; margin: 0px; background: url('../images/menu_bg.gif') repeat-y -660px 0px; }
ul.topmenu li.menuset:hover ul li, ul.topmenu li.menuset.hover ul li {display: block;}

ul.topmenu li.menuset ul li a {border: none; font-weight: normal; margin-left: 0px; padding-left: 19px; 
	border-top: 1px solid #109bcb; border-bottom: 1px solid #1cb9ee; background-position: 7px center;}
ul.topmenu li.menuset ul li a:hover {}

ul.topmenu li.item1 {border-right-color: #1a96c9;}
ul.topmenu li.item1 a {border-right-color: #0777a6;}
ul.topmenu li.item2 {border-right-color: #1a96c9;}
ul.topmenu li.item2 a {border-right-color: #0777a6;}
ul.topmenu li.item3 {border-right-color: #17a8d7;}
ul.topmenu li.item3 a {border-right-color: #0a7faf;}
ul.topmenu li.item4 {border-right-color: #17a8d7;}
ul.topmenu li.item4 a {border-right-color: #0c88b8;}
ul.topmenu li.item5 {border-right-color: #1ab8f5;}
ul.topmenu li.item5 a {border-right-color: #0e92c2;}
ul.topmenu li.item6 {border-right-color: #1ab8f5;}
ul.topmenu li.item6 a {border-right-color: #109aca;}
ul.topmenu li.item7 {/*border-right-color: #1cb9ee;*/ border-right: none;}
ul.topmenu li.item7 a {/*border-right-color: #12a2d2;*/ border-right: none;}

/* IE 5,6 - use this in <head>
<!--[if lt IE 7]>
...
<![endif]-->
*/
ul.topmenu li.menuset {color: expression(
    this.onmouseover = new Function("this.className += ' hover';"),
    this.onmouseout = new Function("this.className = this.className.replace(' hover', '')")
  );
}


#content {border-top: 1px solid #046693; border-bottom: 5px solid #027db8;}

/* BANNERS */
/*
#banners {margin: 1.6em 180px 1.2em;}
#banners div.banner_big {}
#banners div.banner_text {text-align: center; padding: 0px; display: inline;}
#banners div.marginer {margin: 0em 0em;}
*/
#banners {position: relative; margin: 1.6em 0em 1.4em; width: 100%;}
#banners #skyabs {position: absolute; top: -42px; right:-170px; border: 1px solid #ddd; width: 160px; height: 600px;}
#banners div.banner_big {text-align: center;}
#banners div.banner_big div {width: 750px; text-align: center; margin: 0 auto;}
#banners div.bannery_txt_all {margin-left: 478px; /*468px + 10px mezera*/}
#banners div.banner_text {text-align: left; border-right: 0px solid #046693; padding: 1px 0px;}
#banners div.banner_text a {background-color: white; padding: 1px;}
#banners div.banner_text a:hover {background-color: #f0f0f0;}
#banners div.marginer {margin: 0em 0em;}
#banner_small {text-align: center; margin: .5em 0em; width: 100%;}
#banner_small img {margin: 0em .9em;}


/* CONTENT - homepage quick search */
#content #quicksearch {border-top: 1px solid white; border-bottom: 1px solid white;}
#content #quicksearch .searchbox {width: 275px; height: 217px; float: left; border-right: 1px solid #046693;}
#content #quicksearch .searchbox table {width: 100%; margin-top: 8px; table-layout: fixed;}
#content #quicksearch .searchbox table tr td {padding: 1px 8px;}
#content #quicksearch .searchbox table tr td.label {width: 67px; overflow:hidden; padding-right: 0px;}
#content #quicksearch .searchbox table tr td table.last {margin-top: 7px;}
#content #quicksearch .searchbox table tr td table.last tr td {padding: 0;}
#content #quicksearch .searchbox table tr td table.last tr td.right { text-align: right;}
#content #quicksearch #ojeta_vozidla {border-left: 1px solid #046693; background: url('../images/srch_bg1.jpg') no-repeat;}
#content #quicksearch #nova_vozidla {background: url('../images/srch_bg2.jpg') no-repeat;}
#content #quicksearch #motocykly {background: url('../images/srch_bg3.jpg') no-repeat;}
#content #quicksearch .searchbox a {font-weight: bold; font-size: .9em;}
#content #quicksearch .searchbox form {margin: 0px;}
#content #quicksearch .searchbox form fieldset {border: none; margin: 0px; padding: 0px;}
#content #quicksearch .searchbox select {font-size: .9em;}
#content #quicksearch .searchbox select.quickwide {width: 178px;}
#content #quicksearch .searchbox select.quickwide_half {width:  47%;}

#content .oblibene {text-align: center;}

/* CONTENT - document */
#content #document {background: url('../images/doc_bg.jpg') no-repeat; min-height: 200px; padding: 1em 1.8em 1.5em; position: relative;}
#content #document h1 {margin: 0em 0em 1em; font-family: Verdana, 'Geneva CE', lucida, sans-serif; font-weight: normal; font-size: 1.6em; letter-spacing: 1px;}
#content #document h2 {font-family: Verdana, 'Geneva CE', lucida, sans-serif; font-weight: bold; font-size: 1.4em;}
#content #document h3 {font-weight: bold; font-size: 1.3em; margin-bottom: .8em;}

.kontakt .column {width: 250px; float: left; position: relative; top: -1em; *margin-top: .5em;}
.kontakt img.bordered {padding-top: 1px; border-top: 2px solid #aaa; float: right; background-color: white; position:relative; z-index: 1;}

/* Katalog firem nahled table */
table.katalog {width: 100%; border-collapse: collapse; border-top: 1px solid #046693; border-bottom: 2px solid #046693;}
table.katalog tr {}
table.katalog tr th {text-align: left; background-color: #b3dcef; padding: 2px 3px;}
table.katalog tr td {background-color: #fff; border-bottom: 1px solid #999; padding: 2px 3px;}
table.katalog tr td.nazev {width: 35%;}
table.katalog tr td.mesto {width: 20%;}
table.katalog tr td.email {width: 20%;}
table.katalog tr td.web {width: 20%;}
table.katalog tr td.detail {width: 5%;}

/* Prouzek info nad tabulkou vyhledanych vozu */
div.zobrazeno {background-color: #e9e9e9; margin: 8px 0px; width: 100%;}
div.info {width: 500px; padding: 2px 3px; float:left;}
div.nove_hledani {width: 200px; padding: 2px 3px; float:right; text-align:right;}

table.search {width: 100%; border-collapse: collapse; margin: 1px 0px; border-top: 1px solid #046693; border-bottom: 2px solid #046693;}
table.search tr th {background-color: #fff; border-bottom: 2px solid #046693; padding: 3px 3px;}
table.search tr td {padding: 1px 3px; border-bottom: 1px solid #999; line-height: 135%;}
table.search tr th.left, table.search tr td.left {text-align: left;}
table.search tr td.inf {width: 21px; padding: .5em; vertical-align: middle;}
table.search tr td a.detail {font-weight: bold;}
table.search tr.lichy td {background-color: #fff;}
table.search tr.sudy td {background-color: #f0f0f0;}
table.search tr.gradient td {background: url('../images/rowbg.gif') repeat-x; cursor: hand; cursor: pointer;}

div.pages {text-align: center; margin: .5em;}
div.pages a {margin: 0px 1px; padding: 1px 3px; border: 1px solid #046693; background-color: white; text-decoration: none;
	font-weight: bold;}
div.pages a.active {background-color: #046693; color: white;}
div.pages a:hover {background-color: #b3dcef; color: black;}

.katalogdetail {width: 250px; margin-right: .5em; float: left; position: relative; top: -1em;}

div.acctyp {width: 100%;}
div.acctyp img {display: block; float: left; margin: 1em 0em; margin-right: 4.5em;}

form.registrace {margin-top: 2em;}
form.registrace fieldset {display: block; margin: 1em auto; width: 50%; border: 1px solid #ccc;}
form.registrace fieldset legend {margin-bottom: .5em;}
form.registrace table {}
form.registrace table tr td {padding: 1px 2px; vertical-align: top;}
form.registrace table tr td.label {text-align: left; width: 120px; font-weight: normal;}
form.registrace table tr td.req {color: #ffaa42;}

form.katalog {}
form.katalog fieldset {margin: 1em auto; padding: 0; width: 300px;}
form.katalog fieldset table {}

div.error {width: 50%; margin: 2em auto 0em; padding: 1em 0.5em; border-top: 1px solid #f00; border-bottom: 1px solid #f00;}
div.error span.label {font-weight: bold; color: red;}
div.success {width: 50%; margin: 2em auto 0em; padding: 1em 0.5em; border-top: 1px solid #0f0; border-bottom: 1px solid #0f0;}

form.srchform fieldset {border: 1px solid #ccc; margin-bottom: 1em; padding: .5em;}

table.vfields {width: 100%; border-collapse: collapse; margin-bottom: 1.5em;}
table.vfields tr td {vertical-align: bottom;}
table.vfields tr td select {width: 95px;}

div.vblock {width: 180px; float: left;}

table.vsort {width: 100%; margin: 0em; border-bottom: 0px solid #046693;}
table.vsort input {margin-bottom: -.5em;}

/* FOOT */

#foot {margin-top: 3.5em; color: #999; text-align: center; font-size: .9em;}
#foot a {color: #999;}
#foot .langs {margin: 1em 0em;}
#foot .links {margin: 1em 0em;}
#foot .copywrite {line-height: 1.4em;}

#index-content {background: transparent url('../images/body_bg.gif') 0 0 repeat-x; padding: 10px;}
#index-content h2 {font-size: 1em;}

#index-content table.search {width: 100%; border-collapse: collapse; margin: 1px 0px; border-top: 1px solid #046693; border-bottom: 2px solid #046693;}
#index-content table.search tr {overflow: hidden; height: 29px;}
#index-left {
  float: left;
  width: 550px;
}

#index-right {
  float: right;
  border-left: 1px solid #ddd;
  width: 240px; _width: 250px;
  padding: 0 0 0 10px;
}

.znacky-box {float: left; width: 190px;}
