@import "global.css";

@media screen, projection {
	
	body { background: #b2b2b2 url('../img/bkg-body.gif') repeat-x;}
	
	a { color: #cc0000; text-decoration: underline; font-weight: bold;}
	a:hover { text-decoration: none; } 
	img { border: solid #98b2e5 0px; }
	p { color: #555555; }
	h1 { color: #cc0000; }
    h2.title {color: #cc0000;text-decoration: underline;font-weight: bold;}
	
	#wrap { margin: auto; margin-bottom: 30px; text-align: center; width: 930px; }
	#title-link { text-decoration: none; }
	#title-top { height: 155px; background: url('../img/bkg-image.png') center bottom no-repeat; display: table-cell; vertical-align: middle; width: 1000px; }
	#title-menu { height: 52px; background: #bb000a; }
	.title-text { color: #000; text-transform: uppercase; font-size: 26px; margin-left: 300px; line-height: 150%; }
	.separator { height: 35px; background-color: #f2f2f2; }
	
	#logo { margin: 5px 0 5px 40px; text-align: left; height: 50px; }
	#logo-img { border: none; }
	
	#page { background: #f2f2f2; text-align: left; }
	#main { display:block; min-height: 500px; }
	#footer { background: #bb000a; }
	#footer p,
    #footer a { color: #fff; }
	
	#centerleft, #centerright { width: 710px; }
	#centerleft{ float: left; margin-left: 0px; }
	#centerright { float: right; margin-right: 0px; }
	#center { }
	
	#centerleft .content { padding: 15px; }
	#centerright .content { padding: 15px; }
	#center .content { padding: 15px; }

	#left,#right { width: 210px; }
	#left { float: left; }
	#right { float: right; }
	
	#navigation { margin: 0 0px 0 0px; border-bottom: solid #cccccc 1px; }
	
	.content { min-height: 470px; }
	
	.path {  }
	.path ul { list-style: none; }
	.path ul li { background: url('../img/bullet-black.gif') 0px 15px no-repeat; }
	.path ul li a { font-size: 12px; color: #bb000a; text-decoration: underline; font-weight: bold; padding: 0 13px 0 18px; }
	.path ul li.sfhover a { text-decoration: none; }
	.path ul li.first { background: none; }

	.mmenu { padding: 7px 0 0 15px; }
	.mmenu ul { list-style: none; }
	.mmenu ul li { background: url('../img/bullet-red.gif') 0px 5px no-repeat;} 
	.mmenu ul li a { font-size: 12px; color: #fff; text-decoration: none; font-weight: bold; padding: 0 20px 0 15px;  }
	.mmenu ul li.sfhover a { color: #ffcea4; text-decoration: none; }
	.mmenu ul li.active a { }
	.mmenu ul li.first { }

	.smenu { padding: 15px 0 15px 15px; background: #eeeeee; border-top: solid #cccccc 1px; }
	.smenu h2 { color: #cc0000; }
	.smenu ul { list-style-image: url('../img/bullet-red.gif'); }
	.smenu ul li { font-size: 12px; font-weight: bold; } 
	
	.smenu ul li a { color: #0066cc; text-decoration: underline; }
	.smenu ul li.active a { color: #cc0000; text-decoration: none; }
	.smenu ul li.active li a { color: #0066cc; text-decoration: underline; }
	.smenu ul li.active li.active a { color: #cc0000; text-decoration: none; }
	.smenu ul li.active li.active li a { color: #0066cc; text-decoration: underline; }
	.smenu ul li.active li.active li.active a { color: #cc0000; text-decoration: none; }
	.smenu ul li.active li.active li.active li { display: none; }
	.smenu ul li li li li { display: none; }
	
	.lang-menu { position: absolute; padding: 5px 0 0 780px; }
	.lang-menu ul { list-style: none; }
	.lang-menu ul .cz a{ background: #803740 url(data:image/gif;base64,R0lGODdhFAANAIQAAAQujISezHwSNFxOjEQiZCwmbNTe7Aw6lOR+fKwGFPz6/Aw2lDxipMwCBAwuhJyy1GwWRNzm9LwGDFRytAQyjJSmzDwiZBQ+lLQGFPz+/ERqrHQWPOTq9AAAAAAAAAAAACwAAAAAFAANAAAFQuDEZWRpniV1PWhrUrAWuS0MHxV92jZj6CSebRFQ6IS8AWLJbCIpAEhjSq02kIWEdXu1OTZcrs2CCYsdAnOYIFGHQwA7) no-repeat bottom; }
	.lang-menu ul .ro a{ background: #803740 url(data:image/gif;base64,R0lGODdhFAANAMIAAAQqjPzuDNwiBOxuDExmZNwiDAAAAAAAACwAAAAAFAANAAADOwi6FP6jFCHLYg/WelXLQTRx3ZeJo9ABprapJRgKFHm1DlqveLhJPNmgJoHdhD8jBoSyLU8jpwdJLCQAADs=) no-repeat bottom; }
	.lang-menu li { float: left; }
	.lang-menu li a { color: #ffffff; text-decoration: none; font-size: 13px; padding: 0 0 0 43px; }
	
	.panel-info { padding: 15px 0 15px 15px; background: #eeeeee; border-top: solid #cccccc 1px; }
	.panel-info dt { color: #cc0000; font-size:1.5em; padding-bottom: 15px; }
	
	.chapters { width: 210px; background: #eeeeee; border: solid #cccccc 1px; float: left; margin-bottom: 20px; }
	.chapters dl { padding-top: 10px; }
	.chapters dt { height: 32px; padding: 7px 0 0 20px; font-size: 18px; }
	.chapters dd { padding: 0 20px 10px 20px; }
	
	.searchbox { height: 37px; padding: 15px 0 0 15px; background: #dddddd; }
	.searchbox .search-button { width: 29px; height: 22px; border:0;}
	.searchbox .search-input { width: 135px; height: 18px; border: solid #cccccc 1px; background: #ffffff; padding: 2px 2px 0 2px; margin-right: 5px; vertical-align: top; }

	.search { }
	.search .search-button { width: 50px; height: 22px; border: solid #cccccc 1px; }
	.search .search-input { width: 120px; height: 18px; border: solid #cccccc 1px; background: #ffffff; padding: 2px 2px 0 2px; margin-right: 5px; vertical-align: top; }

	.company-copyright { color: #ffffff; padding-top: 5px; text-align: center; }
	.nologo #logo {display:none;}
	
	.tatra-logo { position: absolute; margin-top: -180px; }
	.tatra-logo img { width: 170px; padding: 0 20px; }
	
	.panel-button { padding-top: 15px; font-weight: bold; }
	.panel-button a { margin-left: 35px; text-align: center; display: block; text-decoration: none; width: 100px; line-height: 30px; color: #ffffff; background: #d81e1f; border: 2px solid #ca4f42; border-radius: 3px; }
	.panel-button a:hover { line-height: 30px; color: #ffffff; background: #b43c31; border: 2px solid #aa3228; border-radius: 3px; }
	.panel-button a span { display: block;  width: 100px; cursor: pointer; font-weight: normal;}
	
	.offer {margin-right: 50px;}

	#rozcestnik_tabulka { margin: 30px 0}
	#rozcestnik_tabulka, #rozcestnik_tabulka * { border: none; }
	#rozcestnik_dily, #rozcestnik_bazar { display: block; text-align: center; text-decoration: none; }
	#rozcestnik_dily img, #rozcestnik_bazar img { padding-bottom: 40px; position: relative; z-index: 1; }
	#rozcestnik_dily strong, #rozcestnik_bazar strong, #rozcestnik_dily b, #rozcestnik_bazar b { display: block; line-height: 40px; color: #fff; background: rgb(216,30,31); margin: -40px 5px 0 5px; }
	#rozcestnik_tabulka strong:hover { background: #9a0000 !important;}
	#rozcestnik_tabulka { border-top:8px solid #fff; border-bottom:8px solid #fff;}

	.hp-tile { position: relative; transition: all 0.6s; opacity: 1; overflow: hidden; }
	.hp-tile:hover { opacity: 0.5; }
	.hp-tile__caption { color: #fff; width: 100%; position: absolute; left: 0; bottom: 0; background: rgb(216,30,31); height: 40px; line-height: 40px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

	.footer--padding {	padding: 20px;	}

	.container { width: 90%; margin-left: auto; margin-right: auto; }
	.row { position: relative; width: 100%; }
	.row [class^="col"] { float: left; margin: 0.5rem 2%; min-height: 0.125rem; }
	.col-1,
	.col-2,
	.col-4,
	.col-5,
	.col-6,
	.col-7,
	.col-8,
	.col-9,
	.col-10,
	.col-11,
	.col-12 { width: 96%; }
	.col-3 { width: 29%; }
	.col-1-sm { width: 4.33%; }
	.col-2-sm { width: 12.66%; }
	.col-3-sm { width: 21%; }
	.col-4-sm { width: 29.33%; }
	.col-5-sm { width: 37.66%; }
	.col-6-sm { width: 46%; }
	.col-7-sm { width: 54.33%; }
	.col-8-sm { width: 62.66%; }
	.col-9-sm { width: 71%; }
	.col-10-sm { width: 79.33%; }
	.col-11-sm { width: 87.66%; }
	.col-12-sm { width: 96%; }
	.row::after { content: ""; display: table; clear: both; }
	.hidden-sm { display: none; }
}
@media print {
	.np, .noprint {display:none}
}