* {
	padding: 0;
	margin: 0;
}

html {
	width: 100%; 
	height: 100%;
}

body {
	background-color: #FFF;
	color: #000;
	font-family: "Cambay", Arial, Tahoma, Helvetica, Sans-serif; 
	font-size: 18px;
}

	.page {
		width: 100%;
		margin: 0 auto;
	}
	
		.page-row {
			width: 100%;
			float: left;
			background-color: #FFF;
		}
		
		.page-standard {
			width: 960px;
			margin: auto;
			padding: auto;
		}
		
		.page-left {
			width: 30%;
			float: left;
		}
		
		.page-right {
			width: 70%;
			float: right;
		}
		
		.page-20 {
			width: 20%;
			float: left
		}
		
		.page-25 {
			width: 25%;
			float: left
		}
		
		.page-3 {
			width: 33.3%;
			float: left
		}
		
		.page-40 {
			width: 40%;
			float: left
		}
		
				
		.page-50 {
			width: 50%;
			float: left
		}
		
		.page-60 {
			width: 60%;
			float: left
		}
		
		.page-75 {
			width: 75%;
			float: left
		}
				
		.pageTitle {
			padding-top: 10px;
			padding-bottom: 10px;
			color: #000;
			font-size: 24px;
			font-weight: bold;
			text-align: center;
		}
		
		.pageTitle2 {
			padding-bottom: 20px;
			color: #CCC;
			font-size: 18px;
			font-weight: bold;
			text-align: center;
		}
		
		.pageMiddle {
			margin-top: 50%;
		}
	
	.header {
		width: 100%;
		height: 150px;
		float: left;
		color: #FFF;
		background-color: #000;
		border-top: 10px solid #FFC300;
		overflow: hidden;
	}

		.header-left {
			width: 25%;
			float: left;
			position: relative;
			top: 12px;
		}

		.header-right {
			width: 75%;
			float: left;
			position: relative;
			top: 60px;
			left: 35px;
		}
		
			.headerMenuLink {
				margin-right: 20px;
				color: #FFF;
				font-size: 14px;
				text-decoration: none;
				padding: 10px;
			}
			.headerMenuLink:hover {
				background-color: #526aff;
				color: #FFF;
			}

	.slider-main {
		width: 100%;
		height: 380px;	
		float: left;
		position: relative;
		top: 0px;
		overflow: hidden;
	}
	
		.sliderMainImg {
			width: 960px;
			height: 250px;
			position: relative;
			top: 0px;
		}
				
		
	.logo-producent {
		width: 100%;
		padding-top: 20px;	
		padding-bottom: 20px;			
		float: left;
		overflow: hidden;
		text-align: center;
	}
		
		.logo-producent-photo {
			width: 150px;
			height: 150px;
			margin: 10px;
			float: left;
			overflow: hidden;
			background-color: #FFF;
			text-align: center;
			border-radius: 50%;
			behavior: url(PIE.htc); /* remove if you don't care about IE8 */
			background-color: #FFF;
		}
		
		.logoProducentIMG {
			width: 150px;
			position: relative;
			top: 20px;
		}
		
	.index-product {
		width: 100%;
		padding-top: 20px;	
		padding-bottom: 20px;			
		float: left;
		overflow: hidden;
	}
		
		.index-product-photo {
			width: 220px;
			height: 180px;
			margin: 10px;
			float: left;
			overflow: hidden;
			background-color: #FFF;
			text-align: center;
			border-radius: 5%;
			behavior: url(PIE.htc); /* remove if you don't care about IE8 */
			background-color: #FFF;
			border: 1px solid #CCC;
		}
		
		.indexProductIMG {
			width: 150px;
			position: relative;
			top: 20px;
		}
		
	.services {
			width: 100%;
			margin-top: 10px;
			margin-bottom: 10px;
			float: left;
			background-color: #FFF;
			border-bottom: 1px solid #CCC;
		}
		
		.servicesTitle {
			font-size: 24px;
			font-weight: bold;
		}
		
		.servicesTextAdditional {
			font-size: 18px;
			font-weight: bold;
			color: #526AFF;
		}
		
		.servicesText {
			color: #666;
			font-size: 16px;
		}
		
	.offer {
			width: 25%;
			height: 300px;
			margin-top: 10px;
			margin-bottom: 10px;
			float: left;
			background-color: #FFF;
			text-align: center;
			overflow: hidden;
		}
		
	.offer-photo {
		height: 200px;
		position: relative;
		overflow: hidden;
	}
	
	.offer-data {
		height: 80px;
	}
		
		
		.offerTitle {
			font-size: 16px;
			font-weight: bold;
		}
		
		.offerTitle2 {
			font-size: 24px;
			font-weight: bold;
		}
		
		.offerTextAdditional {
			font-size: 22px;
			font-weight: bold;
			color: #526AFF;
		}
		
		.offerText {
			color: #666;
			font-size: 14px;
		}
		
		.offerLink {
			color: #000;
			font-size: 16px;
			font-weight: bold;
			text-decoration: none;
		}
		.offerLink:hover {
			text-decoration: underline;
		}
		
		.offerLinkSmall {
			color: #666;
			font-size: 12px;
			font-weight: bold;
			text-decoration: none;
		}
		.offerLinkSmall:hover {
			text-decoration: underline;
		}
		
		.offerIMG {
			width: 140px;
		}
		
		.offerIMG2 {
			width: 250px;
			border: 0px;
		}
		
		.bottom {
			width: 100%;
			position: absolute;
			bottom: 0;
			text-align: center;
 
		}
		
	.footerData {
		color: #CCC;
		font-size: 14px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	.footerLink {
		color: #CCC;
		font-size: 14px;
		text-decoration: none;
	}
	.footerLink:hover {
		text-decoration: underline;
	}



/* ///////// NEW STYLE /////// */


img {
	border: 0px;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.center {
	text-align: center;
}

.right {
  text-align: right;
}

.bold {
  font-weight: bold;
}

.paddingLeft {
	padding-left: 10px;
}

.paddingTB {
	padding-top: 30px;
	padding-bottom: 30px;
}

.borderBottom {
	border-bottom: 1px solid #CCC;
}

.font12 {
	font-size: 12px;
}

.font14 {
	font-size: 14px;
}

.font16 {
	font-size: 16px;
}

.font20 {
	font-size: 20px;
}

.font24 {
	font-size: 24px;
}

.font30 {
	font-size: 30px;
}

.font60 {
	font-size: 60px;
}

.textSmall {
	color: #CCC;
	font-size: 12px;
}

.textSmall2 {
	color: #666;
	font-size: 14px;
}

hr.hrSolid {
	width: 100%;
	height: 1px;
	border-top: 1px solid #CCC;
	border-width: 1px 0 0 0;
}

.colorGreen {
	color: #1EAC71;
}

.colorRed {
	color: #FA0000;
}

.colorBlue {
	color: #526AFF;
}

.colorWhite {
	color: #FFF;
}

.colorBlack{
	color: #000;
}

.colorGray {
	color: #666;
}

.bg1 {
	background-color: #FFF;
}

.bg2 {
	background-color: #000;
}

.bg3 {
	background-color: #FA0000;
}

.bg4 {
	background-color: #526AFF;
}

.bg5 {
	background-color: #FFC300;
}

.bg6 {
	background-color: #DDD;
}

.bg7 {
	background-color: #EEE;
}

.bg8 {
	background-color: #666;
}

.borderTopGray {
	border-top: 1px solid #CCC;
}

.displayNone {
	display: none;
}

.link {
	color: #ED2226;
	font-size: 16px;
	text-decoration: none;
}
.link:hover {
	text-decoration: underline;
}

.button1 {
	padding: 10px;
	color: #FFF;
	background-color: #FA0000;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
.button1:hover {
	color: #000;
	background-color: #ffc300;
}


.header-entry {
	width: 100%;
	height: 110px;
	position: fixed;
	bottom: 0;
	z-index: 200;
	background-color: #222;
	color: #FFF;
	font-size: 11px;
	padding: 5px;
}

.messageEntryLink {
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}
.messageEntryLink:hover {
	text-decoration: underline;
}

.messageEntryButton {
	float: right;
	padding: 10px;
	margin-right: 40px;
	background-color: #607B8B;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	border: 0px;
}
.messageEntryButton:hover {
	background-color: #6DC663;
}

.galleryThumbsBox {
	width: 960px;
	position: relative;
	float: left;
	top: 0px;
	margin-bottom: 0px;
}

.galleryThumbs {
	width: 160px;
	margin: 15px;
	float: left;
	background-color: #FFF;
	text-align: center;
	border: 1px solid #CCC;
}
.galleryThumbs:hover {
	border: 1px solid #666;
}