html,body{height:100%;}
body{
	background: url(../images/ZCOM_WebBackground.png) top center fixed #313131;
	font:13px/18px Arial, Helvetica, sans-serif;
	color:#898989;
	position:relative;
	min-width:1064px;
	-webkit-text-size-adjust: none;
}
.main{
	width:1064px;
	margin:0 auto;
}
/*********************************header*************************************/
header{
	width:100%;
	padding:55px 0 0;
}
	#page1 header{padding-bottom:17px;}
h1{float:left;}
	h1 a{
		display:block;
		font:0/0 a;
		color:transparent;
		width:560px;
		height:75px;
		padding-bottom:5px;
		background:url(../images/MaxExports/ZadroCommercialLogo.png) 0 0 no-repeat;
	}
.secondary-menu{
	float:right;
	overflow:hidden;
	padding-top:17px;
}
	.secondary-menu li{
		float:left;
		padding-right:7px;
		border-right:1px solid #7d7d7d;
		margin-right:7px;
		font:10px/10px Arial, Helvetica, sans-serif;
		color:#7d7d7d;
	}
		.secondary-menu li.last-item{padding-right:0; border-right:none;}
		.secondary-menu a{
			color:inherit;
			font:inherit;
			text-decoration:none;
		}
			.secondary-menu a:hover{color:#fff; text-decoration:none;}
.welcome-msg{
	font:13px/18px Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:right;
	text-transform:uppercase;
	margin-bottom:28px;
	padding-left:200px;
}
/********************************* Content **********************************/
#content{
	width:100%;
	padding:50px 0 30px;
}
#content020{
	width:100%;
	padding:0px 0 20px;
}
#content2{
	width:100%;
	padding:45px 0 45px;
}
#content3{
	width:100%;
	padding:20px 0 20px;
}
#content4{
	width:100%;
	padding:40px 0 40px;
}
#content41{
	width:100%;
	padding:0px 0 40px;
}
#content42{
	width:100%;
	padding:40px 0 20px;
}
#content5{
	width:100%;
	padding:10px 0 10px;
}
#content6{
	width:100%;
	padding:40px 0 10px;
}
/* ---------- Titles ---------*/
h2{font:bold 36px/34px Arial, Helvetica, sans-serif; color:#000; text-transform:none; letter-spacing:-2px;}
h3{font:bold 18px/24px Arial, Helvetica, sans-serif; color:#FFFFFF; text-transform:none;}
	h3 a{font:inherit; color:inherit; text-decoration:none; text-transform:none;}
		h3 a:hover{color:#2b7de1; text-decoration:none;}h4{font:normal 15px/21px Arial, Helvetica, sans-serif; color:#000; }
h3b{font:bold 18px/24px Arial, Helvetica, sans-serif; color:#000; text-transform:none;}
	h3b a{font:inherit; color:inherit; text-decoration:none; text-transform:none;}
		h3b a:hover{color:#2b7de1; text-decoration:none;}h4{font:normal 15px/21px Arial, Helvetica, sans-serif; color:#000; }
h5{font:bold 15px/21px Arial, Helvetica, sans-serif; color:#000; }
	h5 a{font:inherit; color:inherit; text-decoration:none; text-transform:none;}
		h5 a:hover{color:#2b7de1; text-decoration:none;}
h6{font:normal 15px/18px Arial, Helvetica, sans-serif; color:#FFFFFF;}
	h6 a{font:inherit; color:inherit; text-decoration:none; text-transform:none;}
		h6 a:hover{color:#2b7de1; text-decoration:none;}
h6b{font:normal 15px/18px Arial, Helvetica, sans-serif; color:#000;}
	h6b a{font:inherit; color:inherit; text-decoration:none; text-transform:none;}
		h6b a:hover{color:#2b7de1; text-decoration:none;}
h7{font:normal 13px/15px Arial, Helvetica, sans-serif; color:#FFFFFF;}
	h7 a{font:inherit; color:inherit; text-decoration:none; text-transform:none;}
		h7 a:hover{color:#2b7de1; text-decoration:none;}
/*----------- Boxes ----------*/
.box{text-align:center;}
	.box .indents{padding:0 20px;}
.box1{
	padding:7px 35px 0 38px;
	background:url(../images/box-icon1.png) 0 0 no-repeat;
}
.box2{
	padding:4px 35px 0 38px;
	background:url(../images/box-icon2.png) 0 0 no-repeat;
}
.banner .text{
	padding-top:5px;
	float:left;
	font:bold 24px/24px Arial, Helvetica, sans-serif;
	color:#fff;
	text-transform:uppercase;
	width:75%;
}
	.banner .text span{
		display:block;
		font:normal 13px/16px Arial, Helvetica, sans-serif;
		color:#b0afaf;
	}
	.banner .button{
		float:right;
		display:inline-block;
		font:16px/20px Arial, Helvetica, sans-serif;
		color:#fff;
		text-decoration:none;
		text-transform:none;
		text-align:center;
		padding:28px 39px 29px;
		background:url(../images/button-tail.gif) center top repeat-x #da615b;
		border:1px solid #d05b55;
		border-radius:6px;
	}
		.banner .button:hover{text-decoration:none; background:#898989; border-color:#6c6c6c;}
.details{
	overflow:hidden;
	padding-right:86px;
	margin-bottom:25px;
}
	.details .info{
		float:left;
		width:65%;
		margin-right:10px;
	}
	.details .comments{
		float:right;
		padding-right:33px;
		background:url(../images/comment-icon.png) right top no-repeat;
		width:95px;
		min-height:24px;
		text-align:right;
	}
	.details a{
		font:inherit;
		color:inherit;
		text-decoration:none;
		text-transform:none;
	}
		.details a:hover{text-decoration:none; color:#e2e3e2;}
.links a{display:inline-block; margin-right:10px;}
/*----------- Other -----------*/
blockquote.quote{padding-right:18px;}
	.quote-content{
		padding-left:21px;
		background:url(../images/quote.png) 0 0 no-repeat;
		font:italic 12px/18px Arial, Helvetica, sans-serif;
		color:#898989;
		margin-bottom:13px;
	}
	.quote-caption{
		font:12px/18px Arial, Helvetica, sans-serif;
		color:#fff;
		text-align:right;
	}
time.date{
	display:block;
	font:11px/14px Arial, Helvetica, sans-serif;
	color:#898989;
	text-transform:uppercase;
}
#left {
		position:relative;
		left: 100px;
	}
#productleft {
		position:relative;
		left: 0px;
	}
#center {
		position:relative;
		left: 320px;
	}
#productcenter {
		position:relative;
		left: 0px;
	}
#right {
		position:relative;
		left: 214px;
	}
#productright {
		position:relative;
		left: 0px;
	}
/*---------- Links ----------*/
a{
	color:#000;
	text-transform:none;
	outline:none;
	cursor:pointer;
	text-decoration:underline;
}
	a:hover{text-decoration: underline; color:#2b7de1;}
a[href^="tel:"]{color: inherit; text-decoration:none;}
/*----- Images -----*/
.img-indent{float:left; margin-right:20px;}
.img-indent2{float:left; margin-right:10px;}
.img-indent3{float:left; margin-right:15px;}
figcaption{
	display:block;
	background:#999999;
	padding:14px 27px 20px;
}
/*---------- Lists -----------*/
.last-item{margin-right:0 !important; margin-bottom:0 !important;} 
.list li{
	font:10px/18px Arial, Helvetica, sans-serif;
	color:#9e9e9e;
	text-transform:uppercase;
	padding-left:28px;
	background:url(../images/marker.png) 0 1px no-repeat;
	min-height:20px;
	margin-bottom:10px;
}
	.list a{
		font:inherit;
		color:inherit;
		text-decoration:none;
	}
		.list a:hover{text-decoration:none; color:#e2e3e2;}
.news li{
	overflow:hidden;
	margin-bottom:20px;
}
	.news .extra-wrap{padding-top:8px;}
.services li{
	padding-left:41px;
	margin-bottom:30px;
	background-position:0 3px;
	background-repeat:no-repeat;
}
	.services li.icon-1{background-image:url(../images/service-icon1.png);}
	.services li.icon-2{background-image:url(../images/service-icon2.png);}
	.services li.icon-3{background-image:url(../images/service-icon3.png);}
	.services li.icon-4{background-image:url(../images/service-icon4.png);}
	.services li.icon-5{background-image:url(../images/service-icon5.png);}
	.services li.icon-6{background-image:url(../images/service-icon6.png);}
.themes li{
	font:bold 16px/20px Arial, Helvetica, sans-serif;
	color:#030303;
	text-transform:uppercase;
	letter-spacing:-1px;
	margin-bottom:2px;
}
	.themes a{
		display:block;
		font:inherit;
		color:inherit;
		text-decoration:none;
		padding:10px 15px 9px;
		background:#e1e1e1;
	}
		.themes a:hover{
			text-decoration:none;
			color:#fff;
			background-color:#e2e3e2;
		}
.latest-posts li{
	overflow:hidden;
	background:url(../images/latest-post-bg.png) 0 0 repeat;
	margin-bottom:6px;
	padding:9px 15px 17px 14px;
}
	.latest-posts .post{
		float:left;
		width:150px;
		margin-right:9px;
		padding-top:3px;
	}
	.latest-posts .follow-link{
		float:left;
		display:block;
		width:44px;
		height:44px;
		overflow:hidden;
		background:url(../images/follow-link.png) center top no-repeat;
	}
		.latest-posts .follow-link:hover{background-position:center -54px;}
/*---------- Borders ---------*/
.border-bottom{border-bottom:2px solid #000;}
/*---------- Indents ---------*/
p{margin-bottom:18px}
	.p0{margin-bottom:0;}		.p0-1{margin-bottom:3px;}
	.p1{margin-bottom:5px;}		.p1-1{margin-bottom:8px;}
	.p2{margin-bottom:10px;}	.p2-1{margin-bottom:12px;}
	.p3{margin-bottom:15px;}	.p3-1{margin-bottom:18px}
	.p4{margin-bottom:20px;}	.p4-1{margin-bottom:22px;}
	.p5{margin-bottom:25px;}	.p5-1{margin-bottom:28px;}
	.p6{margin-bottom:30px;}	.p6-1{margin-bottom:32px;}
	.p7{margin-bottom:35px;}	.p7-1{margin-bottom:37px;}
	.p8{margin-bottom:40px;}	.p8-1{margin-bottom:42px;}
	.p9{margin-bottom:45px;}	.p9-1{margin-bottom:47px;}
	.p10{margin-bottom:50px;}	.p10-1{margin-bottom:53px;}
	.p11{margin-bottom:55px;}
.indent-top1{padding-top:5px;}
.indent-top1-1{padding-top:7px;}
.indent-bottom4{padding-bottom:20px;}
.indent-bottom5{padding-bottom:30px;}
.indent-bottom7-1{padding-bottom:37px;}
.indent-bottom9-1{padding-bottom:48px;}
.indent-bottom10-1{padding-bottom:52px;}
.indent-bottom11-1{padding-bottom:58px;}
.indent-bottom13-1{padding-bottom:68px;}
.indent-bottom15{padding-bottom:75px;}
/*----------- Map ------------*/
#map figure{padding-top:4px;}
#map .map-border{border:7px solid #e1e1e1; background:#e1e1e1; display:block;}
#map iframe{width:100%; height:285px;}
#map dl{width:100%; position:relative; overflow:hidden; margin-bottom:18px;}
#map dd, #map a{vertical-align:baseline;}
#map dl span {float:left; width:83px;}
/************************************** Footer *************************************/
footer{
	width:100%;
	padding:20px 0 50px;
}
	#page1 .footer-text{float:left;}
		.footer-text a{
			color:#000;
			font:inherit;
			text-decoration:none;
			text-transform:none;
		}
			.footer-text a:hover{color:#2b7de1;}
	.footer-link{float:right;}
/*=================================================================================*/
@media only screen and (max-width: 1064px) {
	body{min-width:1024px;}
	.main{width:1024px;}
}
@media only screen and (max-width: 995px) {
	p, .p3, .p3-1{
	margin-bottom:15px;
	font-size: 16px;
}
		.p4-1, .p5, .p5-1, .p6, .p6-1, .p7, .p7-1{
	margin-bottom:20px;
	text-align: center;
}
		.p8, .p8-1, .p9, .p9-1, .p10, .p10-1, .p11{margin-bottom:30px;}
		h3{margin-bottom:15px !important;}
	.img-indent:not(.img-indent-none-tp) img, .img-indent2:not(.img-indent-none-tp) img, .img-indent3:not(.img-indent-none-tp) img{width:auto;}
	.indent-bottom7-1, .indent-bottom10-1, .indent-bottom11-1, .indent-bottom13-1, .indent-bottom15{padding-bottom:30px;}
	/*-----------------------------------------*/
	body{min-width:768px;}
	.main{width:768px;}
	header{padding-top:30px;}
	#content{padding:30px 0 49px !important;}
	h2{font-size:30px; line-height:30px; letter-spacing:-1px;}
	.box .indents{padding:0;}
	.banner .text{padding-top:0; font-size:20px; line-height:24px;}
	.banner .button{padding:28px 30px 29px;}
	#map dl span {width:73px;}
	.news .extra-wrap{padding-top:0;}
	blockquote.quote, .details{padding-right:0;}
	footer{padding:30px 0 40px;}
}
@media only screen and (min-width: 768px) and (max-width: 995px) {
	.latest-posts li{padding:8px;}
	.latest-posts img{width:45px; height:auto;}
	.latest-posts .post{width:100px; margin-right:7px; padding-top:0;}
}

@media only screen and (max-width: 767px) {
	.img-indent:not(.img-indent-none-ml) img, .img-indent2:not(.img-indent-none-ml) img, .img-indent3:not(.img-indent-none-ml) img{width:auto;}
	.indent-top1, .indent-top1-1{padding-top:0;}
	.indent-bottom4{padding-bottom:30px;}
	/*-----------------------------------------*/
	body{min-width:420px;}
	.main{width:440px;}
	header .p0-1{margin-bottom:13px;}
	.secondary-menu{padding-top:13px;}
	h1 a{width:150px; height:29px; background-size:100% auto;}
	.welcome-msg{padding-left:155px;}
	.box{text-align:left;}
	.banner .text{float:none; width:100%; margin-bottom:20px;}
	.banner .button{float:none; padding:18px 30px;}
	#page1 .footer-text, .footer-link{float:none;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	#map dl{width:200px; margin-bottom:0; margin-right:20px; float:left;}
	.latest-posts .post{width:270px;}
}

@media only screen and (max-width: 479px) {
	.img-indent:not(.img-indent-none-mp) img, .img-indent2:not(.img-indent-none-mp) img, .img-indent3:not(.img-indent-none-mp) img{width:auto;}
	/*-----------------------------------------*/
	body{min-width:300px;}
	.main{width:320px;}
	.details .info{float:none; width:auto; margin-right:0; margin-bottom:8px;}
	.details .comments{float:none; padding-right:0; padding-left:33px; background-position:left top; width:auto; text-align:left;}
}