/**************************************************

	GLOBAL

**************************************************/

* {
	padding: 0;
	margin: 0;
}

body {
	background: #d1d5e4 url(../img/body-bg.png) 0 0 repeat-x;
	font: 0.8em Arial, Helvetica, sans-serif;
	color: #000;
}

.right {
	float: right;
}
.left {
	float: left;
}
.clear {
	clear: both;
}
.text-left {
	text-align: left;
}
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}
hr {
	display: none;
}
.hide {
	display: none;
}
.no-bg {
	background: none !important;
}
.no-border {
	border: none !important;
}
.bold {
	font-weight: bold;
}

.overlap {
	position: relative;
	overflow: hidden;
}
.overlap span {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}
.overlap a span {
	cursor: pointer;
}


/**************************************************

	LAYOUT

**************************************************/

#page-shadow-repeat {
	margin: 0 auto;
	width: 990px;
	background: #fff url(../img/page-shadow-repeat.png) 0 0 repeat-y;
}
#page-shadow {
	background: url(../img/page-shadow.png) center top no-repeat;
	padding: 0 5px 10px 5px;
}


/**************************************************

	HEADER / LOGO . MENUS . LANGUAGES . SITEMAP

**************************************************/
#header {
	position: relative;
	height: 328px;
	border-bottom: 1px solid #a0a0a0;
	margin: 0 0 8px 0;
}
#header a {
	color: #064686;
	text-decoration: underline;
}
#header a:hover {
	text-decoration: none;
}

/***** LOGO *****/
#logo, #logo * {
	width: 244px;
	height: 212px;
	z-index: 100;
}
#logo {
	top: 69px;
	position: relative;
}
#logo span {
	background: url(../img/logo-m+l-logistik.jpg) 0 0 no-repeat;
}

/***** MENUS *****/
#menu {
	position: absolute;
	top: 0;
	left: 0;
	height: 69px;
	background: url(../img/menu-bg.png) 0 0 repeat-x;
	width: 100%;
}
#menu ul {
	list-style: none;
	background: #8ec8ff url(../img/menu-a-bg.png) 0 0 repeat-x;
	height: 40px;
}
#menu ul li {
	float: left;
	background: url(../img/menu-separator.png) right top no-repeat;
	padding: 0 1px 0 0;
}
#menu li a {
	display: block;
	float: left;
	padding: 12px 20px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	background: #8ec8ff url(../img/menu-a-bg.png) 0 0 repeat-x;
}
#menu li a:hover,
#menu li.active a {
	background: #ff7214 url(../img/menu-a-active-bg.png) 0 0 repeat-x;
	text-decoration: underline;
}

#menu ul ul {
	position: absolute;
	top: 40px;
	left: 0;
	background: #ff7214;
	height: 28px;
}
#menu ul ul li {
	background: #ff7214;
}
#menu ul ul li a {
	color: #e1e2e2;
	padding: 5px 20px;
	background: none !important;
	text-decoration: underline;
}
#menu ul ul li a:hover {
	color: #fff;
	background: none;
}

/***** LOCATION *****/
#location {
	background: #bcbcbc url(../img/location-corner.png) left bottom no-repeat;
	font-size: 0.85em;
	position: absolute;
	top: 69px;
	left: 244px;
	padding: 5px 20px;
	width: 696px;
	color: #064686;
}

/***** LANG *****/
#lang {
	position: absolute;
	top: 50px;
	right: 15px;
	z-index: 1;
	background: #fff url(../img/lang-bg.png) 0 0 no-repeat;
	padding: 10px 4px 9px 5px;
	font-size: 0.85em;
}
#lang a {
	padding: 3px 0 3px 40px;
	margin: 0 7px;
}
#lang a.en {
	background: url(../img/flag-en.png) 0 0 no-repeat;
}
#lang a.de {
	background: url(../img/flag-de.png) 0 0 no-repeat;
}
#lang a.cz {
	background: url(../img/flag-cz.png) 0 0 no-repeat;
}

/***** SITEMAP *****/
a.sitemap {
	background: url(../img/sitemap.png) 0 4px no-repeat;
	padding: 3px 0 3px 28px;
	position: absolute;
	top: 8px;
	right: 15px;
	font-size: 0.9em;
	z-index: 1;
}

/***** SERVICES *****/
#services {
	position: absolute;
	top: 108px;
	left: 0;
}
#nabizene-sluzby,
#nabizene-sluzby * {
	height: 40px;
	width: 246px;
}
#nabizene-sluzby {
	position: relative;
	top: 180px;
}
#nabizene-sluzby span {
	background: url(../img/nabizene-sluzby.png) 0 0 no-repeat;
}
#services ul {
	list-style: none;
	position: absolute;
	top: 0;
	left: 244px;
	width: 736px;
	background: url(../img/services-visual.jpg) 0 0 no-repeat;
}
#services ul li {
	float: left;
	height: 220px;
}
li#kamionova-doprava,
li#kamionova-doprava * {
	width: 182px;
}
li#kombinovana-doprava,
li#kombinovana-doprava * {
	width: 188px;
}
li#skladovani,
li#skladovani * {
	width: 181px;
}
li#logistika,
li#logistika * {
	width: 185px;
}
#services ul li a {
	margin: 180px 0 0 0;
	padding: 12px 0;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	display: block;
	float: left;
	width: 100%;
	text-align: center;
	background: #bcbcbc url(../img/services-a-bg.png) 0 0 repeat-x;
}
#services ul li a:hover span,
#services ul li.active a span {
	background-position: 0 -40px;
}
#services li a span {
	height: 40px;
	top: 180px;
}
li#kamionova-doprava span {
	background: url(../img/services-kamionova-doprava.png) 0 0 no-repeat;
}
li#kombinovana-doprava span {
	background: url(../img/services-kombinovana-doprava.png) 0 0 no-repeat;
}
li#skladovani span {
	background: url(../img/services-skladovani.png) 0 0 no-repeat;
}
li#logistika span {
	background: url(../img/services-logistika.png) 0 0 no-repeat;
}
li#kamionova-doprava.active {
	background: url(../img/services-kamionova-doprava-active.png) 0 0 no-repeat;
}
li#kombinovana-doprava.active {
	background: url(../img/services-kombinovana-doprava-active.png) 0 0 no-repeat;
}
li#skladovani.active {
	background: url(../img/services-skladovani-active.png) 0 0 no-repeat;
}
li#logistika.active {
	background: url(../img/services-logistika-active.png) 0 0 no-repeat;
}


/**************************************************

	MAIN

**************************************************/
#main {
	display: inline;
	font-size: 0.9em;
}
#content {
	float: right;
	width: 736px;
}
#main-content {
	padding: 0 20px 20px 20px;
}
#left {
	float: left;
	width: 244px;
	background: #b5d1eb url(../img/left-bottom-corner.png) right bottom no-repeat;
	padding: 0 0 10px 0;
}
/***** TEXT *****/
#left h2 {
	background: #00498b url(../img/left-corner.png) right top no-repeat;
	text-transform: uppercase;
	color: #fff;
	height: 23px;
	font-size: 1em;
	padding: 14px 5px 0px 15px !important;
	padding: 13px 5px 0px 15px;
	line-height: 100%;
}
#left label {
	background: #00498b url(../img/left-corner.png) right top no-repeat;
	text-transform: uppercase;
	color: #fff;
	height: 23px;
	font-size: 1em;
	padding: 14px 5px 0px 15px !important;
	padding: 13px 5px 0px 15px;
	line-height: 100%;
	font-weight: bold;
	display: block;
}
#left label.news span {
	display: block;
	float: left;
	height: 18px;
	width: 63px;
	background: #00498b url(../img/news-bg.jpg) 0 0 no-repeat;
	margin: -4px 8px 0 -6px;
}
#left span.date {
	font-weight: bold;
	color: #00498b;
	display: block;
	margin: 0 0 4px 0;
}
#left p {
	line-height: 1.2;
	margin: 2px 0 3px 0;
}
#content h1 {
	background: url(../img/content-h1-bg.png) left bottom repeat-x;
	border-bottom: 1px solid #00498b;
	padding: 5px 10px 3px 30px;
	margin: 0 0 10px 0;
	color: #00498b;
	font-size: 2em;
}
#content h2 {
	font-size: 1.5em;
	margin: 15px 0 10px 0;
}
#content h3 {
	font-size: 1.2em;
	color: #333;
	margin: 15px 0 10px 0;
}
#content p {
	margin: 5px 0;
	line-height: 1.4;
}

/***** LINKS *****/
#main a, #menu-bottom a {
	color: #00498b;
	text-decoration: underline;
}
#main a:hover, #menu-bottom a:hover {
	text-decoration: none;
}


/***** LISTS *****/
#left ul {
	list-style: none;
}
#left ul li {
	padding: 10px 20px 5px 35px;
	border-bottom: 1px solid #d9e8f5;
	font-size: 0.95em;
	background: url(../img/news-li.png) 12px 10px no-repeat;
}
#content ul {
	list-style: none;
	padding: 10px 10px 10px 10px;
}
#content ul ul {
	padding: 4px 10px 5px 0;
}
#content ol {
	padding: 10px 10px 10px 25px;
}
#content ol ul {
	padding: 4px 10px 5px 0;
}
#content ul li {
	padding: 1px 0 2px 15px;
	background: url(../img/content-li.png) 0 6px no-repeat;
}
#content ul.about-us li {
	padding-bottom: 15px;
}

/***** TABLES *****/
table {
	width: 100%;
	border-collapse: collapse;
	margin: 10px 0;
}
table th {
	background: #f5f5f5;
	text-align: left;
}
table th,
table td {
	border: 1px solid #eee;
	padding: 5px;
	border-collapse: collapse;
}


/**************************************************

	PARTNERS . BOTTOM-MENU . FOOTER

**************************************************/
#partners {
	text-align: center;
	border-bottom: 1px solid #a0a0a0;
}
#partners h2 {
	height: 27px;
	width: 980px;
	text-align: center;
}
#partners h2 span {
	height: 27px;
	width: 980px;
	background: url(../img/nasi-partneri.png) center top no-repeat;
}
#partners img {
	border: none;
	margin: 10px 20px;
}
#menu-bottom {
	text-align: center;
	font-size: 0.95em;
	padding: 10px;
	border-bottom: 1px solid #a0a0a0;
}
#menu-bottom a {
	margin: 0 15px;
}
#footer {
	padding: 10px 5px;
	font-size: 0.8em;
	text-align: left;
}
#footer p {
	padding: 0 0 0 15px;
	line-height: 1.3;
}
#footer img {
	border: none;
}
img#sabre {
	margin: 0 5px -6px 5px;
}
img#flexweb {
	margin: 0 10px -5px 5px;
}
img.img_bord{
border: black solid 1px;
}
#backlinks {display:none;}