/* ### GENERAL ### */
* {
	margin: 0px;
	padding: 0px;
}
body {
	background:#1e1e1e url(../images/bodybg.jpg) left top repeat-x;
	font:12px Arial, Helvetica, sans-serif;
	color:#CCC;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.clear { clear: both; margin:0px; padding:0px; height:0px; overflow:hidden; }

 a{color:#57aed9; text-decoration: underline;}
 a:hover{ text-decoration: none;}

h1{
	font:18px Georgia, "Times New Roman", Times, serif;
	color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
}

/* ### WRAPPER ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; }

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; width: 1100px; background:url(../images/mainbg.jpg) 6px top repeat-y;  }

	/* ### HEADER CONTAINER ### */
	#headerCntr { position: relative;  width: 1100px; height: 433px; margin:0px auto; }

	
	/* ### CONTENT CONTAINER ### */
	#contentCntr {
	overflow: hidden;
	width: 900px;
	margin:0px auto;
	background-color: #000;
}
	#contentCntr .top{
	background:url(../images/topbg.jpg) 6px top no-repeat;
}
	#contentCntr .bottom{
	overflow: hidden;
	width: 900px;
	padding:30px 0px 19px 0px;
}
	
		/* ### LEFT BOX ### */
		.leftBox {
	float: left;
	width: 600px;
	padding:0px 0px 0px 10px;
	overflow:hidden;
}
		
		/* ### SERVICE BOX ### */
		.leftBox h1{
	font:18px Georgia, "Times New Roman", Times, serif;
	color:#FFF;
	padding:0px 0px 22px 19px;
}
		.serviceBox{
	background:url(../images/servicebg.jpg) left top repeat-y;
	width: 585px;
	overflow:hidden;
}
		.serviceTopBox{
	width: 590px;
	overflow:hidden;
	background-color: #000;
}
		.serviceBottomBox{
	width: 590px;
	overflow:hidden;
}
		.serviceBox ul{
	padding:20px 0px 8px 20px;
	width:550px;
	overflow:hidden;
}
		.serviceBox ul li{
	list-style:none;
	line-height:20px;
	width:550px;
	float:left;
	padding:0px 0px 0px 0px;
	overflow:hidden;
}
		.serviceBox ul li span{
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#9c1d17;
	line-height:20px;
	display:block;
	padding:5px 0px 0px 0px;
	height:60px;
}
		.serviceBox ul li p{ padding:0px 0px 17px 0px;}
		.imaging{ float:left; padding:0px 14px 0px 0px;}
		.serviceBox ul li.last{
	padding-left:0px;
}	
		
		/* ### ABOUT BOX ### */
		.aboutBox{
	background:url(../images/vabg.jpg) left top repeat-y;
	width: 600px;
	overflow:hidden;
}
		.aboutTopBox{
	width: 600px;
	overflow:hidden;
}
		.aboutBottomBox{
	width: 600px;
	overflow:hidden;
	padding-bottom:50px;
	background-color: #000;
}
		.aboutBox p{ padding:29px 15px 20px 20px; color:#5f5f5f; line-height:20px;}
		.aboutBox span{ font:12px Arial, Helvetica, sans-serif; color:#5f5f5f; font-weight:bold; font-style:italic; display:block; text-align:center;}
.ciara {
	border-bottom: 1px dotted #666;
}

		.aboutBox .first{ padding-top:0px;}
		
		/* ### PROJECT BOX ### */
		.innertext{padding:18px;}
		.innertext h5{font-size:15px; font-weight:bold; padding:0px 0px 5px 0px; border-bottom:1px dotted #666; margin:0px 0px 10px 0px;}
		.innertext h6{font-size:16px; font-weight:bold; padding:0px 0px 5px 0px; margin:0px 0px 10px 0px;}
		
		.ourprojectrow{
	margin-bottom:20px;
	border-bottom:0px dotted #666;
	padding-bottom:10px
}
		.project-img{
	float:right;
	margin-left:20px;
	border: 6px solid #666;
	border-color: #900;
}
			
			
				/* ### CONTACT PAGE TEXT BOX ### */
		.contactTxtBox{ background:url(../images/servicebg.jpg) left top repeat-y; width: 523px; overflow:hidden; margin-bottom:18px;}
		.contactTxtTopBox{ background:url(../images/servicetop.jpg) left top no-repeat; width: 523px; overflow:hidden;}
		.contactTxtBottomBox{ background:url(../images/servicebottom.jpg) left bottom no-repeat; width: 523px; overflow:hidden;}
		.contactTxtBox p{ padding:23px;}
		
		/* ### CONTACT  BOX ### */
		.contactBox{ background:url(../images/servicebg.jpg) left top repeat-y; width: 523px; overflow:hidden; }
		.contactTopBox{ background:url(../images/servicetop.jpg) left top no-repeat; width: 523px; overflow:hidden;}
		.contactBottomBox{ background:url(../images/servicebottom.jpg) left bottom no-repeat; width: 523px; overflow:hidden; padding-bottom:28px;}
		
		.contactBox form{ width:499px; padding:18px 23px 0px 23px;}
		.contactBox input{ width:356px; height:24px; display:inline-block; border:1px solid #e5e5e5;  padding-top:7px; background:#f8f8f8;}
		.contactBox label{ width:110px; height:40px; font:12px  Arial, Helvetica, sans-serif; color:#5f5f5f; display:inline-block;  vertical-align:top; font-weight:bold;}
		.contactBox textarea{  width:356px; height:156px; display:inline-block; border:1px solid #e5e5e5; background:#f8f8f8; }
		.contactBox input.button{ background:url(../images/send.jpg) 0px 0px no-repeat; width:115px; height:32px; border:none; margin:12px 23px 0px 0px; cursor:pointer; float:right; }
		
		
		
		/* ### RIGHT BOX ### */
		.rightBox {
	float: right;
	width: 270px;
	padding:0px 10px 0px 0px;
}
		.rightBox h1{
	font:18px Georgia, "Times New Roman", Times, serif;
	color:#FFF;
	padding:0px 0px 22px 0px;
}
		
		/* ### RIGHT INNER BOX ### */
		
		.rightInnerBox{
	background:url(../images/rightbgg.jpg) left top repeat-y;
	width:263px;
	overflow:hidden;
	background-color: #343434;
}
		.rightInnerTopBox{
	background:url(../images/righttop.jpg) left top no-repeat;
	width:250px;
	overflow:hidden;
}
		.rightInnerBottomBox{
	background:url(../images/rightbottomg.jpg) left bottom no-repeat;
	padding:11px 11px 11px 12px;
	width:240px;
	overflow:hidden;
	background-color: #343434;
}
		
		.mainmenuBox{overflow:hidden;}
		.mainmenuBox ul{ padding:10px 0px 10px 0px;}
		.mainmenuBox ul li{ list-style:none; padding:0px 0px 2px 0px;}
		.mainmenuBox ul li a{ padding:0px 0px 0px 19px; font: normal 12px Arial, Helvetica, sans-serif; display:block; height:30px;text-decoration:none; line-height:30px; color:#1e1e1e;background:url(../images/menu_li_bg1.jpg) left top no-repeat;}
		.mainmenuBox ul li a:hover{ padding:0px 0px 0px 19px; font: bold 12px Arial, Helvetica, sans-serif; height:30px;  line-height:30px; display: block; color:#9c1d17;background:url(../images/menu_li_bg.jpg) left top no-repeat;}
		.mainmenuBox ul li a.active{ padding:0px 0px 0px 19px; font: bold 12px Arial, Helvetica, sans-serif; height:30px;  line-height:30px; display: block; color:#9c1d17;background:url(../images/menu_li_bg.jpg) left top no-repeat;}
		
		.space{ margin-bottom:20px;}
			
			.detailBox{  background:url(../images/textboxbg.jpg) left top repeat-y; margin-bottom:13px; width:314px; overflow:hidden;}
		.detailBoxTop{ background:url(../images/textBoxtop.jpg) left top no-repeat; width:314px; overflow:hidden;}
		.detailBoxtom{ background:url(../images/textBoxbottom.jpg) left bottom no-repeat; padding-bottom:15px; width:314px; overflow:hidden;}
		.detailBox address{ padding:15px 0px 0px 11px; font-style:normal; line-height:20px;}
		.detailBox address span{ font-size:12px; color:#5f5f5f; font-weight:bold; width:70px; display:inline-block;}
		
		.supportBox{  background:url(../images/textboxbg.jpg) left top repeat-y; margin-bottom:13px; width:314px; overflow:hidden;}
		.supportBoxTop{ background:url(../images/textBoxtop.jpg) left top no-repeat; width:314px; overflow:hidden;}
		.supportBoxBoxtom{ background:url(../images/textBoxbottom.jpg) left bottom no-repeat;  width:289px; overflow:hidden; padding:0px 14px 0px 11px; line-height:20px;}
		.supportBox span{ display:block; padding-top:13px; font-weight:bold; color:#5f5f5f;}
		.supportBox p{ padding:25px 0px 12px 0px; border-bottom:1px solid #e5e5e5;}
		.supportBox p span{font-weight:bold; color:#5f5f5f; display:inline; text-decoration:underline;}
		
		
			/* ### TEXT BOX ### */
			
		.textBox{
	background:url(../images/textboxbg.jpg) left top repeat-y;
	margin-bottom:3px;
	width:240px;
	overflow:hidden;
}
		.textBoxTop{
	width:240px;
	overflow:hidden;
	background-color: #202020;
}
		.textBoxBottom{
	padding-bottom:15px;
	width:230px;
	overflow:hidden;
	background-color: #3333;
}	
		.textBox img{ float:left; padding:0px 17px 10px 0px;}
		.textBox p{ padding:12px 5px 10px 11px; color:#5f5f5f; line-height:20px;}
		.textBox span{ font:12px Arial, Helvetica, sans-serif; color:#5f5f5f; font-weight:bold; font-style:italic; display:block; text-align:center;}
		.textBox .middle{
	padding-bottom:0px;
	text-align: justify;
	color: #CCC;
}
		
		
			/* ### WORK CONTAINER ### */
			#workCntr{ width:878px; padding:25px 0px 12px 0px; margin:0px auto;}
			#workCntr h1{ font:18px Georgia, "Times New Roman", Times, serif; color:#e9e8d6; padding:0px 0px 23px 23px;}
			.workBox{ width:878px; overflow:hidden; background:url(../images/workbg.jpg) left top repeat-y;}
			.workBox .top{ background:url(../images/workbgtop.jpg) left top no-repeat; width:878px; overflow:hidden;}
			.workBox .bottom{ background:url(../images/workbgbottom.jpg) left bottom no-repeat; padding-bottom:34px; width:878px; overflow:hidden;}
			.workBox ul{ padding:0px 0px 0px 25px;}
			.workBox ul li{ list-style:none; padding:18px 0px 0px 0px; width:171px; float:left; overflow:hidden;}
			.workBox ul li span{ font:12px Arial, Helvetica, sans-serif; color:#b5a39a; font-weight:bold; display:block; padding-bottom:15px;}
			.workBox ul li p{ font:11px Arial, Helvetica, sans-serif; color:#6b615c; padding:10px 0px 0px 0px; line-height:18px;}
			.workBox ul li.first{ padding-left:48px;}
			
			
	/* ### FOOTER CONTAINER ### */
	#footerCntr { overflow: hidden; width: 1100px; margin:0px auto; background:url(../images/footer.jpg) 6px top no-repeat; height:100px; font:11px Arial, Helvetica, sans-serif; color:#e9e8d6; text-align:center; padding:30px 0px 0px 0px; }
#footerCntr a{color:#e9e8d6; text-decoration:none;}
#footerCntr a:hover{ text-decoration:underline;}
.ourprojectrowend {
	border-bottom:1px dotted #666
}
.ourprojectrowuvod {
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
}
.leftBoxva {
	float: left;
	width: 880px;
	padding:0px 0px 0px 10px;
	overflow:hidden;
}
.infonadpis {
	color: #C00;
}
.vaBox {
	background:url(../images/vabg.jpg) left top repeat-y;
	width: 880px;
	overflow:hidden;
}
.vaTopBox {
	width: 880px;
	overflow:hidden;
}
.vaBottomBox {
	width: 880px;
	overflow:hidden;
	padding-bottom:50px;
	background-color: #000;
}
#prevadzkovanie {
	position: absolute;
	width: 550px;
	height: 110px;
	background: url(../images/image4.jpg) 0 0 no-repeat;
	top: 0px;

	}
#prevadzkovanie:hover {
	background: url(../images/image4.jpg) 0px -110px no-repeat

	}
#zabavne {
	position: absolute;
	width: 550px;
	height: 110px;
	background: url(../images/image2.jpg) 0 0 no-repeat;
	top: 0px;
}
#zabavne:hover {
	background: url(../images/image2.jpg) 0px -110px no-repeat
}
#herne {
	position: absolute;
	width: 550px;
	height: 110px;
	background: url(../images/image3.jpg) 0 0 no-repeat;
	top: 0px;
}
#herne:hover {
	background: url(../images/image3.jpg) 0px -110px no-repeat
}
#automaty {
	position: absolute;
	width: 550px;
	height: 110px;
	background: url(../images/image1.jpg) 0 0 no-repeat;
	top: 0px;
}
.rozmer {
	width: 550px;
	height: 110px;
	position: relative;
}

#automaty:hover {
	background: url(../images/image1.jpg) 0px -110px no-repeat
}
.serviceBottomBoxuvod {
	width: 590px;
	overflow:hidden;
	height: 1100px;
}
