/* CSS Document - Top Class Cars */

/******************************

	global

******************************/
* { padding: 0; margin: 0; }
body { font: 12px Arial, Helvetica, sans-serif; color: #000; background: #fff url(../img/body-bg.png) left top repeat-x; padding-bottom: 20px; }

a { color: #000; text-decoration: underline; }
a:hover { text-decoration: none; }
a img { border: none; }
hr { display: none; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; line-height: 0; height: 0; }
.hidden { display: none; }
.center { text-align: center; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.bold { font-weight: bold; }

/* overlapping */
.overlap { position: relative; overflow: hidden; }
.overlap span { position: absolute; top: 0; left: 0; background-position: 0 0; background-repeat: no-repeat; width: 100%; height: 100%; }
.overlap a span,
a.overlap span { cursor: pointer; }


/******************************

	layout

******************************/
#page-wrapper { width: 978px; border: 1px solid #001841; border-top: none; margin: auto; position: relative; background: #eee url(../img/page-wrapper-bg.png) center top repeat-y; overflow: auto; }
#column-wrapper { margin-top: 28px; background: url(../img/column-wrapper-bg.png) 0 0 repeat-y; overflow: auto; }
#left-column { float: left; width: 330px; background: #4e6b9b url(../img/left-bg-repeat.png) 0 0 repeat-y; }
#left-column .bg-top { background: url(../img/left-bg-top.jpg) left top no-repeat; min-height: 550px; height: auto !important; height: 550px; }
#content { float: right; width: 628px; position: relative; padding: 370px 20px 10px 0; }


/******************************

	header

******************************/
#header { height: 110px; background: #001840 url(../img/header-bg.jpg) center top no-repeat; border-bottom: 2px solid #fff; color: #304365; }
#header #key-partner { float: right; margin-top: 27px; width: 340px; height: 83px; text-align: center; font-size: 24px; }
#header #key-partner span { background-image: url(../img/header-img.jpg); }
#logo { float: left; padding: 3px 0 0 10px; color: #fff; font-size: 30px; font-weight: bold; width: 226px; height: 106px; }
#logo a { color: #fff; text-decoration: none; }


/******************************

	breadcrumbs + sitemap

******************************/
#breadcrumbs { position: absolute; top: 112px; left: 0; width: 948px; height: 18px; padding: 8px 15px 1px 15px; background: url(../img/breadcrumbs-top-bg.png) 0 0 repeat-x; font-size: 11px; border-bottom: 1px solid #edeeed; }
#sitemap { position: absolute; top: 112px; right: 0; z-index: 2; padding: 8px 10px 0 0; width: 100px; font-size: 11px; text-align: right; }
#sitemap a { background: url(../img/sitemap-bg.png) 0 6px no-repeat; padding: 0 0 0 12px; }


/******************************

	left column

******************************/
/* left menu */
#left-menu { color: #fff; width: 200px; }
#left-menu ul { list-style: none; }
#left-menu ul li { border-bottom: 1px solid #fff; }
#left-menu ul li a { display: block; font-size: 14px; color: #fff; font-weight: bold; text-decoration: none; text-transform: uppercase; padding: 7px 0 7px 42px; width: 158px; }
#left-menu ul li a:hover,
#left-menu ul li.active a { color: #fbfe00; background: url(../img/left-menu-a-hover.jpg) 3px 7px no-repeat; }
#left-menu ul ul { padding: 3px 0 5px; border: 1px solid #fff; border-width: 1px 0 2px; }
#left-menu ul li li { border: none; }
#left-menu ul li li a,
#left-menu ul li.active li a { font-weight: normal; text-transform: none; padding: 3px 0 3px 54px; width: 146px; color: #fff; background: none; }
#left-menu ul li li a:hover,
#left-menu ul li li.active a { background: url(../img/left-submenu-a-hover.png) 46px 8px no-repeat; color: #fbfe00; }


/******************************

	content

******************************/
#content #visual { position: absolute; top: 0; right: 0; width: 730px; height: 244px; z-index: 0; text-align: center; }
#content #heading-logos { position: absolute; top: 211px; right: 0; width: 650px; height: 146px; background: url(../img/content-heading-logos-bg.png) left top no-repeat; }
#content #heading-logos h1 { font-size: 18px; font-style: italic; text-transform: uppercase; text-align: right; color: #fff; padding: 14px 20px 0 290px; height: 37px; }
#content #heading-logos #logos { text-align: right; padding: 0 5px 0 30px; font-size: 11px; }
#content #heading-logos #logos img { vertical-align: middle; margin: 2px 5px; }

#content h1 { font-size: 18px; padding: 15px 0 5px; }
#content h2 { font-size: 16px; padding: 10px 0 3px; }
#content h3 { font-size: 14px; padding: 5px 0 0; }
#content p { padding: 5px 0; }
#content ul { list-style: none; padding: 10px 20px 10px 0; position: relative; }
#content ul li { padding: 3px 0 3px 25px; background: url(../img/content-li-bg.png) 0 7px no-repeat; }


/******************************

	forms

******************************/
form fieldset { border: none; }
input,
textarea,
select { font: 12px Arial, Helvetica, sans-serif; border: 1px solid #b9b9b9; padding: 1px; }


/******************************

	footer

******************************/
#footer { height: 45px; border-top: 5px solid #001841; background: #ceb188 url(../img/footer-bg.png) 0 0 repeat-y; padding: 13px 10px 10px 30px; font-size: 11px; }
#footer img.tcc-logo { float: left; }
#footer h4 { font-size: 11px; float: left; width: 100px; text-align: right; }
#footer p { float: left; width: 180px; padding-left: 10px; }
#footer p#copy { padding: 13px 0 0 0; font-size: 10px; float: right; }
#footer p#copy img { vertical-align: middle; }

#content fieldset{border: 1px solid black; padding: 0 10px; width: 80%;}
#content fieldset legend{font-weight: bold; padding: 4px; color: #000;}

#content form { margin: 10px 0; }
#content form p.message { border:2px solid #EE7E16; background:#FEFF93; color:#aa0000; font-weight:bold; font-size:12px !important; padding:5px 10px !important; }
#content form label { font-weight: bold; white-space:nowrap; }
#content form table td { padding: 4px; }
#content form .input { width: 150px; padding: 2px 3px; }
#content form textarea { width: 350px; height: 150px; margin-top: 3px; }
#content form .submit { padding: 2px 0 8px; width: 60px; height: 22px; cursor: pointer;}
#content form .radio,
#content form .checkbox { vertical-align: middle; border: none; margin: 0 3px; }
#content form span.multiple { white-space:nowrap; padding-right:5px; }



/* homepage - exp. list */
#content #exp-list .item h2 { font-size: 12px; padding: 10px; }
#content #exp-list .item h2 a { text-decoration: none;  color:#065480; }
#content #exp-list .item h2 a:hover { text-decoration: underline; }
#content #exp-list .item p { padding: 0 10px; line-height: 1.3; }
#content #exp-list .item p.more { text-align: right; }
#content #exp-list .item p.more a { color: #065480; }

#content #exp-list .item { width: 496px; border-bottom: 3px solid #065480; margin-bottom: 10px; padding: 7px; }
#content #exp-list .item img { border: 1px solid #101000; float: left; }
#content #exp-list .item h2 { padding: 2px 10px 5px 25px; }
#content #exp-list .item h2,
#content #exp-list .item p { margin-left: 90px; }
#content #exp-list .item p.more { padding: 5px 8px; }

#content #exp-list .item .leftcol{ width: 38%; float: left; margin: 0 0 0 15px;}
#content #exp-list .item .rightcol{width: 38%; float: left;}
#content #exp-list .item .col{width: 74%; margin: 0 0 0 15px; float: left;}
#content #exp-list .item .col p {margin: 0; padding: 0; }

#content table {border-collapse: collapse; border: 1px black solid;}
#content table td,#content table th{border: 0; padding: 0 9px; text-align: left;}
#content table th{font-weight: bold;}
#content .order{width: 80px;}

#content .leftcol-detail{ width: 255px; float: left;}
#content .rightcol-detail{width: 300px; float: left; margin: 0 0 0 12px; line-height: 150%;}
#content #main-img{border: 1px solid #065480;margin: 0; padding: 0; }


/* strankovani */
#content #exp-list #navigation span.first-page,
#content #exp-list #navigation span.last-page,
#content #exp-list #navigation span.prev,
#content #exp-list #navigation span.next { display: block; float: left; width: 0px; color: #fff; text-decoration: none; }
#content #exp-list #navigation span.first-page { }
#content #exp-list #navigation span.prev { }
#content #exp-list #navigation span.next { }
#content #exp-list #navigation span.last-page { }
#content #exp-list #navigation span span { display:inline; float:none; width:auto; padding: 2px 4px; margin: 0 1px; text-decoration: none; }