/* ------------------------------------------------------------------ */
/* screen.css                                                         */
/* autor HTML a CSS - Michal Prihoda www.michalprihoda.cz             */
/* ------------------------------------------------------------------ */
@media screen {
	/* ----- title */
		.title {
			margin: 40px 0 30px 0;
			display: table;
			width: 100%;
		}
		.title h1 {
			float: left;
			margin: 0; padding: 0;
			display: block;
		}
		.title h1 span {
			display: none;
		}
		.title div {
			float: right;
			margin: 15px 0;
		}
		.title div span {
			display: none;
		}
		.title h1.technologie {
			width: 529px; height: 44px;
			background: url(../img/titles/title01.png) 0 0 no-repeat;
		}
		.title h1.zivotni_prostredi {
			width: 449px; height: 44px;
			background: url(../img/titles/title02.png) 0 0 no-repeat;
		}
		.title h1.page_9,
		.title h1.page_10 {
			width: 294px; height: 44px;
			background: url(../img/titles/title03.png) 0 0 no-repeat;
		}
		.title h1.page_6,
		.title h1.page_7,
		.title h1.page_8,
		.title h1.kestazeni,
		.title h1.page_19 {
			width: 357px; height: 43px;
			background: url(../img/titles/title04.png) 0 0 no-repeat;
		}
		.title h1.contact {
			width: 131px; height: 43px;
			background: url(../img/titles/title05.png) 0 0 no-repeat;
		}
		.title h1.copy {
			width: 153px; height: 43px;
			background: url(../img/titles/title06.png) 0 0 no-repeat;
		}
		.title .citace01 {
			width: 363px; height: 23px;
			display: block;
			background: url(../img/titles/citace01.png) 0 0 no-repeat;
		}
	/* end.title */
	
	/* ----- content */
		.contentTop {
			background: url(../img/bg/content-top.png) 0 0 no-repeat;
			height: 11px;
		}
		.contentBottom {
			background: url(../img/bg/content-bottom.png) 0 0 no-repeat;
			height: 18px;
		}
		.content {
			background: url(../img/bg/content.png) -2px 0 repeat-y;
			padding: 30px 60px;
			font-size: 115%;
			line-height: 1.8em;
		}
		.content p {
			margin: 25px 0;
		}
		.hilight {
			color: #6f9f18;
		}
		span.hilight {
			color: #6f9f18;
		}
		.content p.perex {
			margin-top: 0; 
		}
		
		p.contact a {
			background: #7cb21a url(../img/buttons/contact.gif) 0 0 no-repeat;
			width: 154px;
			height: 35px;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-style: italic;
			display: inline-block;
			color: #fff;
			padding: 7px 0 0 25px;
			text-decoration: none;
		}
		p.contact a:hover {
			background: #7cb21a url(../img/buttons/contact.gif) 0 -45px no-repeat;
		}
		
		.contentLeft {
			width: 545px;
			float: left;
			margin: 20px 0 20px 0;
		}
		.contentRight {
			width: 244px;
			float: right;
			margin: 20px 0 20px 0;
		}
		
		.content h2 {
			margin: 0 0 -10px 0;
			color: #6f9f18;
			font-size: 130%;
		}
		.content h3 {
			margin: 50px 0 -10px 0;
			color: #6f9f18;
			font-size: 130%;
		}
		
		ul.download {
			margin: 20px 0;
			padding: 0;
			 list-style-type: none;
		}
		ul.download li {
			background: url(../img/icons/download-list.gif) 0 4px no-repeat;
			padding: 0 0 0 25px;
		}
		dl.links {
			margin: 0;
		}
		dl.links dt{
			margin: 20px 0 0 0;
		}
		dl.links dd {
			margin: 0;
		}
		.link {
			cursor: pointer;
		}
		
		/* ----- colorBox */
			.colorBox {
				padding: 0 0 20px 0;
				margin: 0 0 30px 0;
				background:  #7e8790 url(../img/bg/bginfo-bottom.gif) 0 100% no-repeat;
			}
			
			.colorBox h3 {
				background: url(../img/bg/bginfo.gif) 0 0 no-repeat;
				padding: 15px 15px;
				color: #fff;
				font-size: 130%;
				font-weight: normal;
			}
			.telBoxKontakt {
				margin: -60px 0 0 0;
			}
			.telBox h3 {
				background: url(../img/bg/bginfo-tel.gif) 0 0 no-repeat;
			}
			.colorBox p {
				padding: 15px 20px;
				margin: 0;
				background: url(../img/bg/bginfo-line.gif) 15px 100% no-repeat;
			}
			.colorBox p.text {
				color: #bed1e3;
				font-size: 90%;
				line-height: 1.6em;
				margin: 15px 0 0 0;
			}
			.colorBox p.tel {
				color: #fff;
				margin: 0; padding: 10px 15px 15px 15px;
				font-size: 160%;
				font-family: "Times New Roman", Times, serif;
			}
			.colorBox a {
				color: #d4eaff;
			}
			.colorBox p.link {
				font-size: 160%;
				font-family: "Times New Roman", Times, serif;
			}
			.colorBox input.text {
				background: url(../img/bg/input-email.gif) 0 0 no-repeat;
				border: none;
				padding: 8px 10px;
				margin: 0 0 0 15px;
				width: 150px;
				float: left;
				font-family: Georgia, "Times New Roman", Times, serif;
			}
			.telBox p {
				background: none;
			}
			
			.slovnicek strong,
			.slovnicek b,
			.slovnicek span {
				color: #6f9f18;
			}
			
			.boxLeft {
				width: 45%;
				float: left;
				margin: 20px 0 0 0;
			}
			.boxRight {
				width: 55%;
				float: right;
				margin: 20px 0 0 0;
			}
			.boxRight strong {
				color: #6f9f18;
			}
			.boxRight h2 {
				margin-bottom: -20px; 
			}
			body p.noMarginTop {
				margin-top: 0px;
			}
		/* end. colorBox */
		
		
		/* ----- technologie */
			.leftBox {
				width: 350px; 
				float: left;
				margin: 0;
			}
			.rightBox {
				width: 425px;
				float: right;
				margin: -5px 0 0 0;
			}
			.rightBox img {
				margin: 0 0 40px 0;
			}
			
			ul.techUl {
				margin: 10px 0 0 0; padding: 0;
				list-style-type: none;
			}
			ul.techUl li {
				background-repeat: no-repeat;
				background-position: 0 0;
				padding: 100px 20px 0 20px;
				margin: 10px 0;
				width: 230px;
				float: left;
				text-align: center;
				background-position: center 0;
			}
			ul.techUl li.techli1 {
				background-image: url(../img/images/techli1.gif);
			}
			ul.techUl li.techli2 {
				background-image: url(../img/images/techli2.gif);
			}
			ul.techUl li.techli3 {
				background-image: url(../img/images/techli3.gif);
			}
		/* end. technologie */
		
		.line {
			background: url(../img/bg/line.gif) center 0 no-repeat;
			height: 32px;
			margin: 20px 0 20px 0;
		}
		h3.vedeliJste {
			width: 169px; height: 31px;
			float: left;
			margin: 0;
			background-image: url(../img/titles/vedeli-jste.gif);
		}
		h3.vedeliJste span {
			width: 169px; height: 31px;
			display: none;
		}
		
		ul.contactList {
			margin: 30px 0 0 0px;
			padding: 0;
			list-style-type: none;
		}
		
		ul.contactList li {
			background: url(../img/buttons/contactlist.png) 0 10px no-repeat;
			padding: 0 0 0 20px;
		}
		/* ----- paginationBox */
			.paginationBox {
				float: right;
				width: 75px;
			}
			.paginationBox .reimage {
				float: left;
				margin: 0 0 0 4px;
				font-size: 60%;
				text-align: center;
				text-decoration: none;
			}
			.paginationBox .reimage, 
			.paginationBox .reimage span {
				height: 32px; width: 32px;
				text-decoration: none;
			}
			.paginationBox .previous span {
				background: url(../img/buttons/arrow-left.gif) 0 32px;
			}
			.paginationBox .next span {
				background: url(../img/buttons/arrow-right.gif) 0 32px;
			}
			.paginationBox .previous:hover span {
				background: url(../img/buttons/arrow-left.gif) 0 0;
			}
			.paginationBox .next:hover span {
				background: url(../img/buttons/arrow-right.gif) 0 0;
			}
		/* end. paginationBox */
		.vjBox {
			margin: 40px 0 0 0;
		}
		.vBox {
			background: url(../img/bg/vbox.gif) 0 0 no-repeat;
			height: 230px;
			width: 250px;
			text-align: center;
			position:relative;
			
			color: #185384;
			font-size: 105%;
			float: left;
			margin: 0 10px;
		}
		.vBox a.reimage {
			width: 13px;
			height: 9px;
			font-size: 1px;
			margin: 5px auto;
		}
		.vBox a.reimage span {
			width: 13px;
			height: 9px;
			background: url(../img/icons/vjbox-more.gif) 0 0 no-repeat;
		}
		div.vBox div {
			width: 250px;
		}
		html>body div.vBox div {
			height: 230px;
			display: table-cell;
			vertical-align: middle;
		}
		.vBox p {
			margin: 0 25px 0 45px;
			padding: 10px 0;
		}
		.vjBox .vBox1 {
			margin-top: 30px;
		}
		.vjBox .vBox3 {
			margin-top: 60px;
		}
		
		p.imgDes {
			font-size: 85%;
			font-style: italic;
			text-align: center;
			line-height: 1.3em;
			margin: 0px 0;
		}
		
		
		a.techspec {
			display: block;
			float: right;
			width: 148px; height: 29px;
			padding: 2px 10px 1px 10px;
			text-align: center;
			background: url(../img/buttons/techspec.gif) 0 0 no-repeat;
			color: #fff !important;
			font-size: 90%;
			text-decoration: none;
			margin: -10px 0 0 0;
			text-decoration: none;
			font-style: italic;
		}
		a.techspec:hover {
			background: url(../img/buttons/techspec.gif) 0 bottom no-repeat;
		}
		
	.colorBgBox {
		background: url(../img/bg/bgcolor.gif) 0 0 no-repeat;
		padding: 30px;
		margin: 0 -20px;
		width: 820px;
		position: relative;
	}
		
	/* ----- vyuzitiBox*/
			.vyuzitiBox {
				margin: 0;
				padding: 0;
			}
			.vyuzitiBox .line {
				margin: 0;
			}
			.vyuzitiBox .box {
				width: 260px;
				float: left;
				margin: 0 0 0 15px;
				background: url(../img/bg/vyuzitibox2.gif) 100% 50px no-repeat;
				padding: 0 5px 0 0;
				height: 680px;
			}
			.vyuzitiBox .box.end {
				padding: 0;
				background-image: none;
			}
			
			.vyuzitiBox h2.reimage {
				margin: 50px 0 0 40px;
				
			}
			.vyuzitiBox h2.reimage,
			.vyuzitiBox h2.reimage span {
				width: 173px; height: 100px;
			}
			.vyuzitiBox h2.architektura span {
				background-image: url(../img/titles/architektura.gif);
			}
			.vyuzitiBox h2.rodinneDomy span {
				background-image: url(../img/titles/rodinne-domy.gif);
			}
			.vyuzitiBox h2.dopravniStavby span {
				background-image: url(../img/titles/dopravni-stavby.gif);
			}
			.vyuzitiBox ul {
				background: url(../img/bg/vyuzitibox1.gif) 0 0 no-repeat;
				padding: 20px 0 0 15px;
			}
			.vyuzitiBox li {
				display: block;
				width: 188px; height: 186px;
				background: url(../img/bg/vyuzitibox.png) 0 0 no-repeat;
				margin: 20px 0 0 0;
				padding: 20px 11px 0 11px;
				font-style: italic;
			}
			.vyuzitiBox li a {
				text-decoration: none;
			}
			.vyuzitiBox li a img {
				display: block;
			}
			.vyuzitiBox li a strong {
				display: block;
				margin: 5px 15px 0 3px;
				background: url(../img/bg/vyuzitibox-title.png) 100% 5px no-repeat;
			}
			.vyuzitiBox li.act {
				margin-top: 70px;
			}
			.vyuzitiBox li.act a strong,
			.vyuzitiBox li a:hover strong {
				background: url(../img/bg/vyuzitibox-title_act.png) 100% 5px no-repeat;
			}
			.vyuzitiBox li a:hover {
				color: #2d8fe9;
			}
			
			.mamZajem {
				background: #7e8790 url(../img/bg/mamzajem-bottom.gif) 0 100% no-repeat;
				width: 560px;
				margin: 30px 130px 30px 130px;
				position: relative;
			}
			.mamZajem table {
				padding: 30px 50px;
			}
			.mamZajem label {
				color: #bfd1e3;
				display: block;
				font-size: 90%;
				margin: 3px 0 -3px 0;
			}
			.mamZajem input.text {
				background: url(../img/bg/input-text.gif);
				border: none;
				padding: 7px 5px;
				font-family: Georgia, "Times New Roman", Times, serif;
				width: 172px;
			}
			.mamZajem textarea.text {
				background: url(../img/bg/textarea-text.gif);
				border: none;
				padding: 7px 5px;
				font-family: Georgia, "Times New Roman", Times, serif;
				width: 241px;
				height: 135px;
			}
			.mamZajem input.button {
				background: transparent url(../img/buttons/odeslat.gif) 0 0 no-repeat;
				border: none;
				padding: 7px 10px;
				overflow: visible;
				width: 110px;
				text-align: left;
				color: #fff;
				font-family: Georgia, "Times New Roman", Times, serif;
				margin: 25px 0 0 0;
				float: right;
				cursor: pointer;
			}
			.mamZajem input.button:hover {
				background: transparent url(../img/buttons/odeslat.gif) 0 -32px no-repeat;
			}
			.mamZajem td {
				vertical-align: top;
				width: 50%;
			}
			
			.mamZajem h3 {
				background: #7e8790 url(../img/bg/mamzajem-top.gif) 0 0 no-repeat;
				padding: 15px 20px;
				color: #fff;
				font-size: 120%;
				margin: 0;
			}
		/* end. vyuzitiBox */
		
		.typyV h2 {
			color: #2d8fe9;
			font-size: 100%;
			margin: 40px 0 0 0;
		}
		.typyV p.link {
			margin: 0;
		}
		
		/* ----- referenceBox */
			.referenceBox {
				margin: 45px 0 0 0;
				position: relative;
				width: 100%;
			}
			.referenceBox .paginationBox .next {
				position: absolute;
				left: 880px;
				top: 45%;
				font-size: 90%;
				text-align: center;
			}
			.referenceBox .paginationBox .previous {
				position: absolute;
				left: -80px;
				top: 45%;
				font-size: 90%;
				text-align: center;
			}
			.referenceBox .img {
				width: 500px;
				float: left;
				padding: 0 0 10px 0;
				background: url(../img/bg/reference-img.gif) 0 100% no-repeat;
			}
			.referenceBox .text {
				width: 300px;
				float: right;
			}
			.referenceBox .text h3 {
				font-size: 115%;
				color: #2d8fe9;
				margin: 0; padding: 0;
				line-height: 1.3em;
			}
			.referenceBox .text h4 {
				font-size: 100%;
				margin: 0; padding: 0;
				font-weight: normal;
				line-height: 1.3em;
				margin: 0 0 -10px 0;
			}
		/* end. referenceBox */
		
		/* ----- faq */
			.faq h3 {
				font-size: 120%;
				color: #6f9f18;
				margin: 30px 0 0 0;
				background: url(../img/icons/faq-h3.png) 0 2px no-repeat;
				padding: 0 0 0 30px;
			}
			.faq p {
				margin: 00px 0 0 0;
			}
		/* end. faq */

	/* end. content */
	
	/* ----- index */
		.contentIndex {
			_height: 700px;
			min-height: 700px;
			margin: 20px 0 0 0;
		}
		/* ----- hpBox1 */
			.contentIndex .hpBox1 {
				width: 287px;
				height: 432px;
				background: url(../img/bg/hpbox1.png) 0 0 no-repeat;
				padding: 20px 35px 0 35px;
				position: relative;
				float: left;
				margin: 10px 0 0 0;
				z-index: 10;
			}
			.contentIndex .hpBox1 h2, .contentIndex .hpBox1 h2 a {
				width: 189px; height: 51px;
				display: block;
				background: url(../img/titles/cement-pojidac-smogu.png) 0 0 no-repeat;
			}
			.contentIndex .hpBox1 h2 span {
				display: none;
			}
			.contentIndex .hpBox1 p {
				font-weight: bold;
				font-style: italic;
				color: #696969;
				padding: 0; margin: 25px 0;
			}
			.contentIndex .hpBox1 p.bold {
				font-style: normal;
				color: #82ac37;
			}
			.hpBox1 a.logo {
				width: 60px; height: 60px;
				display: block;
				position:absolute;
				top: 20px; right: 30px;
			}
			.hpBox1 span.dopravniStavby {
				display: block;
				width: 73px; height: 92px;
				background: url(../img/icons/dopravni-stavby.png) 0 0 no-repeat;
				float: left;
				margin-right: 28px;
			}
			.hpBox1 span.dopravniStavby span {
				display: none;
			}
			.hpBox1 span.stresniKrytina {
				display: block;
				width: 73px; height: 92px;
				background: url(../img/icons/stresni-krytina.png) 0 0 no-repeat;
				float: left;
				margin-right: 28px;
			}
			.hpBox1 span.stresniKrytina span {
				display: none;
			}
			.hpBox1 span.bytovaVystavba {
				display: block;
				width: 73px; height: 92px;
				background: url(../img/icons/bytova-vystavba.png) 0 0 no-repeat;
				float: left;
			}
			.hpBox1 span.bytovaVystavba span {
				display: none;
			}
			.hpBox1 p.moreInfo {
				padding: 0; margin: 10px 0 0 100px;
			}
			.hpBox1 p.moreInfo a {
				height: 29px; width: 83px;
				display: block;
				background-image: url(../img/buttons/hpbox1-vice.png);
			}
			.hpBox1 p.moreInfo a:hover {
				background: url(../img/buttons/hpbox1-vice.png) 0 -28px;
			}
			.hpBox1 p.moreInfo span {
				display: none;
			}
		/* end. hpBox1 */
		
		/* ----- hpBox2 */
			.hpBox2 {
				width: 246px; height: 329px;
				background: transparent url(../img/bg/hpbox2.png) 0 0 no-repeat;
				padding: 25px 30px 0 25px;
				float: left;
				margin: 10px 5px 0 15px;
				position: relative;
				z-index: 10;
			}
			.hpBox2 h2, .hpBox2 h2 a {
				width: 170px; height: 50px;
				display: block;
				background: url(../img/titles/ochrana-zivotniho-prostredi.png) 0 0 no-repeat;
			}
			.hpBox2 h2 span {
				display: none;
			}
			.contentIndex .hpBox2 p {
				font-weight: bold;
				font-style: italic;
				color: #a5a5a5;
				padding: 0; margin: 15px 30px 0 0;
			}
			.contentIndex .hpBox2 .p2 {
				margin: 25px 0px 0 0;
			}
			.contentIndex .hpBox2 p strong {
				color: #feb20f;
			}
			.hpBox2 p.moreInfo {
				text-align: right;
				margin: 5px 0 0 0;
			}
			.hpBox2 p.moreInfo a {
				padding: 0 20px 0 0;
				color: #feb20f;
				background: url(../img/buttons/hpbox2-vice.png) 100% 3px no-repeat;
				text-decoration: none;
			}
			.hpBox2 p.moreInfo a:hover {
				background: url(../img/buttons/hpbox2-vice.png) 100% -10px no-repeat;
				color: #6f9f18;
			}
		/* end. hpBox2 */
		
		/* ----- hpBox3 */
			.hpBox3 {
				width: 280px; height: 328px;
				background: url(../img/bg/hpbox3.png) 0 0 no-repeat;
				float: left;
				position: relative;
				z-index: 10;
			}
			.hpBox3 a {
				width: 280px; height: 288px;
				display: block;
				position: absolute;
			}
			.hpBox3 h2 {
				display: none;
			}
			.hpBox3 p {
				margin: 0 0 0 30px;
				color: #696969;
				font-size: 90%;
			}
			.hpBox3 h3 {
				margin: 0; padding: 0;
				font-size: 150%;
				color: #2d8fe9;
				margin: 225px 0 0 30px;
			}
			.hpBox3 p.moreInfo {
				padding: 0; margin: 30px 0 0 210px;
			}
			.hpBox3 p.moreInfo a {
				height: 14px; width: 51px;
				display: block;
				background-image: url(../img/buttons/hpbox3-vice.png);
			}
			.hpBox3 p.moreInfo a:hover,
			.hpBox3:hover p.moreInfo a {
				background: url(../img/buttons/hpbox3-vice.png) 0 -13px;
			}
			.hpBox3 p.moreInfo span {
				display: none;
			}
		/* end. hpBox3 */
		
		.indexFlash object {
			position: relative;
			margin: -160px 0 0 0;
		}
	/* end. index */
	
			/* ----- lightBox */
			.lightBox {
				position: absolute;
				top: 160px;
				text-align: left;
				width: 960px;
				left: 50%;
				margin: 0 -480px;
				font-size: 115%;
				line-height: 1.8em;
			}
			.lightBox a.close {
				background-image: url(../img/icons/lightbox-close.png);
				width: 28px; height: 28px;
				position: absolute;
				top: 35px; right: 76px;
			}
			.lightBox a.close span {
				display: none;
			}
			.lightBox h2 {
				background: transparent url(../img/bg/lightbox-top.png) 0 0 no-repeat;
				padding: 78px 130px 24px 130px;
				margin: 0;
				color: #6f9f18;
				font-weight: normal;
			}
			.lightBox h3 {
				color: #6f9f18;
				font-size: 130%;
				margin: 50px 0 0 0;
			}
			.lightBox ul {
				margin: 0 0 25px 25px; padding: 0;
				list-style-type: none;
			}
			.lightBox p {
				margin: 25px 0;
			}
			.lightBox .lightBoxMain {
				padding: 10px 130px 140px 130px;
				background: transparent url(../img/bg/lightbox-bottom.png) 0 100% no-repeat;
			}
			.lightBoxBg {
				width: 100%;
				height: 100%;
				background-color: #fff;
				position: absolute;
				top: 0;
				filter: alpha(opacity=60);
				opacity: .6;
				min-height: 100%;
			}
		/* end. lightBox */
		
		/* ----- Kontakt */
			.Kontakt h3 {
				margin: 20px 0 20px 0;
			}
			.Kontakt form {
				padding: 0 28px;
			}
			.Kontakt label {
				color: #fff;
			}
			#page .Kontakt input.text {
				float: none;
				margin: 0;
				width: 172px;
				padding: 7px 5px;
				background-image: url(../img/bg/input-text.gif);
			}
			#page .Kontakt textarea.text {
				padding: 7px 5px;
				width: 172px;
				background-image: url(../img/bg/textarea2.gif);
				border: none;
				height: 86px;
			}
			#page .Kontakt input.button {
				background: transparent url(../img/buttons/odeslat.gif) 0 0 no-repeat;
				border: none;
				padding: 7px 10px 6px 10px;
				overflow: visible;
				width: 110px;
				text-align: left;
				color: #fff;
				font-family: Georgia, "Times New Roman", Times, serif;
				margin: 25px 0 0 39px;
				cursor: pointer;
			}
			#page .Kontakt input.button:hover {
				background: transparent url(../img/buttons/odeslat.gif) 0 -32px no-repeat;
			}
		/* end.Kontakt */
		
}