/* 
Investservis
Vytvořil Martin Winkler
*/

/* CSS Reset  */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;	
}
body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: '';	content: none; }

:focus { outline: 0; }

ins {	 text-decoration: none;}
del {	 text-decoration: line-through; }

table { border-collapse: collapse; border-spacing: 0; }

/* Main structure */
	
html { background: #c3c3c3 url('../img/bg-grad.gif') center top repeat-y; }
	
body {
	font-family: 'Arial';
	font-size: 14px;
	color: #4b5264;
	background: transparent url('../img/bg.gif') center top repeat-x;
	margin: 0;
	padding: 0;
}

body#hp {
	background: transparent url('../img/bg-hp.gif') center top repeat-x;
}

#container { width: 960px; margin: 0 auto; position: relative; }
#page { width: 960px; margin: 0 20px; position: relative; }

/* Header */

#header { width: 960px; height: 158px; position: relative; }
#logo { width: 209px; height: 37px; position: absolute; left: 20px; top: 47px; text-indent: -80000px; }
#logo a { width: 209px; height: 37px; display: block; text-decoration: none; background: none; }
#logo span { width: 209px; height: 37px; display: block; position: absolute; left: 0; top: 0; background: url('../img/logo.png') left top no-repeat; cursor: pointer; }

#main-nav { width: 100%; position: absolute; left: 20px; top: 111px; }
#main-nav ul { margin: 0; }
#main-nav ul li { font-size: 12px; font-weight: bold; text-transform: uppercase; line-height: 12px; margin: 0 5px 0 0; padding: 0; background: none; float: left; }
#main-nav ul li a { padding: 12px 10px 9px 10px; color: #4b5264; background: none; display: block; float: left; text-decoration: none; }
#main-nav ul li a.active, #main-nav ul li a:hover { background: #fff; }

#quick-contact { font-size: 14px; font-weight: bold; color: #4b5264; padding: 0 0 0 26px; height: 58px; background: transparent url('../img/dot-lines.gif') left top repeat-y; position: absolute; left: 636px; top: 77px; }
#quick-contact a { color: #4b5264; background: none; }
#quick-contact li.ico-phone { line-height: 23px; padding: 0 0 7px 37px; margin: 0 0 4px 0; background: transparent url('../img/ico-phone.png') left top no-repeat; }
#quick-contact li.ico-mail { line-height: 21px; padding: 0 0 4px 37px; background: transparent url('../img/ico-mail.png') left 2px no-repeat; }

#head { background: #99ca3c url('../img/head.jpg') right top no-repeat; height: 93px; margin: 0 0 16px 20px; padding: 13px 0 0 0; }
#teaser { width: 980px; background: #99ca3c; height: 428px; padding: 25px 0 0 0; margin: 0 0 10px 0; position: relative; }

#slider { margin: 0 0 0 -52px; }
#slider-container { width: 668px; position: absolute; right: 292px; bottom: 0; }

#breadcrumb { text-transform: uppercase; font-size: 10px; color: #fff; margin: 0 0 13px 0; }
#breadcrumb span { font-weight: bold; }
#breadcrumb p { margin: 0; }
#breadcrumb a { text-transform: none; font-size: 12px; color: #fff; padding: 0 14px 0 0; margin: 0 4px; background: transparent url('../img/bread-arr.gif') right 8px no-repeat; position: relative; top: 1px; }
#breadcrumb a.active { background: none; padding: 0; margin: 0; }

.flag-en, .flag-cz { font-size: 11px; text-transform: uppercase; color: #4b5264; background: transparent url('../img/flag-en.gif') left top no-repeat; padding: 0 0 2px 22px; position: absolute; right: 20px; top: 47px; }
.flag-cz { background: transparent url('../img/flag-cz.gif') left top no-repeat; }

/* Side nav */

#side-nav { margin: 0 0 26px 0; }
#side-nav ul { margin: 0; }
#side-nav ul li { padding: 0; background: none; text-transform: uppercase; }
#side-nav ul li a { font-size: 24px; line-height: 24px; margin: 0 0 3px 0; display: block; float: left; color: #fff; background: #4b5264 url('../img/ico-more.gif') right 2px no-repeat; text-decoration: none; border: #1f222a 1px solid; border-top: #717785 1px solid; border-left: #717785 1px solid; padding: 4px 27px 2px 3px; }
#side-nav ul li a:hover, #side-nav ul li a.active { color: #4b5264; background: #fff url('../img/ico-more.gif') right -29px no-repeat; }

#teaser #side-nav { margin: 0 0 15px 0; }

/* Page */

p.head { font-size: 14px; line-height: 14px; text-transform: uppercase; font-weight: bold; color: #4b5264; margin: 0 0 12px 0; }
#teaser p.head { color: #fff; margin-bottom: 10px; }
#teaser p.text { font-size: 12px; line-height: 20px; color: #020202; margin: 0 0 12px 0; }

/* Footer */

#footer { padding: 17px 20px 0 20px; margin: 0 0 33px 0; position: relative; }
#footer p { font-size: 12px; color: #7a808f; }
#footer a { font-size: 10px; color: #7a808f; text-transform: uppercase; background: none; margin: 0 8px; }

a.porta { width: 95px; height: 13px; position: absolute; right: 20px; top: 24px; margin: 0; }
a.porta  span { width: 95px; height: 13px; position: absolute; left: 0; top: 0; background: transparent url('../img/porta.gif') left top no-repeat; cursor: pointer; }
a:hover.porta  span { background: transparent url('../img/porta.gif') left -13px no-repeat; }

#partners { background: #fafafa; width: 100%; height: 120px; padding: 23px 0 0 0; position: relative; }
#partners p.head { margin: 0 0 16px 20px; }
#partners table { width: 100%; }
#partners table td { line-height: 69px; text-align: center; vertical-align: middle; background: transparent url('../img/dot-lines.gif') right top repeat-y; }
#partners table td.last { background: none; }
#partners a { font-size: 10px; display: block; position: relative; margin: 0 auto; }
#partners a span { position: absolute; left: 0; top: 0; height: 69px; display: block; cursor: pointer; }

a.lidl { width: 69px; }
a.lidl span { width: 69px; background: transparent url('../img/part-lidl.png') left top no-repeat; }
a:hover.lidl span { background: transparent url('../img/part-lidl.png') left -69px no-repeat; }

a.intertrek { width: 130px; }
a.intertrek span { width: 130px; background: transparent url('../img/part-intertrek.png') left top no-repeat; }
a:hover.intertrek span { background: transparent url('../img/part-intertrek.png') left -69px no-repeat; }

a.penny { width: 78px; }
a.penny span { width: 78px; background: transparent url('../img/part-penny.png') left top no-repeat; }
a:hover.penny span { background: transparent url('../img/part-penny.png') left -69px no-repeat; }

a.tesco { width: 126px; }
a.tesco span { width: 126px; background: transparent url('../img/part-tesco.gif') left top no-repeat; }
a:hover.tesco span { background: transparent url('../img/part-tesco.gif') left -69px no-repeat; }

a.atrios { width: 173px; }
a.atrios span { width: 173px; background: transparent url('../img/part-atrios.gif') left top no-repeat; }
a:hover.atrios span { background: transparent url('../img/part-atrios.gif') left -69px no-repeat; }

a.cc-systems { width: 120px; }
a.cc-systems span { width: 120px; background: transparent url('../img/part-cc.gif') left top no-repeat; }
a:hover.cc-systems span { background: transparent url('../img/part-cc.gif') left -69px no-repeat; }

a.gepro { width: 200px; }
a.gepro span { width: 200px; background: transparent url('../img/part-gepro.gif') left top no-repeat; }
a:hover.gepro span { background: transparent url('../img/part-gepro.gif') left -69px no-repeat; }

a.mutenice { width: 69px; }
a.mutenice span { width: 69px; background: transparent url('../img/part-mutenice.gif') left top no-repeat; }
a:hover.mutenice span { background: transparent url('../img/part-mutenice.gif') left -69px no-repeat; }

a.minimax { width: 187px; }
a.minimax span { width: 187px; background: transparent url('../img/part-minimax.gif') left top no-repeat; }
a:hover.minimax span { background: transparent url('../img/part-minimax.gif') left -69px no-repeat; }

a.moody { width: 126px; }
a.moody span { width: 126px; background: transparent url('../img/part-moody.gif') left top no-repeat; }
a:hover.moody span { background: transparent url('../img/part-moody.gif') left -69px no-repeat; }

a.nd { width: 55px; }
a.nd span { width: 55px; background: transparent url('../img/part-nd.gif') left top no-repeat; }
a:hover.nd span { background: transparent url('../img/part-nd.gif') left -69px no-repeat; }

a.tgm { width: 124px; }
a.tgm span { width: 124px; background: transparent url('../img/part-tgm.gif') left top no-repeat; }
a:hover.tgm span { background: transparent url('../img/part-tgm.gif') left -69px no-repeat; }

a.prusanky { width: 196px; }
a.prusanky span { width: 196px; background: transparent url('../img/part-prusanky.gif') left top no-repeat; }
a:hover.prusanky span { background: transparent url('../img/part-prusanky.gif') left -69px no-repeat; }

a.op { width: 174px; }
a.op span { width: 174px; background: transparent url('../img/part-op.gif') left top no-repeat; }
a:hover.op span { background: transparent url('../img/part-op.gif') left -69px no-repeat; }

a.renards { width: 115px; }
a.renards span { width: 115px; background: transparent url('../img/part-renards.gif') left top no-repeat; }
a:hover.renards span { background: transparent url('../img/part-renards.gif') left -69px no-repeat; }

a.sprojekt { width: 175px; }
a.sprojekt span { width: 175px; background: transparent url('../img/part-sprojekt.gif') left top no-repeat; }
a:hover.sprojekt span { background: transparent url('../img/part-sprojekt.gif') left -69px no-repeat; }

a.stop { width: 66px; }
a.stop span { width: 66px; background: transparent url('../img/part-stop.gif') left top no-repeat; }
a:hover.stop span { background: transparent url('../img/part-stop.gif') left -69px no-repeat; }

a.sf { width: 189px; }
a.sf span { width: 189px; background: transparent url('../img/part-sf.gif') left top no-repeat; }
a:hover.sf span { background: transparent url('../img/part-sf.gif') left -69px no-repeat; }

a.suss { width: 63px; }
a.suss span { width: 63px; background: transparent url('../img/part-suss.gif') left top no-repeat; }
a:hover.suss span { background: transparent url('../img/part-suss.gif') left -70px no-repeat; }

a.temice { width: 67px; }
a.temice span { width: 67px; background: transparent url('../img/part-temice.gif') left top no-repeat; }
a:hover.temice span { background: transparent url('../img/part-temice.gif') left -69px no-repeat; }

a.vzp { width: 150px; }
a.vzp span { width: 150px; background: transparent url('../img/part-vzp.gif') left top no-repeat; }
a:hover.vzp span { background: transparent url('../img/part-vzp.gif') left -70px no-repeat; }

/* Slider */

.coda-slider-no-js .coda-slider { height: 120px; overflow: auto !important; }
.coda-slider, .coda-slider .panel { width: 960px; } 
.coda-slider p.loading { padding: 20px; text-align: center; }

.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden; position: absolute; right: 10px; top: 10px; }
.coda-nav ul li { padding: 0; background: none; float: left; }
#partners .coda-nav ul li a { background: transparent url('../img/switch.png') -16px top no-repeat; width: 14px; height: 16px; margin: 0 0 0 10px; float: left; display: block; }
#partners .coda-nav ul li a.current { background: transparent url('../img/switch.png') left top no-repeat; }
	
.coda-slider-wrapper { clear: both; overflow: auto }
.coda-slider { float: left; overflow: hidden; position: relative }
.coda-slider .panel { display: block; float: left }
.coda-slider .panel-container { position: relative }
.coda-nav-left, .coda-nav-right { float: left }
.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }

/* Cols */

.col-1, .col-2, .col-3, .col-4 { float: left; }

.col2-set { margin: 0 0 20px 0; background: transparent url('../img/dot-lines.gif') 636px top repeat-y; }
.col2-set .col-1 { width: 588px; padding: 0 28px 0 20px; margin: 0; }
.col2-set .col-2 { width: 288px; padding: 6px 0 0 26px; margin: 0; }

#teaser .col2-set { margin: 0; background: none; }
#teaser .col2-set .col-1 { padding: 6px 28px 0 20px; }

/* Headers */

h1 { font-size: 30px; font-weight: bold; color: #fff; text-transform: uppercase; }

h2 div, .csc-header h2 { font-size: 24px; line-height: 24px; font-weight: bold; color: #fff; text-transform: uppercase; background: #99ca3c; display: block; float: left; padding: 17px 17px 15px 14px; }
h2 { margin: 0 0 8px 0; }

h3 div, .csc-header h3 { font-size: 18px; line-height: 18px; font-weight: bold; color: #fff; text-transform: uppercase; background: #99ca3c; display: block; float: left; padding: 14px 19px 14px 14px; }
h3 { margin: 0 0 22px 0; }

#teaser h1 { font-size: 24px; line-height: 24px; margin: 0 0 22px 0; }
#teaser h1 span.big { font-size: 30px; line-height: 36px; font-weight: normal; margin: 7px 0 0 0; }

/* Tables */

table.generic-table { width: 100%; margin: 0 0 20px 0; line-height: 20px; }
table.generic-table td { width: 200px; padding: 10px 18px 9px 18px; border: #c4c5c6 1px solid; border-left: none; border-right: none; }
table.generic-table td.title, table.generic-table th { font-size: 14px; font-weight: bold; color: #4b5264; background: #fff; background: #fff; }
table.generic-table td.title { width: auto; }

table.contact { line-height: 24px; margin: 0 0 13px 0; }
table.contact th { font-size: 18px; font-weight: bold; color: #545b6c; text-align: left; text-transform: uppercase; padding: 0 0 12px 0; }
table.contact li.ico-phone { line-height: 23px; padding: 0 0 7px 37px; margin: 0 0 4px 0; background: transparent url('../img/ico-phone.png') left top no-repeat; }
table.contact li.ico-mail { line-height: 21px; padding: 0 0 4px 37px; background: transparent url('../img/ico-mail.png') left 2px no-repeat; }
table.contact li.ico-mail a { font-size: 14px; font-weight: bold; color: #545b6c; background: none; }
table.contact li.ico-phone { font-size: 14px; font-weight: bold; color: #545b6c; margin: 12px 76px 0 0; }

a.tdi { position: relative; background: #cac53c; color: #fff; font-size: 12px; font-weight: bold; padding: 7px 8px 7px 15px; text-decoration: none; text-transform: uppercase; margin: 0 5px 0 0; }
a:hover.tdi { color: #fff; }
a.tdi span { position: absolute; left: -74px; top: -50px; padding: 8px 16px; display: none; background: #555c6d; white-space: nowrap; }
a.tdi span span { width: 16px; height: 7px; display: block; position: absolute; left: 94px; top: 36px; background: transparent url('../img/arr-note.png') left top no-repeat; }
a:hover.tdi span { display: block; }

a.ic { position: relative; background: #ca933c; color: #fff; font-size: 12px; font-weight: bold; padding: 7px 8px 7px 15px; text-decoration: none; text-transform: uppercase; margin: 0 5px 0 0; }
a:hover.ic { color: #fff; }
a.ic span { position: absolute; left: -54px; top: -50px; padding: 8px 16px; display: none; background: #555c6d; white-space: nowrap; }
a.ic span span { width: 16px; height: 7px; display: block; position: absolute; left: 74px; top: 36px; background: transparent url('../img/arr-note.png') left top no-repeat; }
a:hover.ic span { display: block; }

a.ad { position: relative; background: #99ca3c; color: #fff; font-size: 12px; font-weight: bold; padding: 7px 8px 7px 15px; text-decoration: none; text-transform: uppercase; margin: 0 5px 0 0; }
a:hover.ad { color: #fff; }
a.ad span { position: absolute; left: -46px; top: -50px; padding: 8px 16px; display: none; background: #555c6d; white-space: nowrap; }
a.ad span span { width: 16px; height: 7px; display: block; position: absolute; left: 65px; top: 36px; background: transparent url('../img/arr-note.png') left top no-repeat; }
a:hover.ad span { display: block; }

a.vr { position: relative; background: #3bca96; color: #fff; font-size: 12px; font-weight: bold; padding: 7px 8px 7px 15px; text-decoration: none; text-transform: uppercase; margin: 0 5px 0 0; }
a:hover.vr { color: #fff; }
a.vr span { position: absolute; left: -46px; top: -50px; padding: 8px 16px; display: none; background: #555c6d; white-space: nowrap; }
a.vr span span { width: 16px; height: 7px; display: block; position: absolute; left: 65px; top: 36px; background: transparent url('../img/arr-note.png') left top no-repeat; }
a:hover.vr span { display: block; }

a.kbozp { position: relative; background: #826fa2; color: #fff; font-size: 12px; font-weight: bold; padding: 7px 8px 7px 15px; text-decoration: none; text-transform: uppercase; margin: 0 5px 0 0; }
a:hover.kbozp { color: #fff; }
a.kbozp span { position: absolute; left: -46px; top: -50px; padding: 8px 16px; display: none; background: #555c6d; white-space: nowrap; }
a.kbozp span span { width: 16px; height: 7px; display: block; position: absolute; left: 65px; top: 36px; background: transparent url('../img/arr-note.png') left top no-repeat; }
a:hover.kbozp span { display: block; }

/* Standard classes */

p,ul { line-height: 24px; margin: 0 0 24px 0; }
ul li { line-height: 30px; padding: 0 0 0 31px; background: transparent url('../img/li.gif') left 9px no-repeat; }

small { font-size: 12px; }

a { color: #739d22; background: #fff; text-decoration: underline; }
a:hover { color: #000; text-decoration: none; }
a.blank { padding: 0 13px 0 0; background: transparent url('../img/a-blank.gif') right 3px no-repeat; }
table.contact a.blank { padding: 0 13px 0 0; background: #fff url('../img/a-blank.gif') right 3px no-repeat; }
#content .col-1 p a { padding: 2px; }

/* Various classes */

.nowrap,
.nobr { white-space: nowrap !important; }

.bold { font-weight: bold; }

.border { width: 100%; border-bottom: 1px solid #bdbebf; margin: 0 0 20px 0; }

a.more { font-size: 12px; font-weight: bold; padding: 12px; color: #020202; background: transparent url('../img/glass-box.png') left top repeat; float: left; display: block; }
a:hover.more { background: #fff; }
a.more span { background: transparent url('../img/ico-arr.gif') left 3px no-repeat; display: block; padding: 0 0 0 14px; }

.moody { margin: 0 0 20px 0; }
.moody a { display: block; width: 159px; background-color: transparent; }
#teaser .moody a { display: block; width: 110px; height: 50px; }

/* Fader HP */

.fadecontentwrapper { position: relative; width: 960px; height: 100px; overflow: hidden; }
.fadecontent { width: 100%; position: absolute; background: #fafafa; visibility: hidden; }
.fadecontenttoggler { clear: both; display: block; margin: auto; overflow: hidden; position: absolute; right: 10px; top: 10px; }
.fadecontenttoggler a { text-decoration: none; background: transparent url('../img/switch.png') -14px top no-repeat; width: 14px; height: 16px; margin: 0 0 0 10px; float: left; display: block; }
.fadecontenttoggler a.selected { background: transparent url('../img/switch.png') 2px top no-repeat; }

/* Alignment */

.v-top { vertical-align: top; }
.v-middle { vertical-align: middle; }
.v-bottom { vertical-align: bottom; }

table.v-middle td { vertical-align: middle; }

.left { float: left; }
.right { float: right; }
.a-left { text-align: left; }
.a-right { text-align: right; }
.a-center { text-align: center; }

/* Clearfix */

.clearfix:after,
.col2-set:after,
#side-nav:after,
.csc-header:after,
h2:after,
h3:after {
	content:".";
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	overflow: hidden;
}