/*******************************
CSS wicker.az
© 2014 www.a2studio.net
********************************/


/********** Main styles **********/

body { }

.header {}
.header .logo { float: left; width: 600px; }
.header .right-block { float: left; width: 360px; text-align: right; }
.header .right-block .title { font-family: Arial; font-size: 27px; color: #555; }
.header .right-block .phone { font-family: 'Noto Serif', serif; font-size: 34px; color: #ca6400; line-height: 45px; }

.page { margin: 0 auto; width: 960px; padding: 20px; min-height: 500px; background: rgba(255,255,255,0.90); }

.top-menu { border-top: 2px solid #555; border-bottom: 2px solid #555; margin: 20px 0; height: 30px; text-align: center; line-height: 30px; font-family: 'Noto Serif', serif; font-size: 17px; }
.top-menu span { margin: 0 10px; }
.top-menu span a { color: #333; text-decoration: none; }
.top-menu span a:hover { color: #ca6400; text-decoration: none; }

.footer { width: 960px; margin: 0 auto; background: url('../img/denim.png'); padding: 10px 20px; }
.footer .menu { text-align: center; font-family: Arial; font-size: 13px; }
.footer .menu span { margin: 0 5px; }
.footer .copyright { font-family: Arial; font-size: 11px; margin: 20px 0 5px 0; color: #aaa; }
.footer .menu span a, .footer .copyright a { color: #aaa; }
.footer .menu span a:hover, .footer .copyright a:hover { color: #fff; }

.clear { clear: both; }
.clear20 { clear: both; height: 20px; }
.clear30 { clear: both; height: 30px; }
b { font-weight: bold; }
h1 {
	font-family: 'Noto Serif', serif; font-size: 25px; color: #ca6400;
	line-height: 32px;
	display: block;
	margin: 20px 0;
}

h2 {
	font-family: Arial;
	font-size: 20px;
	margin-bottom: 10px;
	color: #555;
}

/********** Main styles **********/


/********** Front page **********/

.intro-block { font-family: Arial; font-size: 16px; line-height: 22px; text-align: center; width: 800px; margin: 5px auto; padding: 5px 80px; border-top: 1px dotted #999; border-bottom: 1px dotted #999; }
.intro-block p { margin: 10px 0; }

.front-featured { }
.front-featured .title { font-family: 'Noto Serif', serif; color: #ca6400; margin: 0 0 15px 0; }
.front-featured .img { width: 229px; height: 128px; border: 1px solid #ccc; float: left; margin-right: 12px; overflow: hidden; }
.front-featured .last { margin-right: 0; }
.front-featured .img img { max-width: 229px; min-height: 128px; }

/********** Front page **********/


/********** Catalog page **********/

.catalog-left {
	float: left;
	width: 620px;
}

.catalog-left .model {
	width: 198px;
	margin: 4px 4px 6px 4px;
	float: left;
	text-align: center;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #555;
}

.catalog-left .model img {
	margin-bottom: 2px;
	border: 1px solid #ccc;
}


.catalog-right {
	float: left;
	width: 304px;
	margin-left: 20px;
	padding-left: 14px;
	border-left: #999 dotted 2px;
}

.catalog-right .item {
	float: left;
	width: 68px;
	margin: 4px;
	text-align: center;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #555;
}

.catalog-right .item img {
	margin-bottom: 2px;
}

.cat-paginator {
	margin: 10px 4px 10px 4px;
	font-size: 12px;
	font-family: Arial;
	float: right;
	line-height: 16px;
	text-align: center;
}

.cat-paginator span {
	display: block;
	width: 16px;
	height: 16px;
	float: left;
	
	margin-right: 2px;
	color: #fff;
}

.cat-paginator .active {
	background: #ca6400;
}

.cat-paginator .deactive {
	background: #999;
}

/********** Catalog page **********/



/********** Gallery page **********/

.gallery-item {
	width: 182px;
	height: 130px;
	line-height: 130px;
	margin: 4px 4px 6px 4px;
	float: left;
	text-align: center;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #555;
	border: 1px solid #ccc;
	background: #eee;
}

.gallery-item img {
	vertical-align: middle;
	max-height: 130px;
	max-width: 182px;
}


/********** Gallery page **********/





/********** Contacts page **********/

.contacts-left, .contacts-right {
	width: 449px;
	float: left;
	font-family: Arial;
	font-size: 15px;
	color: #333;
	line-height: 22px;
}

.contacts-left {
	margin-right: 30px;
	padding-right: 30px;
	border-right: #999 dotted 2px; 
}

.contacts-right .cont-form {
	line-height: 45px;
}

.contacts-right .cont-form .input1 {
	line-height: 25px;
	border-radius: 6px;
	border: 1px solid #ccc;
	width: 300px;
	padding: 0 5px;
}

.contacts-right .cont-form .textarea1 {
	border-radius: 6px;
	border: 1px solid #ccc;
	width: 375px;
	height: 245px;
	padding: 5px;
}

.contacts-right .cont-form .button1 {
	border-radius: 6px;
	border: 0px solid #ccc;
	padding: 6px 0;
	background: #ca6400;
	color: #fff;
	position: relative;
	width: 120px;
	top: -10px;
	left: 265px;
}


/********** Contacts page **********/