﻿body {color:#555; background:url(Images/bgBody.gif) #D9DADA left top repeat-x;}
body, div, span, img, table, td, h1, h2, h3, h4, h5, h6, p, ul, ol, li, a, form {margin:0; padding:0; font-size:12px; line-height:16px; font-family:Arial CE, Helvetica CE, Arial, Helvetica, sans-serif;}
input, textarea, select {font-size:12px; line-height:16px; color:#555; font-family:Arial CE, Helvetica CE, Arial, Helvetica, sans-serif;}

#page		  {width:962px; margin:30px auto 30px auto; position:relative; background:#FFF;}
#pageC		{}
#header	  {background:url(Images/bgHeader.jpg) left top no-repeat; overflow:hidden;}
#headerC	{padding:5px;}
#left	    {float:left; width:230px;}
#leftC	  {padding:0 5px;}
#main	    {float:right; width:730px; overflow:hidden;}
#mainC	  {padding:10px 20px 30px 10px;}
#banner	  {float:left; width:674px;}
#bannerC	{padding:0 5px;}
#right    {float:right; width:286px;}
#rightC	  {margin:0 5px; padding:15px 10px 20px 10px; background:url(Images/bgLeft.gif) #F2F2F2 left top repeat-x;}
#footer	  {clear:both; height:48px; background:url(Images/bgFooter.gif) left top repeat-x;}
#footerC	{padding:10px 0 0 20px;}
#content  {}
#contentC {padding:10px;}

.clearer {clear:both; display:block; height:0; font-size:0; line-height:0; visibility:hidden;}
.sep1 {height:1px;}
.sep5 {height:5px;}
.sep10 {height:10px;}
.sep20 {height:20px;}

h1, h2, h3 {font-weight:bold;}
h1 {font-size:25px; line-height:25px; padding:10px 0 15px 0;}
h2 {color:#ED1B2F; font-size:16px; padding:5px 0 10px 0;}
h3 {color:#000; font-size:14px; padding:5px 0 10px 0;}

a {color:#ED1B2F; text-decoration:underline;}
a:hover {text-decoration:none;}

.err {color:#f00;}

p {margin-bottom:10px;}

ul {margin-left:20px; list-style-type:none;}
ul li {padding-left:15px; background:url(Images/li.gif) left 5px no-repeat;}
ul ol li {padding:0px; background:transparent;}
ol {margin-left:35px;}

ul#banners {margin:0;}
ul#banners li {padding:0; background:transparent;}
ul#banners li img {border:solid #555 1px;}

img {border:none;}
img.left {float:left; margin-right:10px;}
img.logo {position:absolute; left:35px; top:27px;}
img.logoMoto {position:absolute; left:45px; top:10px;}
img.logoStroje {position:absolute; left:35px; top:25px;}
img.logoDealer {position:absolute; left:840px; top:15px;}

ul.menuSite {position:absolute; left:500px; top:70px; margin:0;}
ul.menuSite li {float:left; padding:0;}
ul.menuSite li a {display:block; padding:3px 12px; color:#555; font-weight:bold; text-decoration:none; background:#ddd; border-right:solid #fff 2px;}
ul.menuSite li a.active {color:#fff; background:#666;}

div.menuTop {float:left; width:100%; height:40px; margin-top:88px; background:url(Images/bgMenu.gif) #000 left top repeat-x; border-top:solid #fff 1px;}
div.menuTop a {display:block; float:left; height:40px; padding:12px 12px 0 12px; color:#FFF; font-size:11px; font-weight:bold; text-decoration:none;}
div.menuTop a:hover {background:url(Images/bgMenuHover.gif) left top repeat-x;}
div.menuTop span {float:left; width:1px; height:40px; font-size:0; background:url(Images/menuSep.gif) left top no-repeat;}

div.menuLeft {padding:5px 0; background:url(Images/bgLeft.gif) #F2F2F2 left top repeat-x;}
div.menuLeft a {display:block; padding:5px 0 5px 20px; color:#555; font-weight:bold; text-decoration:none; background:url(Images/liMenuLeft.gif) left 8px no-repeat;}
div.menuLeft a.active {color:#ED1B2F; background-image:url(Images/liMenuLeftActive.gif);}

ul.menuModelsMoto {margin:0;}
ul.menuModelsMoto li {float:left; margin:0; padding:0; border-right:solid #fff 1px;}
ul.menuModelsMoto li a {display:block; padding-bottom:9px; background:url(Images/menuModelBott.gif) right bottom no-repeat;}
ul.menuModelsMoto li a:hover {background-image:url(Images/menuModelBottOn.gif);}
ul.menuModelsMoto li img {width:94px; height:116px;}

ul.menuModelsStroje {margin:0;}
ul.menuModelsStroje li {float:left; margin:0; padding:0; border-right:solid #fff 1px;}
ul.menuModelsStroje li a {display:block; padding-bottom:9px; background:url(Images/menuModelBott.gif) right bottom no-repeat;}
ul.menuModelsStroje li a:hover {background-image:url(Images/menuModelBottOn.gif);}
ul.menuModelsStroje li img {width:189px; height:79px;}

div.breadcrumb {margin-bottom:10px;}
div.breadcrumb span {padding:0 3px 0 6px;}

table {border-collapse:collapse;}
table th, table td {padding:4px 6px; vertical-align:top;}

table.tbl td,
table.tbl th {background:#F6F6F6; border:solid #DDD 1px;}
table.tbl th {color:#FFF; background:#EA2432;}
table.tbl tr.gray td {background:#E6E6E6;}
table.tbl td.center {text-align:center;}

div.form table th,
div.form table td {padding:2px;}
div.form table th {padding-right:5px; text-align:left;}
div.form input.txt {width:250px;}
div.form input.button {margin-top:5px; font-weight:bold;}

div.galerie img {float:left; margin:0 10px 10px 0; border:solid #000 1px !important;}

div.contactItems {overflow:auto;}
div.contactItems div.item {float:left; width:300px;}

div.models {overflow:auto;}
div.models div.model {float:left; width:228px; margin:0 5px 5px 0; border:solid #eee 1px;}
div.models div.model h2 {margin:8px 15px; color:#000;}
div.models div.model a.model {display:block; text-align:center;}
div.models div.model a.detail {display:block; padding:4px; text-align:center; color:#fff; font-size:13px; font-weight:bold; text-decoration:none; background:#ED1B2F;}

table.news {width:100%;}
table.news td {padding:0;}
table.news td.left {width:80%; padding:5px 10px 5px 0; border-bottom:solid #ed1b2f 2px;}
table.news td.left a {text-decoration:none;}
table.news td.right {padding:5px 0; text-align:right; border-bottom:solid #000 2px;}
table.news td.more {padding:5px 0 10px 0;}

div.team {overflow:auto;}
div.team div.items {overflow:auto;}
div.team div.item {display:none; float:left; width:230px; height:280px; margin-bottom:20px;}
div.team div.item img {margin-bottom:10px; border:solid #bbb 1px;}
div.team ul.list {float:left; margin-right:20px; border-right:solid #ddd 1px;}
div.team ul {margin:0; padding:0; list-style-type:none;}
div.team ul li {margin:0; padding:0 20px 0 0; font-weight:bold; background:transparent; cursor:pointer;}

div.offer h2 {padding:10px 0 3px 0; border-bottom:solid #ED1B2F 2px;}
div.offer img {float:left; width:90px; margin:5px 0 15px 0; border-right:solid #fff 10px;}
div.offer div.item {margin-bottom:10px;}
div.offer div.item h3 {margin:0;}
div.offer div.item h3 a {color:#000;}
div.offer div.item table {margin-top:5px;}
div.offer div.item table td {width:240px; padding:0;}
div.offer div.item table td.discount {width:160px;}
div.offer div.item span.action {padding:0 3px; color:#fff; background:#ED1B2F; border-right:solid #fff 5px;}

div.offerItem h2 span {color:#c00;}
div.offerItem img.car {float:left; margin-right:40px;}
div.offerItem div.priceList {float:right; font-weight:bold; text-align:center;}
div.offerItem div.priceList img {margin-bottom:5px;}
div.offerItem div.price {font-weight:bold;}
div.offerItem div.price span {color:#d00;}
div.offerItem h1 span.action {color:#d00;font-size:18px;}

div.vyprodej p.price,
div.vyprodej p.price * {font-size:14px; font-weight:bold;}
div.vyprodej span.new {color:#ED1B2F;}
div.vyprodej span.old {text-decoration:line-through;}
div.vyprodej span.color {color:#555;}
div.vyprodej img {margin:0 10px 10px 0;}

div.showroom {overflow:auto;}
div.showroom img {float:left; margin:0 8px 10px 0; border:solid #ccc 1px;}

div.gallery ul {margin:0; padding:0; list-style-type:none;}
div.gallery ul li {margin:0; padding:0; float:left;}
div.gallery ul li img {margin:0 8px 8px 0; border:solid #ccc 1px;}
div.akce ul li img {width:302px;height:242px;}

div.newsReg {padding:15px 10px; color:#fff !important; background:#ED1B2F;}
div.newsReg table td {padding:0 3px 5px 0; vertical-align:middle;}
div.newsReg p {font-size:14px; font-weight:bold;}
div.newsReg input.txt {width:128px; background:#fff; border:solid #fff 1px;}
div.newsReg input.submit {height:19px; padding:0 5px; background:#ddd; border:solid #fff 1px;}

/* nový Civic */
#page_enter {margin-left:5px;}
#infobox{display:none;position:absolute;left:0px;top:0px;background:#000000;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;z-index:4;}
#infobox_box{display:none;position:absolute;left:160px; width:630px;top:100px;text-align:center;z-index:4;}
#infobox_box_in{position:relative;background:#ffffff;margin:0px auto;width:600px;padding:20px;}
#infobox_box_in #close_button{display:block;position:absolute;right:3px;top:3px;width:15px;height:14px;background:url("/Images/close_button.png") left top no-repeat;}
#infobox_box_in .iframe{display:block;width:607px;height:507px;}
