@media screen {

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0}
table {border-collapse:collapse;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
a img {border:none;}

.clr {clear: both;height: 1px;overflow: hidden;margin-top: -1px; display: block}
.flLeft{float: left;}
.flRight{float: right;}

a{text-decortion: underline; font-weight: bold; color: #000000}
a:hover{text-decoration: none;}

body {
	background: #ffffff url(../images/bg.gif) right top no-repeat;
	text-align: center;
	font: 11px/16px Verdana, Helvetica, sans-serif;
	color: #4e4e4e;
}

#container{
	width: 752px;
	margin: 0 auto;
	text-align: left;
	padding-bottom: 80px;
}
#header{margin-bottom: 25px; overflow: hidden; width: 752px}
h1{margin: 72px 0 39px 0; width: 184px}
h1 img{display: block}

#container ul#menu{height: 46px; background: #F26522; list-style: none; overflow: hidden; width: 100%; margin:0}
ul#menu li{display: block; float: left; /*background: url("../images/menu/divider.gif") 100% 0 no-repeat;*/ height: 46px;padding:0}
ul#menu a{display: block; color: #fff25f; height: 47px}
ul#menu span{display: none}
	
ul#menu .about{width: 122px}
ul#menu .about a{width: 122px; background: url("../images/menu/full2.gif") 0 0 no-repeat}
ul#menu .about#selected a{background-position: 0 -46px}
ul#menu .about a:hover{background-position: 0 -92px}

ul#menu .distribution{width: 137px}
ul#menu .distribution a{width: 137px; background: url("../images/menu/full2.gif") -122px 0 no-repeat}
ul#menu .distribution#selected a{background-position: -122px -46px}
ul#menu .distribution a:hover{background-position: -122px -92px}

ul#menu .subscription{width: 165px}
ul#menu .subscription a{width: 165px; background: url("../images/menu/full2.gif") -259px 0 no-repeat}
ul#menu .subscription#selected a{background-position: -259px -46px}
ul#menu .subscription a:hover{background-position: -259px -92px}

ul#menu .telemarketing{width: 135px}
ul#menu .telemarketing a{width: 135px; background: url("../images/menu/full2.gif") -424px 0 no-repeat}
ul#menu .telemarketing#selected a{background-position: -424px -46px}
ul#menu .telemarketing a:hover{background-position: -424px -92px}

ul#menu .reference{width: 99px}
ul#menu .reference a{width:99px; background: url("../images/menu/full2.gif") -559px 0 no-repeat}
ul#menu .reference#selected a{background-position: -559px -46px}
ul#menu .reference a:hover{background-position: -559px -92px}

ul#menu .contact{width: 94px}
ul#menu .contact a{width:94px; background: url("../images/menu/full2.gif") -658px 0 no-repeat}
ul#menu .contact#selected a{background-position: -658px -46px}
ul#menu .contact a:hover{background-position: -658px -92px}

h2{font-size: 18px; margin: 25px 0 20px}
h3{font-size: 14px; margin: 15px 0 5px}
h4{font-size: 13px; margin: 10px 0 5px}
h2, h3, h4{color:#265191}
h2 img, h3 img, h4 img{display: block}
p{padding: 5px 0 10px}

#container ul{list-style: none; margin: 10px 0 10px;}
#container li{background: url("../images/bullet.gif") 0 11px no-repeat;padding: 5px 5px 5px 20px; line-height: 16px; font-weight: bold}
	
.about-facts{width: 445px; float: left}
.about-image{float: right; border: 1px solid #e6e6e6; margin: 6px 0 0 0}

.vision{background: #e4ecf4 url("../images/vision.gif") 660px 50% no-repeat; padding: 15px 20px; margin: 30px 0}
.vision h3{font-size: 11px; margin: 0 0 3px}
.vision p{padding: 0 110px 0 0}

.post-its{background: url("../images/postits.gif") 0 35px no-repeat;padding-bottom: 60px}
.post-its h3{margin-bottom: 40px}
.post-its h4{margin-bottom: 10px}

.post-its .yellow{width: 215px; margin:0 35px 0 20px;float: left; color: #966702;}
.post-its .yellow h4, .post-its .yellow h4 span{width: 143px; height: 33px; position: relative; overflow: hidden}
.post-its .yellow h4 span{background: url("../images/h4-predplatne-a-vydavatelsky-servis.gif") 0 0 no-repeat; display: block; position: absolute; top: 0; left: 0}

.post-its .orange{width: 225px; margin-right: 20px; float: left; color: #824207}
.post-its .orange h4, .post-its .orange h4 span{width: 217px; height: 15px; position: relative; overflow: hidden}
.post-its .orange h4 span{background: url("../images/h4-kompletace-a-distribuce-zasilek.gif") 0 0 no-repeat; display: block; position: absolute; top: 0; left: 0}

.post-its .darkyellow{width: 200px; margin:0 20px 0 0;float: right; color: #966702;}
.post-its .darkyellow h4, .post-its .darkyellow h4 span{width: 99px; height: 15px; position: relative; overflow: hidden}
.post-its .darkyellow h4 span{background: url("../images/h4-telemarketing.gif") 0 0 no-repeat; display: block; position: absolute; top: 0; left: 0}


.post-its a{text-align: right; display: block}
.post-its .yellow a{margin-top: 0px; margin-right: 10px}
.post-its .orange a{margin-top: 2px}
.post-its .darkyellow a{margin-top: 30px}

.range{width: 455px; float: left}
.range h3{margin: 25px 0 17px}
.range .machines{margin: 20px 0 35px}

.quick-contact{width: 200px; float: right; background: #e4ecf4 url("../images/quick-contact.gif") 190px 20px no-repeat; padding: 20px}
.quick-contact h3{font-size: 12px; margin: 0 0 20px; padding:0}
.quick-contact p{line-height: 17px}
.quick-contact strong{color:#000}
.quick-contact a{color:#265191; font-weight: bold}
.quick-contact a.more{margin: 45px 0 0; display: block; text-align: right}

#submenu{width: 246px; float: left; background: url("../images/dots.gif") left 0 repeat-x}
#submenu li{background: transparent url("../images/dots.gif") left 100% repeat-x; padding: 0}
#submenu a{display: block; padding: 10px 0; color: #e66315; text-decoration: none}
#submenu a:hover{background: url("../images/arrow.gif") 235px 50% no-repeat; color: #4e4e4e}
#submenu .selected a{color: #4e4e4e; text-decoration: none}

#distribution-content{width: 455px; float: right}
#distribution-content h3{margin-top: 10px }
#distribution-content img{margin: 10px 0}
#distribution-content img.rightPhoto{margin: 5px 0 10px 15px; float: right}	
	
#contact-box{background: #e4ecf4; padding: 20px 20px 19px; margin: 30px 0}
#contact-box .col{width: 200px}
#contact-box .col p{line-height: 20px}
#contact-box .contactCol{width: 480px; float: right}
#contact-box .contactCol img{display: block}

ul.reference {width: 227px;float: left;}
#container ul.reference li {font-weight: normal;}

.col{width: 230px; margin: 0 20px 30px 0;float: left}	
.lastCol{width: 235px; margin: 0 0 30px 0; float: left}
.col img{width: 230px}
.col h3, .lastCol h3{margin-top: 0}
.indentedCol{padding-top: 20px}	
	
.leftCol{width: 370px; float: left}
.rightCol{width: 370px; float: right}
	
}
@media print {

	body{color: #000; font: 11px/16px Verdana, Helvetica, sans-serif;}
	a img{border: 0}
	a{color:#000}
	.clr{clear: both;}	

	h1{font-siez: 22px; font-weight: bold;margin-bottom: 50px}
	h2{font-size: 18px; font-weight: bold; margin: 40px 0 10px}
	h3{font-size: 14px; font-weight: bold; margin: 30px 0 5px}
	h4{font-size: 12px; font-weight: bold; margin: 25px 0 0}
	
	h3, h4{color:#000}
	p{font-size: 12px; margin: 0;padding: 5px 0;}
	ul{margin: 10px 0 10px 20px; padding:0; list-style: square}
	ul li{padding: 5px 0;}

	table{width: 100%;border-collapse: collapse;margin-bottom: 30px;}
	table th{padding: 3px;font-weight: bold;border-bottom: 2px solid #000;}
	table td{padding: 3px;border-bottom: 1px solid #000;}

	#menu, .yellow a, .orange a, .quick-contact .more {display: none;}
	
	


}