@charset "UTF-8";
/* CSS Document */

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,hr { margin: 0; padding: 0; border-collapse: collapse; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

body { 
	font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; 
	background: #EBECEC url(../images/bckg/tz-bar-bckg.png) repeat-x; 
	text-align: center; 
}

a { color: #000; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }

.black { color: #000; font-weight: bold; }

.replaced {	text-indent: -9999px; }

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

/* Home Page */
body.home { background-color: #E5E5E5; background-imgae: none; }
body.home #container { padding-top:260px; }
.bckg { background: url(../images/bckg/tz-bckg-homepage.jpg) no-repeat 50% 0; display: table; position: relative; width: 100%; height: 1100px; background-width: 3000px; }
.bckgstrip { background: url(../images/bckg/tz-bckg-strip.jpg) repeat-x 0; display: table; position: absolute; width: 100%; height: 441px; top: 230px; }

#container #logoTZvertical { position: absolute; top: 77px; width: 273px; height: 125px; background: url(../images/logos/tz-v_logo.png) no-repeat 0 0; }
#container #iconTel { position: absolute; top: 154px; right: 0px; width: 269px; height: 52px; background: url(../images/ico/tz-tel_big.png) no-repeat 0 0; }

#container #linksBox { position: relative; width: 100%; height: 310px; text-align: left; }

#linksBox a.btnOnlineBig { position: absolute; width: 305px; height: 46px; left: -20px; top: 239px; background: url(../images/btn/tz-btn-online-big.png) no-repeat 0 0; }
#linksBox a.btnOnlineBig:hover { background-position: 0 -46px; }

#linksBox a.promoLink { 
	float: left;
	width: 258px; 
	height: 240px; 
	padding: 35px 26px; 
	margin-right: 15px; 
	background: url(../images/btn/tz-btn-preklady.jpg) no-repeat 0 0; 
}

#linksBox a.last { margin-right: 0px; }
#linksBox a.promoLink:hover { background-position: 0 -310px; text-indent: -9999px; }
#linksBox a h1 { font-size: 26px; font-weight: bold; padding-bottom: 10px; color: #A1102A; }
#linksBox a p { width: 140px; font-size: 13px; line-height: 20px; padding-top: 10px; }


/* ostatní stránky */
#container #topBar { 
	text-align: right; 
	width: 100%; 
	height: 34px; 
	margin-bottom: 45px; 
}

/* odkazy */
#topBar p { padding-top: 8px; font-size: 10px; }
#topBar p span { margin: 0 10px;}
#topBar a { margin: 0 10px; }
#topBar a.last { margin-right: 0px; }
#topBar a.mail { white-space: nowrap; padding-right: 20px; background: url(../images/btn/tz-btn-mail.png) no-repeat 100% 50%; zoom: 1; }

/* hlavní menu */
#container #navigation { text-align: left; width: 100%; height: 34px; margin-bottom: 41px; }
#navigation #gNavBar { float: left; width: 678px; height: 34px; margin-right: 20px; }
#navigation a.logo { float: left; width: 262px; height: 0px; padding-top: 38px; overflow: hidden; background-image: url(../images/logos/tz-h_logo.png); }

#gNavBar li { display: inline }
#gNavBar li a { 
	float: left; 
	width: 113px; 
	height: 0px; 
	padding-top: 34px; 
	overflow: hidden; 
	background-size: 678px;
	background-image: url(../images/nav/tz-gnavbar.png);
}

#gNavBar li#gnb-preklady a { background-position: 0 0; }
#gNavBar li#gnb-online a { background-position: -113px 0; }
#gNavBar li#gnb-tlumoceni a { background-position: -226px 0; }
#gNavBar li#gnb-korektury a { background-position: -339px 0; }
#gNavBar li#gnb-grafika a { background-position: -452px 0; }
#gNavBar li#gnb-translatezone a { background-position: -565px 0; }

#gNavBar li#gnb-preklady a:hover { background-position: 0 -34px; }
#gNavBar li#gnb-online a:hover { background-position: -113px -34px; }
#gNavBar li#gnb-tlumoceni a:hover { background-position: -226px -34px; }
#gNavBar li#gnb-korektury a:hover { background-position: -339px -34px; }
#gNavBar li#gnb-grafika a:hover { background-position: -452px -34px; }
#gNavBar li#gnb-translatezone a:hover { background-position: -565px -34px; }

#gNavBar li#gnb-preklady a:active { background-position: 0 -68px; }
#gNavBar li#gnb-online a:active { background-position: -113px -68px; }
#gNavBar li#gnb-tlumoceni a:active { background-position: -226px -68px; }
#gNavBar li#gnb-korektury a:active { background-position: -339px -68px; }
#gNavBar li#gnb-grafika a:active { background-position: -452px -68px; }
#gNavBar li#gnb-translatezone a:active { background-position: -565px -68px; }

#gNavBar.preklady li#gnb-preklady a { background-position: 0 -102px; }
#gNavBar.online li#gnb-online a { background-position: -113px -102px; }
#gNavBar.tlumoceni li#gnb-tlumoceni a { background-position: -226px -102px; }
#gNavBar.korektury li#gnb-korektury a { background-position: -339px -102px; }
#gNavBar.grafika li#gnb-grafika a { background-position: -452px -102px; }
#gNavBar.translatezone li#gnb-translatezone a { background-position: -565px -102px; }

/* obsah stránek */
#container #sitemap { clear: both; position: relative; width: 934px; height: 178px; margin: 150px 0 35px 0; padding: 52px 0 0 26px; text-align: left; background:url(../images/bckg/tz-bckg-sitemap.png) no-repeat 0 0; }

#sitemap a.block { float: left; width: 166px; margin-right: 20px; display: block; font-size: 11px; line-height: 15px; color: #777877; }
#sitemap a.block:hover { text-decoration: none; }

#sitemap h1 { font-size: 13px; font-weight: bold; color: #505150; }
#sitemap a.block:hover h1 { text-decoration: underline; }

#sitemap ul { list-style-type: disc; padding-left: 15px; }
#sitemap li { padding-top: 8px; }

#sitemap #copyright { position: absolute; bottom: 2px; right: 8px; text-align: right; font-size: 10px; color: #777877; }
#sitemap #copyright a { font-size: 10px; color: #777877; }

#sitemap a#translatezone { position: absolute; width: 198px; height: 11px; left: 10px; top: 10px; text-indent:-9999px; background: url(../images/btn/tz-btn-translatezone-sitemap.png) no-repeat 0 0; }
#sitemap a#online { position: absolute; width: 136px; height: 0px; padding-top: 28px; left: 0; bottom: 0; overflow: hidden; background: url(../images/btn/tz-btn-online-sitemap.png) no-repeat 0 0; }
#sitemap a#mail { position: absolute; width: 123px; height: 0px; padding-top: 34px; right: 0; top: 0; overflow: hidden; background: url(../images/btn/tz-btn-mail-sitemap.png) no-repeat 0 0; }

#container #footer { width: 100%; text-align: left; }
#footer .logo { float: left; margin-right: 20px; }

#container #content { 
	position: relative; 
	width: 100%; 
	text-align: left; 
}

#content #leftColumn {
	float: left; 
	margin-right: 18px; 
	width: 680px; 
	margin-right: 18px; 
	margin-top: -5px; 
}

#content #leftColumn #textBox {
	position: absolute; 
	width: 245px; 
	height: 322px;
	padding: 50px 10px 10px 18px; 
	top: 14px; 
	left: 372px;
	background: url(../images/bckg/tz-text-bckg.png) no-repeat 0 0;
}

#content #leftColumn #whiteBoxTop { 
	width: 690px; 
	height: 20px; 
	margin-left: -5px; 
	background: url(../images/bckg/tz-content-top_bckg.png) no-repeat 0 0;
}
#content.preklady #leftColumn #whiteBoxTop { height: 105px; background-image: url(../images/bckg/tz-content-preklady-top_bckg.jpg); }
#content.tlumoceni #leftColumn #whiteBoxTop { height: 105px; background-image: url(../images/bckg/tz-content-tlumoceni-top_bckg.jpg); }
#content.korektury #leftColumn #whiteBoxTop { height: 105px; background-image: url(../images/bckg/tz-content-korektury-top_bckg.jpg); }
#content.grafika #leftColumn #whiteBoxTop { height: 105px; background-image: url(../images/bckg/tz-content-grafika-top_bckg.jpg); }
#content.translatezone #leftColumn #whiteBoxTop { height: 105px; background-image: url(../images/bckg/tz-content-translatezone-top_bckg.jpg); }
#content.reference #leftColumn #whiteBoxTop { height: 105px; background-image: url(../images/bckg/tz-content-reference-top_bckg.jpg); }

#content #leftColumn #whiteBox {
	clear: both; 
	width: 610px; 
	padding: 40px 40px 15px 40px; 
	margin-left: -5px; 
	background: url(../images/bckg/tz-content-bckg.png) repeat-y 0 0;
}

#content #leftColumn #whiteBoxBottom { 
	clear: both;
	width: 690px; 
	height: 20px; 
	margin-left: -5px;
	margin-bottom: 30px; 
	background-image: url(../images/bckg/tz-content-bottom_bckg.png); 
}

#whiteBox #twoColumn { width: 295px; float: left; margin-right: 20px; }
#whiteBox #twoColumn.last { margin-right: 0px; }
#whiteBox #twoColumn.border { width: 383px; margin-right: 16px; padding-right: 30px; border: #EBECEC 0px solid; border-right-width: 1px; }
#whiteBox #twoColumn.info { width: 180px; font-size: 11px; }

#content #leftColumn h1 {
	display: block;
	position: absolute; 
	width: 200px; 
	height: 48px; 
	top: 64px; 
	left: -20px;
	background: url(../images/bckg/tz-h1-bckg.png) no-repeat 0 0;
	font-size: 21px; font-weight: bold; color: #FFF;
	z-index: 50;
}
#content.preklady #leftColumn h1 { background-image: url(../images/text/tz-preklady.png); }
#content.tlumoceni #leftColumn h1 { background-image: url(../images/text/tz-tlumoceni.png); }
#content.korektury #leftColumn h1 { background-image: url(../images/text/tz-korektury.png); }
#content.grafika #leftColumn h1 { background-image: url(../images/text/tz-grafika.png); }
#content.translatezone #leftColumn h1 { background-image: url(../images/text/tz-translatezone.png); }
#content.reference #leftColumn h1 { background-image: url(../images/text/tz-reference.png); }
#content.online #leftColumn h1 {
	height: 43px;
	top: -16px;
	left: 462px;
	background-image: url(../images/text/tz-online.png);
}
#content.online #leftColumn h1.insertText {
	top: 31px;
	left: 35px;
	background-image: url(../images/text/tz-text_prekladu.png);
	font-size: 14px;
}

#whiteBox h2 { width: 610px; font-size: 14px; line-height: 20px; color: #000; padding-bottom: 25px; }
#whiteBox h2.first { padding-bottom: 10px; }
#whiteBox h3 { font-size: 13px; font-weight: bold; color: #A1102A; padding: 0 0 8px 25px; background: url(../images/text/tz-bodik.png) no-repeat 0 2px; }

h4 {
	display: block;
	width: 180px;
	height: 22px;
	margin: 0 0 15px -16px;
	padding: 3px 0 0 16px;
	background: url(../images/bckg/tz-h4-bckg.png) no-repeat 0 0;
	color: #000;
	font-weight: bold;
}

#whiteBox a { font-size: 12px; color: #A2BD3D; }
#whiteBox span.tel { font-size: 14px; color: #A2BD3D; font-weight: bold; }
#whiteBox p, #textBox p { color: #707172; padding-bottom: 8px; }

#whiteBox p.last { padding-bottom: 20px; }
#whiteBox p.indent { padding-left: 25px; }
#whiteBox ul { list-style-type: disc; padding: 0 0 20px 40px; }
#whiteBox li { color: #707172; padding-bottom: 8px; }
#whiteBox hr { width: 680px; height: 1px; margin: 20px 0 10px -35px; background-color: #EBECEC; border: none; } 

#content #sideBar{ 
	float: left; 
	width: 262px; 
}

#sideBar a { display: block; width: 262px; height: 106px; margin-bottom: 10px; overflow: hidden; background: url(../images/nav/tz-sidebar-preklady.jpg) no-repeat 0 0; }
#sideBar a:hover { background-position: 0 -106px; text-decoration: none; }
#sideBar a.preklady { background-image: url(../images/nav/tz-sidebar-preklady.jpg) }
#sideBar a.tlumoceni { background-image: url(../images/nav/tz-sidebar-tlumoceni.jpg) }
#sideBar a.online { background-image: url(../images/nav/tz-sidebar-online.jpg) }
#sideBar a.kontakty { background-image: url(../images/nav/tz-sidebar-kontakty.jpg) }
#sideBar a.reference { background-image: url(../images/nav/tz-sidebar-reference.jpg) }

#sideBar a #textBox { width: 125px; height: 75px; margin: 18px 0 0 120px; }
#sideBar a #textBox h1 { font-size: 16px; font-weight: bold; color: #60802C; white-space: nowrap; }
#sideBar a #textBox p { font-size: 11px; line-height: 14px; color: #707172; }

#content #logoEC { clear: both; float: left; margin: -60px 0 0 730px; width: 193px; height: 20px; background-image:url(../images/logos/tz-easycorp-logo.png); }

/* formulář */
#obj_form { margin-top: 7px; font-size: 11px; }
#obj_form p { color: #000; }
#obj_text { width: 308px; height: 334px; margin-left: 14px; }
#obj_jazyky { width: 610px; height: 28px; padding: 12px 35px; margin: 20px 0 15px -35px; background-image: url(../images/bckg/tz-form-bckg.png); } 
#obj_jazyk1, #obj_jazyk2 { float: left; width: 123px; margin-right: 25px; margin-top: 6px; }
#obj_spocitat { float: right; width: 138px; border: none; height: 27px; text-indent: -9999px; overflow: hidden; background:url(../images/btn/tz-btn-spocitat.png) no-repeat 0 0; }
#obj_spocitat:hover { cursor: pointer; }
#obj_pages_output_2 { font-size: 13px; font-weight: bold; }

#whiteBox form table tr td { width: 200px; padding: 0 5px 7px 0;}
#whiteBox form table tr td div { display: block; width: 174px; height: 74px; padding: 13px; font-family: Arial, Helvetica, sans-serif; }
#whiteBox form table tr td div:hover { text-decoration: none; }
#whiteBox form table tr td div h5 { font-size: 15px; font-weight: bold; padding: 0; color: #000 }
#whiteBox form table tr td div p { padding: 0; width: 160px; }
#whiteBox form table tr td div p.days { line-height: 14px; padding: 2px 0; }
#whiteBox form table tr td div p.price { font-size: 23px; line-height: 30px; color: #FFF; font-weight: bold; }
#whiteBox form table tr td div p.price span { font-size: 28px; }

.kontrolaBezne { background-image: url(../images/bckg/tz-bckg-kontrola_bezne.png) }
.kontrolaSpesne { background-image: url(../images/bckg/tz-bckg-kontrola_spesne.png) }
.kontrolaExpres { background-image: url(../images/bckg/tz-bckg-kontrola_expres.png) }
.korekturaBezne { background-image: url(../images/bckg/tz-bckg-korektura_bezne.png) }
.korekturaSpesne { background-image: url(../images/bckg/tz-bckg-korektura_spesne.png) }
.korekturaExpres { background-image: url(../images/bckg/tz-bckg-korektura_expres.png) }

/* Reference */
.ref-row {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}

.ref-row-item {
	display: block;
	flex-basis: 145px;
	height: 145px;
	overflow: hidden;
}

.ref-link {
	display: block;
	width: 145px;
	height: 145px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100% 200%;
}

.ref-link:hover {
	background-position: 0 -145px;
}

.ref-link.rf-fresenius { background-image: url(../images/refs/btn-fresenius.png); }
.ref-link.rf-primalex { background-image: url(../images/refs/btn-primalex.png); }
.ref-link.rf-smartwings { background-image: url(../images/refs/btn-smartwings.png); }
.ref-link.rf-unicredit { background-image: url(../images/refs/btn-unicredit.png); }