html {
	background:url('../images/bg-html.jpg');
}
body {
	background:url('../images/bg-body-1.jpg') repeat-x;
	font:12px Arial, Helvetica, sans-serif;
	color:#000;
	margin:0;
}
img {
	border-style:none;
}
.main {
	margin:-17px auto 0 auto;
	width:998px;
}
#header {
	position:relative;
	height:302px;
	z-index:2;
}
#header strong a.tatradealer {
	position:absolute;
	top:49px;
	left:50px;
	background:url('../images/logo.png') no-repeat;
	width:93px;
	height:95px;
	text-indent:-9999px;
	overflow:hidden;
}
#header strong a.pasek {
	position:absolute;
	top:52px;
	right:43px;
	background:url('../images/pasek.png') no-repeat;
	width:104px;
	height:84px;
	text-indent:-9999px;
	overflow:hidden;
}

#header strong a.marpa {
	position:absolute;
	top:222px;
	right:43px;
	background:url('../images/logo-marpa.png') no-repeat;
	width:150px;
	height:45px;
	text-indent:-9999px;
	overflow:hidden;
}

#header .nav-position {
	position:absolute;
	top:0;
	left:0;
}
#header .bg-nav {
	left:0;
	height:61px;
	width:998px;
	background:url('../images/bg-main-nav.png') no-repeat;
}
#header ul {
	position:absolute;
	top:10px;
	left:50px;
	margin:0;
	overflow:hidden;
	padding:0;
	list-style:none;
	font-size:13px;
	line-height:20px;
}
#header ul li {
	padding-left:1px;
	float:left;
	background:url('../images/separator-main.gif') no-repeat 0 50%;
}
#header ul li:first-child {
	background:none;
}
#header ul a {
	position:relative;
	display:block;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
}
#header ul a.home {
	width:82px;
}
#header ul a.o-nas {
	width:88px;
}
#header ul a.autoservis {
	width:124px;
}
#header ul a.tatra {
	width:80px;
}
#header ul a.nahradni-dily {
	width:139px;
}
#header ul a.autodoprava {
	width:137px;
}
#header ul a.stk {
	width:67px;
}
#header ul a.emise {
	width:83px;
}
#header ul a.kontakty {
	width:110px;
}
#header ul a:hover ,
#header ul a.active {
	font-weight:bold;
	color:#357d51;
	background:#fff;
}
#header .flash-holder {
	position:absolute;
	top:42px;
	left:19px;
	width:955px;
	padding:0 0 5px 5px;
	background:#fff;
}
#header .flash-holder img {
	display:block;
}
.columns-holder {
	height:1%;
	padding:0 0 0 8px;
}
.columns-holder:after {
	content:"";
	clear:both;
	display:block;
}
.green-boxes-holder {
	margin-top:-30px;
	position:relative;
	width:998px;
	z-index:10;
}
.green-boxes {
	width:965px;
	padding:11px 7px 0 11px;
	height:200px;
	overflow:hidden;
	background:url('../images/green-boxes.png') no-repeat;
}
.green-boxes h2 {
	text-indent:-9999px;
	overflow:hidden;
	height:20px;
	margin:15px 0;
}
.green-boxes h2.servis {
	background:url('../images/title-servis.gif') no-repeat 0 1px;
}
.green-boxes h2.dealer {
	background:url('../images/title-dealer-tatra.gif') no-repeat;
}
.green-boxes h2.stk {
	background:url('../images/title-stk.gif') no-repeat;
}
.green-boxes h2.autodoprava {
	background:url('../images/title-autodoprava.gif') no-repeat;
}
.green-boxes .box {
	width:210px;
	padding:0 0 0 19px;
	float:left;
	margin-right:15px;
}
.green-boxes .last {
	margin-right:0;
}
.green-boxes .box ul {
	margin:0;
	padding:14px 0 0 6px;
	list-style:none;
	line-height:16px;
}
.green-boxes .box ul li {
	height:1%;
	padding:0 0 6px 15px;
	background:url('../images/bullet-box.gif') no-repeat 0 4px;
}
.green-boxes .box ul a {
	color:#fff;
	position:relative;
	z-index:10;
	text-transform:uppercase;
	text-decoration:none;
}
.green-boxes .box ul a:hover {
	text-decoration:underline;
}
.green-boxes .gear {
	position:absolute;
	left:-26px;
	bottom:-70px;
	width:115px;
	height:115px;
	background:url('../images/gear.png') no-repeat;
}
.green-boxes .hand {
	position:absolute;
	left:196px;
	bottom:-61px;
	width:135px;
	height:94px;
	background:url('../images/hand.png') no-repeat;
}
.green-boxes .task-list {
	position:absolute;
	left:449px;
	bottom:-55px;
	width:114px;
	height:97px;
	background:url('../images/task-list.png') no-repeat;
}
.green-boxes .sync {
	position:absolute;
	left:702px;
	bottom:-52px;
	width:113px;
	height:83px;
	background:url('../images/sync.png') no-repeat;
}
#content {
	width:942px;
	margin:0 0 0 11px;
	padding:45px 18px 20px 0;
	background:#fff;
}
#content:after {
	content:"";
	clear:both;
	display:block;
}
#content .side-box-holder {
	position:relative;
	z-index:10;
	margin-top:-75px;
	float:left;
	width:266px;
}
#content .side-box-bg {
	width:244px;
	background:url('../images/left-box.png') no-repeat;
	padding:11px 11px 0;
}
#content .side-box-bg-stretch {
	background:url('../images/side-box-bg.gif') repeat-y;
}
#content .side-box {
	width:225px;
	padding:15px 20px 27px 19px;
	background:url('../images/green-box.jpg') no-repeat;
}
#content .side-box h2 {
	margin:0 0 10px 0;
	overflow:hidden;
	color:#fff;
}
#content .side-box ul {
	padding:18px 0 0 0;
	margin:0;
	list-style: none !important;
} 
#content .side-box ul li {
	padding:0 0 7px 12px;
	background:url('../images/bullet-box.gif') no-repeat 0 4px;
}
#content .side-box ul a {
	color:#fff;
	position:relative;
	text-transform:uppercase;
	text-decoration:none;
}
#content .side-box ul a:hover, #content .side-box ul a.active {
	font-weight:bold;
}
.main-text {
	float:right;
	width:654px;
	margin-top:-23px;
	padding-bottom:110px;
	overflow:hidden;
}
.main-text a ,
.text-holder a {
	color:#225235;
}
.main-text a:hover ,
.text-holder a:hover {
	text-decoration:none;
}
.main-text h1 {
	margin:0;
	font-size:24px;
	color:#2f7448;
	font-weight:normal;
}
.main-text h3 {
	margin:0 0 -9px 0;
	font-size:14px;
	color:#000;
}
.main-text p {
	margin:12px 0 17px 0;
	line-height:14px;
}

.main-text p.kontakt {
	margin:12px 0 17px 0;
	line-height:24px;
}

.main-text strong.min-btm {
	display:block;
	margin:0 0 -13px 0;
	font-size:13px;
}
.main-text ul.images {
	margin:0;
	padding:7px 0 22px 1px;
	height:1%;
	list-style:none;
	overflow:hidden;
}
.main-text ul.images li {
	padding:0;
	float:left;
	border:5px solid #ad9c7d;
	border-right:none;
}
.main-text ul.images li.last {
	border-right:5px solid #ad9c7d;
}
.main-text ul.images img {
	display:block;
}
.main-text span {
	color:#2f7448;
	font-weight:bold;
}
.main-text ul {
	margin:0;
	padding:20px 0 27px 22px;
	list-style:none;
	line-height:18px;
}
.main-text ul li {
	padding:0 0 0 14px;
	list-style:none;
	background:url('../images/bullet-white.gif') no-repeat 0 7px;
}
.main-text table {
	padding:0;
	margin:18px 0 30px 31px;
	border-collapse:collapse;
}

.main-text table.kontakt {
	padding:0;
	margin:18px 0 30px 31px;
	border-collapse:collapse;
	float: left;
}

.main-text table.bottom {
	padding:0;
	margin:18px 0 40px 31px;
	border-collapse:collapse;
}

.main-text table.kontakt td {
	width:135px;
	vertical-align:middle;
	text-align:left;
	border:1px solid #af9f81;
}

.main-text table th {
	width:135px;
	height:34px;
	color:#fff;
	border:1px solid #af9f81;
	background:#59906d;
}
.main-text table th.brown {
	background:#513836;
	text-align:left;
	padding-left:7px;
	width:128px;
}
.main-text table th.empty {
	background:#fff;
}
.main-text table td {
	width:135px;
	vertical-align:middle;
	text-align:center;
	border:1px solid #af9f81;
}
.top-border {
	border-top:1px solid #a79e8e;
}
.text-holder {
	width:537px;
	float:left;
	overflow:hidden;
	padding:0 0 0 22px;
}
.text-holder h1.main {
	text-indent:-9999px;
	overflow:hidden;
	height:23px;
	margin:17px 0 13px;
	background:url('../images/title-main.gif') no-repeat;
}
.text-holder p {
	margin:0;
	line-height:14px;
}

.text-holder p.homepage {
	margin:0;
	line-height:14px;
	text-align: center;
}

.text-holder strong {
	display:block;
	margin:20px 0 4px;
	font-size:14px;
	font-weight:bold;
	color:#321513;
	line-height:14px;
}

.text-holder span {
	display:block;
	margin:20px 0 4px;
	font-size:14px;
	font-weight:bold;
	
	line-height:14px;
}

.text-holder ul {
	margin:0;
	padding:19px 0 14px 15px;
	height:1%;
	list-style:none;
	overflow:hidden;
}
.text-holder ul li {
	padding:0;
	float:left;
	border:5px solid #ad9c7d;
	border-right:none;
}
.text-holder ul li.last {
	border-right:5px solid #ad9c7d;
}
.text-holder ul img {
	display:block;
}
ul.no-border li{ border: none !important; display:block !important; float:none; background:url('../images/bullet-white.gif') no-repeat 0 7px; padding-left: 20px;}

.sidebar {
	float:right;
	width:332px;
	background:#ad9c7d;
	padding:20px 20px 0 20px;
	overflow:hidden;
}
.sidebar h3 {
	margin:0 0 2px 0;
	text-indent:-9999px;
	overflow:hidden;
	height:32px;
}

.sidebar span.kontakt {
	margin:0 0 2px 0;
	text-indent:-9999px;
	font-size: 14;
	overflow:hidden;
	height:32px;
	margin-top:29px;
	background:url('../images/title-kontakt.gif') no-repeat;
}

.sidebar span.certifikaty {
	margin:0 0 2px 0;
	text-indent:-9999px;
	font-size: 14;
	overflow:hidden;
	height:32px;
	background:url('../images/title-certifikaty.gif') no-repeat;
}

.sidebar span.aktuality {
	margin:0 0 2px 0;
	text-indent:-9999px;
	font-size: 14;
	overflow:hidden;
	height:32px;
	background:url('../images/title-aktuality.gif') no-repeat;
}

.sidebar h3.aktuality {
	background:url('../images/title-aktuality.gif') no-repeat;
}
.sidebar h3.kontakt {
	margin-top:29px;
	background:url('../images/title-kontakt.gif') no-repeat;
}

.sidebar h3.certifikaty {
	background:url('../images/title-certifikaty.gif') no-repeat;
}
.sidebar span {
	display:block;
	font-size:10px;
	color:#010101;
	padding:0 0 3px 45px;
}
.sidebar a.letter {
	color:#321513;
	font-weight:bold;
}
.sidebar a.letter:hover {
	text-decoration:none;
}

.sidebar .content_image { width: 100px; height: 60px; float: left; margin-right:10px;}

.sidebar .content_image img{
	float:left;
	margin-top:0 !important;
	
    height:100%;
	width:100%;
}
.sidebar .newsItem { width: 300px; height: 80px;}
.sidebar .newsItem .cleaner { clear: both; width: 100%; height: 1px;}

.sidebar p {
	margin:5px 0 10px 45px;
}
.sidebar dl {
	margin:0;
	padding:25px 0 72px 15px;
	width:180px;
	overflow:hidden;
}
.sidebar dt {
	font-weight:bold;
	padding:0;
	line-height:14px;
}
.sidebar dt.phone {
	padding:12px 0 0 0;
}
.sidebar dd {
	height:1%;
	overflow:hidden;
}
.sidebar dd .holder {
	width:108px;
	float:right;
}
.sidebar dd .holder a {
	color:#225235;
}
.sidebar dd .holder a:hover {
	text-decoration:none;
}
.sidebar img {
	float:right;
	margin-top:-14px;
}
.sidebar ul {
	margin:0;
	padding: 15px 0 31px 10px;
	list-style:none;
	height:1%;
	overflow:hidden;
}
.sidebar ul li {
	padding:0 39px 0 0;
	float:left;
	height:1%;
}
.sidebar ul li.last {
	padding:0;
}
.sidebar ul a {
	height:100%;
	overflow:hidden;
}
.sidebar ul a img {
	float:left;
	margin:0;
}
#footer {
	height:100px;
	padding:29px 36px 0 33px;
}
#footer p {
	color:#fff;
	display:inline;
	float:left;
	margin:0px 0 50px 102px;
	line-height: 230%;
	text-align: center;
}
#footer a {
	color:#fff;
}
#footer a:hover {
	text-decoration:none;
}
#footer p.inner {
	margin:26px 0 0 220px;
}
#footer a.f-logo {
	float:left;
	height:52px;
	width:52px;
	background:url('../images/logo-footer.png') no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
#footer a.f-pasek {
	float:right;
	height:51px;
	width:64px;
	margin-top:0;
	background:url('../images/footer-pasek.png') no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
