body { margin: 0; padding: 0; font-family: Arial; font-size: 14px; }
img { max-width: 100%; height: auto; border:none; }
a { color:#44b0df; }
a:hover { text-decoration: none; }
.clear { clear: both; }

h1 { font-size: 20px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }

.hr {  }
.red { color: red; }

/* Show banner fancubox */
#show_banner_form #show_banner_form_error { background: none repeat scroll 0 0 red; color: #FFFFFF; display: none; }
form#show_banner_form label { display: block; }
form#show_banner_form p { line-height: 1.6; padding: 0 7px; }
form#show_banner_form input[type=text] { padding: 10px; font-size: 14px; border:1px solid #2A98C0; }
form#show_banner_form input[type=text]:focus { border:1px solid #ff4444; }
form#show_banner_form input[type=submit] { padding: 10px; font-size: 14px; background: #ff4444; color: #fff; border:none; cursor: pointer; }

/* Site conteiner */
.container { width:980px; max-width: 90%; margin: 0 auto; }

/* Header */
.header { padding: 10px 0; }
	.header .logo { width: 100%; float: left; }
	.header .email-block { width: 100%; float: left; }
		.header .email-block img { position: relative; top: 10px; }
		.header .email-block .title { font-size: 11px; color: #475055; }
		.header .email-block a { display: block; font-size: 16px; font-family: Verdana; padding-left: 30px }
	.header .phone-block { width: 100%; max-width: 270px; float: left; position: relative; }
		.header .phone-block img { position: relative; top: 10px; }
		.header .phone-block .title { font-size: 11px; color: #475055; }
		.header .phone-block .phone { display: block; font-size: 14px; font-family: Verdana; padding-left: 30px }
		.header .phone-block a { position: absolute; top: 15px; color:#ff4444; right:0px; font-size: 12px; }

/* Menu */
.topmenu { background: #44b0df; border: 1px solid #2a98c0; /*overflow: hidden;*/ }
	.topmenu .menu-link { color: #fff; text-decoration: none; text-align: center; display: block; background: #2a98c0; padding: 5px 0; }
	.topmenu ul { /*overflow: hidden;*/ list-style: outside none none; padding:0px; margin: 0; }
	.topmenu ul li a { background: #44b0df; color: #fff; display: block; text-decoration: none; border-bottom: 1px solid #2a98c0; padding: 5px 10px; font-size: 100%; }
	.topmenu ul li a:hover { background: #2a98c0; }
	.topmenu ul li ul li a { padding-left: 30px; }
	.topmenu ul li.search { padding: 5px 0; text-align: center; }
	.topmenu ul li .input-text, .topmenu ul li .input-image { float: left; }
	.topmenu ul li .input-text { width: 80%; padding-left: 10px; }
	.topmenu ul li input[type=text] { width: 100%; padding: 8px; color: #475055; font-style: italic; font-size: 12px; border: none; height: 16px; border-top-left-radius: 2px; border-bottom-left-radius: 2px; }
    .topmenu ul li.root ul { display: none; }

/* Stock */
.stock { margin-top:10px; width: 100%; }
	.s-column { float: left; width: 100%; }
		.s-column.two .item { width: 50%; float: left; }
		.s-column.two .item.one a { display: block; width: 50%; float: left; }

/* Content */
.content { padding: 10px 0; }
	.content p { text-align: justify; }

/* breadcrumb */
.breadcrumb { list-style: none; margin:10px 0; padding: 0; font-size: 12px; color: #475055; }
    .breadcrumb li { float: left; }
    .breadcrumb li .divider { margin: 0 5px; }

/* Block portfolio */
.work {}
	.work .item { float: left; width: 22%; margin-right: 4%; }
	.work .item:nth-child(4) { margin-right: 0; }

/* Product to home */
.product-home {}
	.product-home .item {
		display: block;
		border-width: 15%;
		border-style: solid;
		border-color: #fff;
		height: auto;
		width: 46%;
		float: left;
		text-align: center;
		margin-right: 2%;
		margin-bottom: 2%;
		font-size: 90%;
		color: #000;
	}
	.product-home .item:nth-child(2n+2) { margin-right: 0; }
	.product-home .item:hover { border-width: 15%; border-style: solid; border-color: #ff4444; color: #ff4444; }
	.product-home .item .title { height: 50px; word-break: break-all; padding: 0 10px; }

/* Product in catalog */
.product {}
	.product .item { border-width: 15%; border-style: solid; border-color: #44b0df; margin-bottom: 2%; }
	.product .item:hover { border-color: #ff4444; }
	.product .item .image { padding: 2% 2% 0 2%; width: 96%; text-align: center; }
	.product .item .body { padding: 0 2% 2% 2%; width: 96%;  }
		.product .item .body h3 { text-transform: uppercase; }
		.product .item .body .price { margin: 10px 0; font-weight: bold; font-size: 16px; }
		.product .item .body .price span { color: #44b0df; }
        .product .item .body p { padding-right: 2%; }
		.product .item .body .order { display: inline-block; padding: 10px 15px; text-decoration: none; background: #ff4444; color:#fff; }
		.product .item .body .order:hover { background: #fe1515 }

.date { font-size: 12px; color: #475055; }
.social { text-align: right; height: 40px; }

#reference-list {  }
    #reference-list .item { float:none; width:100%; margin-bottom:20px; }
    #reference-list .item .item-image { width: 100%; }
    #reference-list .item .message { width:100%; }
        #reference-list .item .message .title { color:#000; font-size:20px; }
        #reference-list .item .message .date { color:#b8b8b8; }
        #reference-list .item .message .title a { color:#000; }
        #reference-list .item .message .content { color:#475055; height: auto; }

/* Call my fancubox */
#callmy_form #login_error { background: none repeat scroll 0 0 red; color: #FFFFFF; display: none; }
form#callmy_form label { display: block; }
form#callmy_form p { line-height: 1.6; padding: 0 7px; }
form#callmy_form input[type=text] { padding: 10px; font-size: 14px; border:1px solid #2A98C0; }
form#callmy_form input[type=text]:focus { border:1px solid #ff4444; }
form#callmy_form input[type=submit] { padding: 10px; font-size: 14px; background: #ff4444; color: #fff; border:none; cursor: pointer; }

/* написать директору fancubox */
#email_for_dir_form #email_for_dir_form_error { background: none repeat scroll 0 0 red; color: #FFFFFF; display: none; }
form#email_for_dir_form label { display: block; }
form#email_for_dir_form p { line-height: 1.6; padding: 0 7px; }
form#email_for_dir_form input[type=text] { padding: 10px; font-size: 14px; border:1px solid #2A98C0; width: 300px; }
form#email_for_dir_form input[type=text]:focus { border:1px solid #ff4444; }
form#email_for_dir_form textarea { padding: 10px; font-size: 14px; border:1px solid #2A98C0; width: 300px; height: 50px; }
form#email_for_dir_form textarea:focus { border:1px solid #ff4444; }
form#email_for_dir_form input[type=submit] { padding: 10px; font-size: 14px; background: #ff4444; color: #fff; border:none; cursor: pointer; }

/* Form order */
.form-order { margin: 10px 0; display: none; }
    .form-order .error { color: #ff4444; display: none; }
    .form-order form input[type="text"].input-error { border: 1px solid #ff4444; }
    .form-order form label { display: block; }
    .form-order form input[type=text] { padding: 10px; width: 250px; border:1px solid #2A98C0; }
    .form-order form textarea { padding: 10px; width: 350px; height: 75px; border:1px solid #2A98C0; }
    .form-order form input[type=submit] { padding: 10px; font-size: 14px; color: #fff; border:none; cursor: pointer; }
    .form-order form input[name=go_order] { background: #2A98C0; }
    .form-order form input[name=close_order] { background: #475055; }
    .order-reply { margin: 10px 0; color: green; display: none; }
    .order-status { color: green; display: none; }

/* Footer */
.footer { background: #44b0df; color: #fff; padding: 20px 0; font-size: 13px; }
	.f-content { width:980px; max-width: 95%; margin: 0 auto; }
		.f-content a { color: #fff; }
		.f-content .copy { float: left; width: 100%; }
		.f-content .f-menu { float: left; width: 100%; padding-top: 20px; }
			.f-content .f-menu a { display: block; }
			.f-content .f-menu .one { margin-bottom: 20px; }
				.f-content .f-menu .one a { display: inline; }
            .f-content .f-menu .two {}
            .f-content .f-menu .tree {}
#developer { text-align: center; padding: 25px; }
#link_email_for_dir { color:red; }

@media only screen and (min-width: 520px) {
	/* Header */
	.header .email-block { width: 35% }
	.header .phone-block { width: 65% }

	/* Menu */
	.topmenu { border-right: none; }
	.topmenu .menu-link { display: none; }
	.topmenu ul li { width: 50%; float: left; }
	.topmenu ul li.search { float: none; }
	.topmenu ul li a { border-right: 1px solid #2a98c0; }
	.topmenu ul li.search { float:left; width: 75%; }

    .topmenu ul li.root { position: relative; }
        .topmenu ul li.root ul { position: absolute; top: 30px; }
        .topmenu ul li.root ul li { width: 250px }
        .topmenu ul li ul li a { padding-left: 10px; text-align: left; border-bottom: 1px solid #2a98c0; }

	/* Product in catalog */
	.product .item .image { float:left; padding: 2%; width: 28%; }
	.product .item .body { float: left; width: 68%; padding: 0 0 2% 0; }

	/* Footer */
	.f-content .copy { width: 55%; }
	.f-content .f-menu { width: 45%;  padding-top: 30px; }
}

@media only screen and (min-width: 560px) {
	/* Product to home */
	.product-home .item:nth-child(2n+2) { margin-right: 2%; }
	.product-home .item:nth-child(4n+4) { margin-right: 0; }
	.product-home .item { margin-right: 2%; width: 22.3%; font-size: 100%; }

	#reference-list .item .item-image { float: left; width: 29%; margin-right: 1%; }
    #reference-list .item .message { float:left; width:70%; }
}

@media only screen and (min-width: 710px) {
	/* Menu */
	.topmenu ul li { width: 33.3%; float: left; }
	.topmenu ul li a { text-align: center; }

	/* Stock */
	.stock { margin-top:10px; width: 100%; }
		.s-column { float: left; }
		.s-column.one { width: 66%; margin-right: 2%; }
			.s-column.one a { float: left; width: 50%; display: block; }
		.s-column.two { width: 32%; }
			.s-column.two .item { width: 100%; }
			.s-column.two .item.one a { display: block; width: 50%; float: left; }

	/* Footer */
	.f-content .copy { width: 40%; }
	.f-content .f-menu { width: 60%; }
	.f-content .f-menu .one, .f-content .f-menu .two, .f-content .f-menu .tree { width: 33.3%; float: left; }
}

@media only screen and (min-width: 820px) {
	/* Header */
	.header .logo { width: 43% }
	.header .email-block { width: 22% }
	.header .phone-block { width: 35% }
}

@media only screen and (min-width: 900px) {
	/* Header */
	.header .logo { width: 45% }
	.header .email-block { width: 22% }
	.header .phone-block { width: 33% }

	/* Menu */
	.topmenu { border-right: 1px solid #2a98c0; }
	.topmenu ul li { width: 12%; float: left; }
	.topmenu ul li a { padding: 14px 10px; border-bottom: none; }
	.topmenu ul li.search { float:left; width: 28%; }
    .topmenu ul li.root ul { top: 48px; left: -469px; width: 900px; }

	/* Footer */
	.f-content .copy { width: 35%; }
	.f-content .f-menu { width: 65%; }
}
@media only screen and (min-width: 950px) {
	/* Header */
	.header .logo { width: 48% }
	.header .email-block { width: 22% }
	.header .phone-block { width: 30% }
}
@media only screen and (min-width: 980px) {
	/* Header */
	.header .logo { width: 50% }
	.header .email-block { width: 21% }
	.header .phone-block { width: 29% }
}