/****************************************
 * obecné								*
 ****************************************/
body {
	background-color:			#f3f2eb;
	padding:					0px;
	margin:						0px;
	color:						#686868;
	line-height:				150%;
	font-family:				Arial;
	font-size:					13px;
}

div.clearPage {
	clear:						both;
}

div.page {
	width: 						1000px;
	margin:						auto;
}

.button {
	display:					block;
	margin:						auto;
	background-color:			#38d1e1;
	line-height:				20px;
	border-radius:				5px;
	padding:					3px 10px 3px 10px;
	color:						#ffffff;
	font-weight:				bold;
	text-align:					center;
	text-decoration:			none;
}

.nextInf {
	width:						140px;
}

a {
	color: black;
}

/****************************************
 * JS IDENTIFY							*
 ****************************************/
.bannerArrowNext {
}

.bannerArrowBefore {
}

/****************************************
 * HEADER CONTENT						*
 ****************************************/
div.header {
	background-image:			url('../img/header_bg.jpg');
	background-repeat:			no-repeat;
	background-position:		50% 0;
	background-color:			#246b9b;
	padding:					0px;
	margin:						0px;
	height:						323px;
	position:					relative;
}

div.header div.topStrip {
	height:						84px;
	background-image:			url('../img/menu_bg.png');
	background-position:		0px 0px;
	background-repeat:			no-repeat;
	z-index:					100;
	position:					relative;
	margin:						auto;
}

div.header div.topStrip a.logo {
	text-decoration:			none;
	float:						left;
	margin:						10px;
}

div.header div.topStrip a.logo img {
	border:						none;
	width:						195px;
	height:						66px;
}

div.header div.topStrip div.menu {
	float:						right;
	line-height:				86px;
}

div.header div.topStrip div.menu a {
	color:						#ffffff;
	text-decoration:			none;
	display:					inline-block;
	margin:						0px 10px;
	font-weight:				bold;
	font-size:					150%;
}

div.header div.topStrip div.menu a:hover {
	color:						#eeeeee;
}

div.header div.page {
	position:					relative;
}

div.header div.page div.banner {
	position: 					absolute;
	height:						368px;
	width:						1200px;
	left:						-99px;
	color:						#ffffff;
	background-repeat:			no-repeat;
	background-position:		right top;
	font-size: 					100%;
}

div.header div.page div.banner h2 {
	font-size:					200%;
	color:						#ffffff;
}

div.header div.page div.banner div.bannerContent {
	margin:						110px 0px 0px 120px;
}

div.header div.page div.banner div.bannerContent a {
	margin:						5px;
}

div.header div.page div.banner div.bannerContent div.arrowBox {
	position:					absolute;
	bottom:						55px;
	left:						120px;
}

div.header div.page div.banner div.bannerContent div.arrowBox a.arrow {
	width:						14px;
	display:					inline-block;
	font-size:					150%;
}

div.header div.page div.banner1 {
	background-image:			url('../img/header_banner_bg-stavba.png');
}

div.header div.page div.banner2 {
	background-image:			url('../img/topbanner_stroje.png');
}

/****************************************
 * MIDDLE CONTENT						*
 ****************************************/
h1, h2 {
	color:						#eb8b51;
}

h1 {
	margin-top: 40px;
}

div.middle {
	margin-top: 				4px;
	background-image:			url('../img/middle_bg-r.jpg');
	background-position:		0 0px;
	background-repeat:			repeat-x;
	padding-top:				10px;
}

div.middle div.middleContent {
	position:					relative;
}

.uvodniRealizovane ul {
	list-style: none;
	padding: 0px 20px;
	margin: 0px;
	clear: both;
}

.uvodniRealizovane li {
	float: left;
}

.uvodniRealizovane li a {
	display: block;
	width: 220px;
	padding: 15px 10px;
	border: 1px solid #E8E8E0;
	border-bottom: none;
	border-radius: 8px 8px 0px 0px;
	font-size: 13px;
	color: #FFFFFF;
	background: url(../img/logo_small.png) 10px center no-repeat #6B6D6E;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
}

.uvodniRealizovane li a:hover {
	background: url(../img/logo_small_full.png) 10px center no-repeat  #2E74A1;
}

.uvodniRealizovane li a.active {
	background: url(../img/logo_small_full.png) 10px center no-repeat  #2E74A1;
}


#uvodniReference {
	position: relative;
	padding: 10px;
	width: 900px;
	height: 185px;
	background: #E8E8E0;
	clear: both;
	border-radius: 10px;
	margin: 0 auto;
	margin-bottom: 20px;
 }

#uvodniReference h3 {
	font-size: 18px;
}

#uvodniReference img {
	position: relative;
	float: left;
	margin: 5px 0px 5px 30px;
	border: 3px solid #6B6D6E;
	border-radius: 8px;
	padding: 2px;
	background: #FFFFFF;
}

div.middle img.bg {
	position:					absolute;
	left:						-180px;
	top:						-30px;
	z-index:					-10;
}

div.reference {
	position: relative;
	float: 						right;
	width:						390px;
	margin: 0px 0px 0px 20px;
	font-size: 13px;
	padding: 0px 20px 10px 20px;
	background: #E8E8E0;
	border-radius: 8px;
	text-align:center;
	line-height: 140%;
}

div.reference h2 {
	font-size: 18px;
}

div.reference strong {
	font-size: larger;
}

div.reference ul li {
	color:						#eb8b51;
	/*list-style-image:			url('../img/reference_ico.jpg');*/
	list-style: square;
	vertical-align: 			middle;
	text-align: left;
}

.kontButt {
	clear: both;
	text-align: center;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	font-size: 15px;
}

.kontButt a {
	display: block;
	width: 200px;
	border-radius: 8px;
	padding: 10px;
	margin: 0 auto;
	background: #6B6D6E;
	color: #FFFFFF;
	text-decoration: none;
}

.kontButt a:hover {
	background: #2F7AAA;
}

div.message {
	border-left:				1px solid #000000;
	background-image:			url('../img/q_marks_ico.png');
	background-repeat:			no-repeat;
	background-position:		5px 0px;
	padding-left:				40px;
	padding-top:				1px;
	font-style:					italic;
	margin:						10px 0px;
}

div.message strong {
	font-size: 14px;
}

/****************************************
 * MIDDLE STRIP							*
 ****************************************/
div.middleStrip {
	clear:						both;
	background-color:			#a3a3a0;
	background-image:			url('../img/middle_strip_bg.jpg');
	background-repeat:			no-repeat;
	background-position:		50%;
}

div.middleStrip div.page a.middleBigButton {
	width: 						208px;
	float:						left;
	height:						196px;
	background-color:			#ffffff;
	margin:						32px 20px 44px 20px;
	background-repeat:			no-repeat;
	background-position:		50% 20px;
	text-align:					center;
	border-radius:				5px;
	box-shadow:					5px 5px 5px 0px rgba(50,50,50,0.4);
}

div.middleStrip div.page a.middleBigButton h3 {
	text-align:					center;
	text-transform:				uppercase;
	margin-top:					80px;
}

div.middleStrip div.page a.middleBigButton div {
	height:						74px;
	margin:						0px 10px;
}

div.middleStrip div.page a.stavba {
	background-image:			url('../img/middle_strip_stavba-w.jpg');
}

div.middleStrip div.page a.subdodavky {
	background-image:			url('../img/middle_strip_subdodavky-w.jpg');
}

div.middleStrip div.page a.technika {
	background-image:			url('../img/middle_strip_technika-w.jpg');
}

div.middleStrip div.page a.nabytek {
	background-image:			url('../img/middle_strip_nabytek-w.jpg');
}

div.middleStrip div.page a.middleBigButton:hover {
	background-color:			#38d1e1;
}

div.middleStrip div.page a.middleBigButton:hover .button {
	background-color:			#1cb3c3;
}

div.middleStrip div.page a.stavba:hover {
	background-image:			url('../img/middle_strip_stavba-g.jpg');
}

div.middleStrip div.page a.subdodavky:hover {
	background-image:			url('../img/middle_strip_subdodavky-g.jpg');
}

div.middleStrip div.page a.technika:hover {
	background-image:			url('../img/middle_strip_technika-g.jpg');
}

div.middleStrip div.page a.nabytek:hover {
	background-image:			url('../img/middle_strip_nabytek-g.jpg');
}





/****************************************
 * ROLLING STRIP						*
 ****************************************/
div.rollingStrip {
	width: 							980px;
	height:							180px;
	overflow:						hidden;
	margin-bottom:					20px;
	position:						relative;
}

div.rollingStrip div.rollingBox {
	position:						absolute;
	white-space: 					nowrap;
}

div.rollingStrip div.rollingBox img {
	margin:							5px 12px;
	width: 							113px;
}

div.rollingStrip div.arrowBox {
	position:						absolute;
	bottom:							5px;
}

div.rollingStrip div.arrowBox a {
	background-color:				#7a7a7a;
	width:							10px;
	display:						inline-block;
	font-size:						150%;
	margin-right:					10px;
}

/****************************************
 * FOOTER								*
 ****************************************/
div.footer {
	width:							100%;
	background-color:				#2d2d2d;
	color:							#787878;
}

div.footer h3 {
	color:							#e3e3e3;
}

div.footer div.contactForm {
	float:							right;
	width: 							200px;
}

div.footer div.contactForm input, div.footer div.contactForm textarea {
	background-color:				#4a4a4a;
	border-radius:					5px;
	color:							#b1b1b1;
	padding:						4px;
	border:							hidden;
}

div.footer div.leftColumn {
	float:							left;
	width:							780px;
}

div.footer div.navi, div.footer div.fastContact {
	float:							left;
}

div.footer div.navi {
	width: 							470px;
}

div.footer div.navi a {
	color:							#787878;
}

div.footer div.fastContact div.address, div.footer div.fastContact div.phoneEmail {
	float:							left;
	background-repeat:				no-repeat;
	width:							120px;
	height:							74px;
	line-height:					18px;
	padding:						0px 0px 0px 30px;
}

div.footer div.fastContact div.address {
	background-image:				url('../img/footer_house.jpg');
}

div.footer div.fastContact div.phoneEmail {
	background-image:				url('../img/footer_phone-email.jpg');
}

.footer a {
	color: #787878;
}

div.footer div.rights {
	margin-top:						20px;
	border-top:						1px solid #505050;
	line-height: 					30px;
	padding:						10px;
}

div.footer div.rights img {
	border:							none;
	vertical-align:					middle;
}


/* ITEMS */
.itemBox {
	position: relative;
	max-width: 800px;
	min-height: 250px;
	background: rgba(255,255,255,0.4);
	border: 1px solid #cccccc;
	margin: 15px 15px;
	padding: 0px;
	border-radius: 5px;
}

.itemBox>img {
	width: 250px;
	max-width: 250px;
	max-height: 150px;
	margin: 0px 0px 40px 0px;
	border: 5px solid rgba(128,128,128,0.20);
	float: right;
	overflow: hidden;
}

.itemBoxContain {
	padding: 5px 10px;
	line-height: 150%;
	float: left;
	max-width: 520px;
}

.itemBoxContain h2 {
	padding: 5px;
	margin: 0px;
}

.itemBoxContain p {
	padding: 5px;
	margin: 0px;
}

.imageBox {
	position: absolute;
	bottom: 0px;
	left: 0px;
	line-height: 90px;
	max-height: 90px;
	display: block;
	width: 100%;
	background: rgba(128,128,128,0.20);
	overflow: hidden;
	text-align: right;
}

.imageBox a>img {
	max-height: 80px;
	margin: 5px 2px;
	border: 2px solid #cccccc;
	display: inline-block;
}

/* TECHNIKA */

.technika {
	border: 1px solid #cccccc;
	margin: 30px 15px;
	padding: 0px;
	border-radius: 5px; 
	border-left: none;
	border-top: none;
}

.technika td {
	padding: 8px;
	margin: 0px;
	border: 1px solid #cccccc;
	border-right: none;
	border-bottom: none;
}

.technika th {
	padding: 8px;
	margin: 0px;
	border: 1px solid #cccccc;
	background: rgba(255,255,255,0.4);
	border-right: none;
	border-bottom: none;
}

.technika td:nth-child(1) {
	width: 150px;
	text-align: center;
}

.technika td:nth-child(2) {
	width: 350px;
	font-weight: bold;
	font-size: 14px;
}

.technika td:nth-child(3) {
	width: 50px;
	text-align: center;
}

.technika td:nth-child(4) {
	width: 250px;
}

.technika td:nth-child(5), .technika td:nth-child(6), .technika td:nth-child(7) {
	width: 80px;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
	background: rgba(255,255,255,0.4);
}

/* FORM */
#kontejnerForm {
	display:  none;
}

#kontejnerForm input, #kontejnerForm select {
	padding: 5px;
	font-size: 14px;
	margin: 2px auto;
	width: 250px;
}

#kontejnerForm select {
	width: 260px;
}

#kontejnerForm textarea {
	padding: 5px;
	font-size: 14px;
	margin: 2px auto;
	width: 250px;
	height: 80px;
}

.kontejnerFormPage {
	display: block !important;
	margin: 10px auto;
	padding: 10px 20px;
	border: 1px solid #E8E8E0;
	border-radius: 5px;
	text-align: center;
	width: 400px;
}