html { background: #4E4E4E url(images/bg.gif) repeat-x; }

img { border: 0; }
* {	font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif; margin: 0; padding: 0; }

a { text-decoration: underline; color: #7D7D7D; text-decoration: underline; }
a:hover { text-decoration: none; }

body { font-size: 0.75em; color: #999; }

#main 
{
	margin: auto;
	position: relative;
	width: 808px;
	background: #181818; 
}

#skipToContent { display: none; }

#logo { float: left; padding: 10px 0 0 0; }


#menu, #register, #info, #top { overflow: hidden; }

#top { background: url("images/content-top.gif") repeat-x; width: 808px; height: 122px; color: #ccc; }
#top a { color: #ccc; font-weight: bold; }
#top a.white { color: #fff; }
#info { float:left; margin-top: 16px; padding-right: 10px; display: block; font-size: 0.9em; }
#info .nadpis { color: #a3ff00; font-weight: bold; }

#pohotovost { font-size: 1.0em; color: #ddd; }
#pohotovost .nadpis { color: #a3ff00; font-weight: bold; font-size: 1.1em; }

#top #info p { line-height: 1.1em; }
#register { //float: left; margin-top: 20px; padding: 15px 10px 15px 15px; border-left: 1px solid #9a9a9a; display: block; }
#top #register p { line-height: 1.7em; }

#menu { background: url("images/menu.gif") no-repeat; width: 808px; height: 38px; }
#menu ul { list-style-type: none; padding-left: 215px; }
#menu li { float: left; padding: 11px 20px 0 15px; background: url("images/menu-separator.gif") bottom right no-repeat;}
#menu li a { color: #fff; font-weight: bold; text-transform: uppercase; }
#menu li.active a { color: #98CB3D; font-weight: bold; text-transform: uppercase; }
#menu li.activelast a { color: #98CB3D; font-weight: bold; text-transform: uppercase; }
#menu li.last { float: left; padding: 11px 0px 0 15px; }
#menu li.activelast { float: left; padding: 11px 0px 0 15px; }


#content { margin-top: 1px; }
#col-left { float: left; }
#col-right { float: right; width: 565px; color: #ccc; padding: 10px; }
#col-right ul.categories li { margin: 3px 0 3px 5px; list-style-type: none; }
#col-right li { margin: 3px 0 3px 15px; }
#col-right a { color: #eee; }
#col-right p { margin-bottom: 10px; }
#right { float: right; width: 585px; color: #ccc; }
#col-right h1 { font-size: 1.4em; color: #8AA659; }
#col-left ul { list-style-type: none; width: 222px; }
#col-left ul .menuItem { background: url("images/menu_a.gif"); width: 222px; height: 21px; padding-top: 4px; //padding-top: 2px; border-top: 1px solid #353434; }
#col-left ul .menuItem a { display: block; width: 180px; height: 22px; padding: 1px 0 0 40px; text-decoration: none; color: #fff; }
#col-left ul .menuItem a:hover, .subMenuItem a:hover { text-decoration: underline; }

.submenu { background: none; border-bottom: 1px solid #e0dbd7; font-size: 1.1em; margin-bottom: -1px; }
.subMenuActive { background: url("images/submenu.gif") no-repeat; width: 222px; height: 24px; padding-top: 4px; margin-bottom: -6px; border-top: 1px solid #353434; }
.subMenuActive strong { padding-left: 40px;padding-bottom: 5px; color: #fff; }
.subMenuItem { background: #3E3D3D; border-left: 28px solid #222222; padding: 2px 2px 5px 8px; width: 183px; }
.subMenuItem a { color: #A3FF00; display: block; margin-left: 5px; font-weight: normal; text-decoration: underline; width: 178px; }
.subMenuItem a:hover { text-decoration: none; }

label { cursor: pointer; }
#newsletter { padding: 10px 0; text-align: center; line-height: 1.2em; }
#newsletter p { padding: 3px 0; }
.hotnew { float: left; height: 172px; background: #403f3f; width: 186px; margin-right: 5px; margin-bottom: 10px; border: 2px solid #828282; }
.hotnew a { color: #cdcdcd; }
.hotnew h1 a { color: #fff; font-size: 1em; }
.hotnew h1 { font-size: 1em; padding: 2px 5px; height: 57px; overflow: hidden; }
.hotnew img { padding-bottom: 5px; }
.hotnew .more { background: #2a2a2a; padding: 5px 0; width: 180px; float: left; padding-left: 5px; }
.hotnew .more small { float: left; }
.hotnew .more a { float: right; padding-right: 5px; }

#logos { clear: both; background: url("images/logos-bg.gif") repeat-x; height: 62px; padding-top: 30px; padding-left: 35px; }
#logos a { margin: 0 112px; }
a#mercedes { display: block; background: url("images/logos/mercedes_black.gif"); width: 100px; height: 52px; float: left; margin-left: 0px; }
a#mercedes:hover { background: url("images/logos/mercedes_black.gif"); width: 100px; height: 52px; }

a#dodge { display: block; background: url("images/logos/dodge_black.gif"); width: 100px; height: 52px; float: left; }
a#dodge:hover { background: url("images/logos/dodge_black.gif"); width: 100px; height: 52px; }

a#chrysler { display: block; background: url("images/logos/chrysler_black.gif"); width: 100px; height: 52px; float: left; }
a#chrysler:hover { background: url("images/logos/chrysler_black.gif"); width: 100px; height: 52px; }

a#jeep { display: block; background: url("images/logos/jeep_black.gif"); width: 100px; height: 52px; float: left; }
a#jeep:hover { background: url("images/logos/jeep_black.gif"); width: 100px; height: 52px; }

a#mitsubishi { display: block; background: url("images/logos/mitsubishi_black.gif"); width: 100px; height: 52px; float: left; }
a#mitsubishi:hover { background: url("images/logos/mitsubishi_black.gif"); width: 100px; height: 52px; }

a#smart { display: block; background: url("images/logos/smart_black.gif"); width: 100px; height: 52px; float: left; margin-right: 0; }
a#smart:hover { background: url("images/logos/smart_black.gif"); width: 100px; height: 52px; }

#footer { float: left; background: url(images/footer.gif) repeat-x; height: 29px; font-size: 0.9em; width: 808px; }
#footer .copy { padding: 8px 41px; float: left; }
#footer .map { float: right; padding: 8px 41px; }
#footer .map img { vertical-align: middle; }

ul.motomenu li { display: block; width: 150px; list-style-type: none; }
ul.motomenu li.active a { display: block; width: 150px; padding: 5px 10px; background: #333; color: #333; }
ul.motomenu li a { display: block; width: 150px; padding: 5px 10px; background: #666; color: #333; }
ul.motomenu li a:hover { display: block; width: 150px; padding: 5px 10px; background: #333; color: #fff; }

ul.technicke-udaje li { float: left; display: block; width: 170px; list-style-type: none; border-right: 7px solid #000; font-size: 0.85em; }
ul.technicke-udaje li.active a { display: block; width: 170px; padding: 5px 10px; background: #333; color: #333; }
ul.technicke-udaje li a { display: block; width: 170px; padding: 5px 10px; background: #666; color: #333; }
ul.technicke-udaje li a:hover { display: block; width: 170px; padding: 5px 10px; background: #333; color: #fff; }

.box-info { padding: 5px; border: 1px solid #454545; background: #333; }
.box-info p { padding-bottom: 10px; }
table td { border: 1px solid #999; padding: 3px 5px; }

#navigation h1 { font-size: 1em; display: block; width: 96%; padding: 5px 10px; border: 1px solid #454545; background: #333; color: #aaa; margin-bottom: 5px; }
.cleaner { clear: both; }

fieldset { padding: 10px; border: 2px solid #333; background: url('images/bg/fieldset.gif') bottom left repeat-x; }
fieldset legend { padding: 10px; color: #ccc; font-weight: bold; }
fieldset label { float: left; width: 120px; }
/*fieldset input, #kontaktny-formular textarea { margin: 3px 0; padding: 2px; font-size: 1em; }*/

#kontaktny-formular textarea { width: 150px; }
#kontaktny-formular strong, #kontakt strong { color: #fff; }
#kontaktny-formular fieldset { width: 310px; }

#kontakt { font-size: 1.1em; line-height: 1.5em; }
.registracia td { border: 0px; margin: 0 5px; }

.kamera_view { width: 560px; text-align: center; }
.kamera_view img { margin-left: 15px; padding: 2px; border: 3px solid #454545; }

.inzerat p { margin-bottom: 10px; }
.popis { background: #282828; }
.bg { background: #222; }
.bg3 { background: #333; }

optgroup { color: #fff; background: #000; font-style: normal; padding: 2px; }
select { padding: 2px; }

.required { background: #FFFAAF; }

.nadpis { margin-bottom: 10px; }
.product select { width: 100px; text-align: center; }
.product { float: left; width: 550px; margin-bottom: 15px; padding: 10px 5px 15px 5px; border-bottom: 1px #666 dashed; border-right: 1px #666 dashed; background: #272727; }
.product2 { float: left; width: 300px; margin-bottom: 15px; padding: 10px 5px 15px 5px; border-bottom: 1px #666 dashed; border-right: 1px #666 dashed; background: #272727; }
.product .img { float: left; width: 115px; margin-left: 10px; margin-bottom: 3px; }
.product .img img { padding: 1px; border: 2px solid #444; }
.product .info { float: left; width: 410px; }
.product .info a { font-size: 1.2em; padding: 2px 0; font-weight: bold; }

.box { margin: 5px 0 20px 0; padding: 5px 0px; line-height: 1.4em; color: #ddd; }
.box a { font-weight: bold; font-size: 1.1em; }
.box img { margin: 5px 10px; }
/*
.box { float: left; margin: 5px 0 20px 0; padding: 5px 10px; border-left: 10px solid #333; background: #454545; line-height: 1.4em; display: block; }
.box:hover { margin: 5px 0 20px 0; padding: 5px 10px; border-left: 10px solid #353535; background: #454545; }
.box a { font-weight: bold; font-size: 1.1em; }
*/

#form-x input { padding: 2px; margin: 2px; width: 160px; }
textarea { font-size: 1em; }
.print img { vertical-align: middle; }

a img.ramik, img.ramik { padding: 2px; border: 2px solid #333; margin: 1px 0; }
a:hover img.ramik { padding: 2px; border: 2px solid #555; margin: 1px 0; }


a img.fotoramik, img.fotoramik { padding: 2px; border: 2px solid #333; margin: 1px 0; }
a:hover img.fotoramik { padding: 2px; border: 2px solid #555; margin: 1px 0; } margin: 3px 7px 3px 0; }

.paging {  }
.paging a {padding: 5px; border: 1px solid #CDCDCD; text-decoration: none; font-weight: bold; margin-top: 20px; font-size: 0.8em; line-height: 30px; background-color: #222; } 
.paging a.selected {padding: 5px; border: solid 1px #CDCDCD; text-decoration: none; font-weight: bold; margin-top: 20px; background-color: #555;}
.paging a:hover { color: #000; background: #555; text-decoration: none;}

#basket-navigation td { background: #444; padding: 5px 10px; border: 0; border-right: 3px solid #181818; }
#basket-navigation td.active { background: #555; padding: 5px 10px; border: 0; border-right: 3px solid #181818; }
#basket-header td, #basket-products td { background: #444; padding: 5px 10px; width: 100px; border: 0; text-align: center; }
#basket-header td { background: #555; }
#basket-products input { text-align: center; }
#basket-summary { background: #555; width: 565px; }
#basket-summary input { padding: 5px 10px; margin: 0 10px; }
#prices td { border: 0; padding-top: 4px; }
#prices td strong { font-size: 1.4em; color: #fff; padding-top: 0px; }
.delete { padding-left: 40px; //padding-left: 2px; }
.delete a { display: block; background:url(images/delete.jpg); width: 19px; height: 19px; }
.delete a:hover { display: block; background:url(images/delete_hover.jpg); width: 19px; height: 19px; } 

.registracia2 td { text-align: left; border: 0; }
.registracia2 label { text-align: left; }
#registracia h3 { margin: 5px 0; color: #fff; }
.cennik img { vertical-align: middle; }

fieldset select { background: #fff url('images/bg/input.gif') no-repeat; padding: 2px; border: 1px solid #999; }
fieldset input.text { background: url('images/bg/input.gif') no-repeat; padding: 3px; border: 1px solid #999; }
fieldset input.required { background: #ffffcf; padding: 3px; border: 1px solid #999; }
fieldset .textarea { background: url('images/bg/textarea.gif') no-repeat; padding: 6px; border: 1px solid #999; height: 120px; width: 280px; font-size: 1em; }

table#mojeVozidla th { padding: 5px; background: #fff; color: #333; border-right: 1px solid #333; }
table#mojeVozidla td { border: 0; text-align: center; padding: 5px; border-bottom: 1px solid #333; }

#uputavka { margin: 5px 0; padding: 10px; border-top: 1px solid #333; border-bottom: 3px solid #a3ff00; color: #fff; background: #000; text-align: center; }
#uputavka a { color: #fff; font-weight: bold; }

.middle { vertical-align: middle; }