/* NULOVANI OKRAJU */
* { margin: 0px; padding: 0px; }
img { border: none; }

/* HLAVNI DEFINICE */
html { background: #e5e5e5 url('../images/back-html.gif') left top repeat-x; }
body {
	font-family: Calibri, sans-serif;
	color: #5b5e61;
	background: url('../images/back-body.gif') left bottom repeat-x;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
}
body.short { background: url('../images/back-body-short.gif') left bottom repeat-x; }

/* TEXT */
.bold, #footer .help a, #menu li a, input.send, .division .want, .wantsol { font-weight: bold; }
.normal, .contact strong, .arrow { font-weight: normal; }
.italic { font-style: italic; }
.nounderline, h1 a, #footer .help a, #menu a, .division .want, .wantsol { text-decoration: none; }
.underline { text-decoration: underline; }
.uppercase { text-transform: uppercase; }
.text14 { font-size: 14px; line-height: 16px; }
.text15, .gps, p.man { font-size: 15px; line-height: 18px; }
.text16 { font-size: 16px; line-height: 20px; }
.text17 { font-size: 17px; line-height: 22px; }

/* LINKY, OKRAJE */
.nolineheight { line-height: 0px; }
.noborder { border: none !important; }

/* ZAROVNANI */
.center, .divisions, #footer .help a, #menu .help span, input.send, .gps, #menu li a, .cert .box, .refs .items a, .browse, .arrow, .division .want { text-align: center; }
.left, h1, #main, #page, .division .arrow { text-align: left; }
.right { text-align: right; }
.justify { text-align: justify; }
.top { vertical-align: top; }
.middle { vertical-align: middle; }
.bottom { vertical-align: bottom; }

/* POZICOVANI */
.absolute, h1 span, #menu li a, #menu .active, #menu .help span, .gps, .scrollable .items, .browse, .division .boss, .division .want { position: absolute; }
.relative { position: relative; }		
.floatleft, .cert .box3, #footer .box5, .items a, .refsmore img, #menu li, #menu .help a, .intro, .about, .content, .contact strong, p.man, .man img, h3.refsa, .items p, .arrow, label, #footer .help a, .refslogo img, .google, .seznam { float: left; }
.floatright, #fb, #menu .help { float: right; }
.cls, .anchor, label, .arrow, #footer { clear: both; }
.break { line-height: 0px; font-size: 0px; height: 0px; margin: 0px; }

/* BLOKY */
.block, label, #menu li a, #menu .active, #menu .help a, #menu .help span, .contact strong, .browse, .arrow, .division .want, .wantsol, #footer .help a, .webs img, .refsmore img, .anchor, .google, .seznam { display: block; }
.ablock { width: 100%; height: 100%; display: block; }

/* ZOBRAZENI */
.no, hr, #menu .a7 { display: none; }
.hidden, h1, #menu .help a, .scrollable, #footer .help a, #fb iframe { overflow: hidden; }
.nopoint, #menu ul, .box ul { list-style: none; }
.noformat {
	display: inline !important;
	float: none !important;
	text-align: left !important;
	width: auto !important;
}
.anchor { font-size: 1px; line-height: 1px; height: 1px; }

/* KULATE ROHY */
.rounded, input, textarea, select, .box, .items a, .man img, .webs, .browse, p.ok, p.ko, #footer .help a, #fb {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.lrounded, label, .arrow, .wantsol {
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.trounded, #menu .help span {
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

/* BARVY */
.white, #menu a, #footer a:hover, .ok, .ko, .division .want, .division .arrow, .wantsol:hover, .intro, .intro h2, .about h2, .about, .arrow, .content a.wantsol, label, input.send { color: #ffffff; }
.whiteg, #fb, #footer .help a:hover, .content, .gps, .career { background-color: #ffffff; }
.black { color: #000000; }
.blackg { background-color: #000000; }
.orange, h2, h3, h4, .box a { color: #e3512a; }
.orangeg { background-color: #e3512a; }
.oranged { color: #d04c29; }
.orangedg { background-color: #d04c29; }
.orangel { color: #ee9423; }
.orangelg { background-color: #ee9423; }
.red { color: #b9032d; }
.redg { background-color: #b9032d; }
.violet { color: #9e0159; }
.violetg { background-color: #9e0159; }
.gray, a { color: #5b5e61; }
.grayg { background-color: #5b5e61; }
.gray1, #footer, #footer a { color: #bebebf; }
.gray1g, #footer .help a, .browse:hover { background-color: #bebebf; }
.gray2 { color: #9b9c9d; }
.gray2g { background-color: #9b9c9d; }
.gray3, #footer .help a { color: #818183; }
.gray3g, #footer .box1 { background-color: #818183; }
.gray4, h1, h1 a, a:hover { color: #777679; }
.gray4g { background-color: #777679; }
.gray5 { color: #4e5052; }
.gray5g { background-color: #4e5052; }
.gray6, a.browse { color: #f4f4f4; }
.gray6g, .cert .box3, .items a, .webs p, .browse { background-color: #f4f4f4; }

/* HLAVNI CAST STRANKY */
#page { width: 970px; margin: 0px auto 0px auto; }
#main { background: url('../images/back-head.jpg') center top no-repeat; }

/* HLAVICKA */
h1 {
	width: 950px;
	height: 140px;
	font-size: 30px;
	line-height: 40px;
	margin: 0px auto 0px auto;
	padding: 56px 0px 51px 19px;
	cursor: pointer;
}
h1 span {
	width: 548px;
	height: 140px;
	background: url('../images/back-h1.gif') center top no-repeat;
}
h1 em { font-size: 25px; }
.short h1 { padding: 0px 0px 0px 0px; }
.short h1, .short h1 span { width: 970px; height: 124px; }
.helpdesk h1 span { background: url('../images/back-h1-helpdesk.gif') left top no-repeat; }
.webmail h1 span { background: url('../images/back-h1-webmail.gif') left top no-repeat; }
.tracking h1 span { background: url('../images/back-h1-tracking.gif') left top no-repeat; }
.data h1 span { background: url('../images/back-h1-data.gif') left top no-repeat; }
.help h1 span { background: url('../images/back-h1-help.gif') left top no-repeat; }

/* MENU */
#menu {
	height: 72px;
	background: url('../images/back-menu.png') left 7px no-repeat;
	padding: 0px 0px 0px 6px;
}
#menu li { width: 130px; height: 72px; }
#menu li a {
	width: 130px;
	height: 72px;
	font-size: 22px;
	line-height: 68px;
	z-index: 150;
}
#menu li a:hover { background: url('../images/back-menu-hover.gif') 0px 7px no-repeat; }
#menu li.act a:hover { background: url('../images/back-menu-active-hover.gif') 0px 0px no-repeat; }
#menu .active {
	width: 142px;
	height: 72px;
	background: url('../images/back-menu-active.gif') left top no-repeat;
	z-index: 100;
}
#menu .a1 { margin: 0px 0px 0px -6px; }
#menu .a2 { margin: 0px 0px 0px 124px; }
#menu .a3 { margin: 0px 0px 0px 254px; }
#menu .a4 { margin: 0px 0px 0px 384px; }
#menu .a5 { margin: 0px 0px 0px 514px; }
#menu .a6 { margin: 0px 0px 0px 644px; }
#menu .help { padding: 23px 7px 0px 0px; }
#menu .help a { width: 34px; height: 30px; }
#menu .help1 { background: url('../images/ico-helpdesk.gif') center top no-repeat; }
#menu .help2 { background: url('../images/ico-tracking.gif') center top no-repeat; }
#menu .help3 { background: url('../images/ico-webmail.gif') center top no-repeat; }
#menu .help4 { background: url('../images/ico-sitemap.gif') center top no-repeat; }
#menu .help span {
	width: 104px;
	height: 44px;
	background: url('../images/arrow-help.png') center bottom no-repeat;
	line-height: 36px;
	margin: -42px 0px 0px -35px;
}

/* BOXY */
.box, .items a { padding: 0px 0px 17px 0px; }
.box h2 { font-size: 25px; padding: 6px 27px 19px 27px; }
.box h3 { font-size: 22px; padding: 10px 27px 10px 27px; }
.box h4 { font-size: 18px; padding: 10px 27px 5px 27px; }
.box p { padding: 0px 27px 13px 27px; }
.box ul { padding: 0px 27px 13px 32px; }
.box ol { padding: 0px 27px 13px 57px; }
.box ul li ul { padding: 5px 0px 10px 0px; }
.box ul li { background: url('../images/li-standard.gif') left 4px no-repeat; padding: 2px 0px 2px 25px; }
.box1 { width: 970px; }
.box2 { width: 475px; }
.box3 { width: 710px; }
.box4, .items a { width: 230px; }
.box5 { width: 470px; }
.box6 { width: 930px; margin: 5px 0px 15px 20px; padding: 10px 0px 0px 0px; }
.box6 p { padding: 0px 17px 13px 17px; }
.box6 ul { padding: 0px 17px 13px 22px; }

/* INTRO */
.intro { margin: 20px 0px 20px 20px; background: #d44b1d url('../images/foto-ceo.jpg') right bottom no-repeat; }
.intro p { padding: 0px 190px 13px 27px; }
.intro h2, .about h2 { padding: 26px 27px 19px 27px; }
.about { margin: 20px 0px 20px 0px; background-color: #818183; }
.cert { margin: 20px 0px 0px 0px; }
.cert .box { padding: 10px 0px 6px 0px; margin: 0px 0px 0px 10px; }
.cert .arrow { margin: 0px 0px 0px 0px; }
.career { margin: 0px 0px 20px 0px; background: #ffffff url('../images/career-server.jpg') left top no-repeat; }
.career h2 { padding: 25px 20px 10px 250px; }
.career p { padding: 0px 20px 10px 250px; }

/* OBSAH */
.content {
	margin: 20px 0px 0px 0px;
	padding: 20px 0px 10px 0px;
	font-size: 17px;
}
.gps { line-height: 16px; margin: 185px 0px 0px 56px; }
.contact strong { width: 4em; color: #d44b1d; }
p.man {
	width: 310px;
	padding: 90px 0px 20px 25px;
	line-height: 17px;
}
.man img { margin: -90px 10px 0px 0px; }
abbr { cursor: help; border-bottom: 1px dotted #5b5e61; }

/* REFERENCE */
h3.refsa { margin: 20px 0px 0px 0px; }
.refs .items a { padding: 10px 0px 6px 0px; margin: 20px 0px 0px 10px; }
.scrollable {
	position: relative;
	width: 720px;
	height: 140px;
	margin: 0px 0px 0px 0px;
}
.scrollable .items { width: 20000em; }
.webs {
	width: 545px;
	height: 465px;
	margin: 0px 0px 0px 60px;
}
.webs p { padding: 10px; }
.webs .items a { width: 524px; background: none; }
.browse {
	width: 30px;
	height: 200px;
	padding: 0px;
	cursor: pointer;
}
a.browse:hover { color: #bcbcbd; }
.prev { margin: 100px 0px 0px 25px; background: #f4f4f4 url('../images/prev.png') -30px center no-repeat; }
.prev:hover { background: #bcbcbd url('../images/prev.png') left center no-repeat; }
.next { margin: 100px 0px 0px 610px; background: #f4f4f4 url('../images/next.png') left center no-repeat; }
.next:hover { background: #bcbcbd url('../images/next.png') -30px center no-repeat; }
.wantsol {
	width: 250px;
	height: 40px;
	line-height: 42px;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 25px 0px;
	background: url('../images/arrowm-gray-large.png') right top no-repeat;
}
.wantsol:hover { background: url('../images/arrowm-standard-large.png') right top no-repeat; }

/* SIPKY */
.arrow {
	font-size: 20px;
	width: 250px;
	height: 98px;
	line-height: 94px;
	background: url('../images/arrow-standard.png') left top no-repeat;
	margin: 20px 10px 20px 0px;
}
.aorange { background: url('../images/arrow-orange.png') left top no-repeat; }
.ared { background: url('../images/arrow-red.png') left top no-repeat; }
.aviolet { background: url('../images/arrow-violet.png') left top no-repeat; }
.agray { background: url('../images/arrow-gray.png') left top no-repeat; }
.refsmore img { margin: 5px 5px 18px 0px; }
.refslogo img { margin: 0px 25px 3px 10px; }

/* DIVIZE */
.division .arrow {
	font-size: 20px;
	line-height: 22px;
	width: 215px;
	height: 73px;
	padding: 25px 0px 0px 35px;
}
.division .box { width: 540px; padding: 20px 170px 5px 0px; }
.division h4 { font-size: 18px; padding: 10px 27px 5px 27px; }
.division .boss { margin: -55px 0px 0px 375px; }
.division .want {
	width: 152px;
	height: 42px;
	margin: -30px 0px 0px 145px;
	line-height: 42px;
}
.hardware .box { background: #ffffff url('../images/tdg-hardware.jpg') right bottom no-repeat; }
.hardware .want { background: url('../images/arrowm-standard.png') left top no-repeat; }
.hardware .box ul li { background: url('../images/li-standard.gif') left 4px no-repeat; }
.software .box { background: #ffffff url('../images/tdg-software.jpg') right bottom no-repeat; }
.software .want { background: url('../images/arrowm-red.png') left top no-repeat; }
.software .box ul li, .box li.software { background: url('../images/li-red.gif') left 4px no-repeat; }
.media .box { background: #ffffff url('../images/tdg-media.jpg') right bottom no-repeat; }
.media .want { background: url('../images/arrowm-orange.png') left top no-repeat; }
.media .box ul li, .box li.media { background: url('../images/li-orange.gif') left 4px no-repeat; }
.solutions .box { background: #ffffff url('../images/tdg-solutions.jpg') right bottom no-repeat; }
.solutions .want { background: url('../images/arrowm-violet.png') left top no-repeat; }
.solutions .box ul li, .box li.solutions { background: url('../images/li-violet.gif') left 4px no-repeat; }

/* FORMULARE */
input, textarea, select {
	font-family: Calibri, sans-serif;
	font-size: 17px;
	padding: 10px 10px 10px 10px;
	border: 0px;
	margin: 0px 0px 5px 0px;
	background-color: #e6e6e6;
}
input { width: 190px; }
label {
	width: 190px;
	height: 40px;
	background: url('../images/back-label.gif') right top no-repeat;
	line-height: 40px;
	margin: 0px 10px 5px 0px;
	padding: 0px 10px 0px 15px;
}
label.important { background: url('../images/back-label-important.gif') right top no-repeat; }
input.send {
	font-size: 20px;
	padding: 7px 10px 7px 10px;
	background-color: #d44b1d;
	margin: 0px 0px 0px 225px;
	width: 210px;
	cursor: pointer;
}
option { padding: 0px 10px 0px 0px; }
p.ok, p.ko {
	margin: 0px 27px 13px 27px;
	padding: 15px 15px 15px 75px;
	font-size: 19px;
}
.ok { background: #469b20 url('../images/ico-ok.gif') 12px 12px no-repeat; }
.ko { background: #cc0000 url('../images/ico-ko.gif') 12px 12px no-repeat; }
#nospam { width: 50px; margin: 0px 5px 0px 0px; }

/* SOUBORY */
.ico { padding: 0px 0px 0px 20px; line-height: 22px }
.pdf { background: url('../images/ico-pdf.gif') 0px 4px no-repeat; }
.tdg { background: url('../images/ico-tdg.gif') 0px 4px no-repeat; }
.google, .seznam {
	width: 110px;
	height: 31px;
	padding: 5px 0px 0px 105px;
}
.google { background: url('../images/ico-google.gif') 70px top no-repeat; }
.seznam { background: url('../images/ico-seznam.gif') 70px top no-repeat; }

/* CHYBY */
.error { min-height: 250px; }
.error p { padding: 0px 320px 13px 27px; }
.e403 { background: #ffffff url('../images/error-403.jpg') bottom right no-repeat; }
.e404 { background: #ffffff url('../images/error-404.jpg') bottom right no-repeat; }
.e500 { background: #ffffff url('../images/error-500.jpg') bottom right no-repeat; }

/* PATICKA */
#footer {
	height: 400px;
	font-size: 14px;
	line-height: 17px;
	padding: 40px 0px 0px 0px;
}
#footer .cls { height: 3px; }
#footer .divisions { padding: 40px 0px 0px 0px; }
#footer .box p { padding: 0px 0px 0px 20px; }
#footer .box5 {
	background: #777679 url('../images/back-footer.jpg') 14px 14px no-repeat;
	padding: 69px 0px 9px 0px;
	margin: 10px 0px 0px 20px;
}
#footer .box5 p { padding: 0px 20px 11px 23px; }

/* POMOCNE BLOKY */
#footer .help a {
	width: 110px;
	height: 83px;
	margin: 20px 10px 0px 0px;
	font-size: 15px;
	line-height: 133px;
}
#footer .help0 { background: url('../images/ico-home.png') center 8px no-repeat; }
#footer .help1 { background: url('../images/ico-helpdesk-b.png') center 8px no-repeat; }
#footer .help2 { background: url('../images/ico-tracking-b.png') center 8px no-repeat; }
#footer .help3 { background: url('../images/ico-webmail-b.png') center 8px no-repeat; }
#footer .help4 { background: url('../images/ico-sitemap-b.png') center 8px no-repeat; }

/* FACEBOOK */
#fb {
	width: 446px;
	padding: 2px;
	margin: 20px 20px 0px 0px;
}

/* OPRAVA VELIKOSTI FONTU */
body.nofont { font-size: 15px; }
.nofont #footer { font-size: 13px; }
.nofont .gps { font-size: 14px; line-height: 17px; }
.nofont label, .nofont .intro, .nofont .about { font-size: 15px; }
.nofont .intro p { padding: 0px 200px 13px 27px; }
.nofont a.wantsol { font-size: 15px; }

/* RUZNE */
#ssl_seal { z-index: 10000; }