*
{
	margin: 0px;
	padding: 0px;
}

body
{
	min-height: 100%;
	width: 100%;
	background-color: #fff;
}

a
{
	outline: none;
	text-decoration:underline;
	color: #0089f2;
}

a:hover
{
	color: #ff8d19;
}

a img
{
	border: 0px;
}

/* ====================================================================================== */

#top
{
	width: 1000px;
	margin: 0 auto;
	height: 104px;
}

#logo
{
	width: 350px;
	height: 51px;
	background: url(logo.jpg) left top no-repeat;
	margin: 26px 0 0 4px;
	float:left;
}

#logo a
{
	display:block;
	width: 350px;
	height: 51px;
}

#phone
{
	float:right;
	color: #5c5c5c;
	font: normal 22px 'Times New Roman';
	margin: 23px 2px 0 0;
	text-align:right;
}

/*#phone span*/
.phone_top
{
	background-color: #dff8ff;
	color: #0093c4;
	margin: -2px 0 0 5px;
	padding: 0 10px;
	font-size: 28px;
}

#map
{
	display: none;
	padding: 9px;
	width: 800px;
	height: 600px;
}

#address
{
	color: #6b6b6b;
	font: normal 14px 'Times New Roman';
	font-style:italic;
	margin-right: 1px;
	text-decoration:none;
	border-bottom: 1px dotted #6b6b6b;
}

#address:hover
{
	border-bottom: 1px dotted #ff8d19;
	color: #ff8d19;
}

#flash
{
	margin: 0 auto;
	overflow:hidden;
	height: 401px;
}

#mainmenu-container
{
	min-width: 1000px;
	height: 48px;
	background: url(mainmenu.jpg) repeat-x left top;
}

ul#mainmenu
{
	width: 1000px;
	margin: 0 auto;
}

ul#mainmenu li
{
	float:left;
	list-style-type:none;
	font: bold 18px Arial;
	text-align:center;
}

ul#mainmenu li#mainmenu-current
{
	height: 36px;
	padding: 12px 19px 0;
	background: url(mainmenu-line.jpg) no-repeat right top;
	color: #fc6500;
	background-color: #fff;
}

ul#mainmenu li#mainmenu-current2
{
	background: url(mainmenu-line.jpg) no-repeat right top;
	color: #fc6500;
	background-color: #fff;
}

ul#mainmenu li a
{
	color: #1e4668;
	text-decoration:none;
	display:block;
	height: 36px;
	padding: 12px 19px 0;
	background: url(mainmenu-line.jpg) no-repeat right top;
}

ul#mainmenu li:last-child a
{
	background: none;
}

ul#mainmenu li a:hover, ul#mainmenu li a#mainmenu-current
{
	color: #fc6500;
	background-color: #fff;
}

#layout-wrapper
{
	margin-top: 50px;
}

#layout-content
{
	width: 1000px;
	margin: 0 auto;
	color: #606060;
	font: normal 14px Calibri;
}

#layout-content p
{
	text-align:justify;
	margin-bottom: 20px;
}

#gl
{
	width: 1000px;
	height: 960px;
	margin: 0 auto;
	margin-bottom: 5px;
}

.gl-left
{
	float:left;
	width: 516px;
	height: 238px;
}

.gl-right
{
	float:right;
	width: 484px;
	height: 238px;
}

.gl-left img, .gl-right img
{
	margin: 2px 23px 0 2px;
	float:left;
}

.gl-left .gl-text
{
	margin: 20px 0 0 0;
	padding-right: 50px;
	float:left;
	width: 255px;
	font: normal 14px Calibri;
	color: #606060;
}

.gl-left .gl-text a
{
	color: #606060;
	text-decoration:none;
}

.gl-right .gl-text
{
	margin: 20px 0 0 0;
	float:left;
	width: 273px;
	color: #606060;
	font: normal 14px Calibri;
}

.gl-right .gl-text a
{
	color: #606060;
	text-decoration:none;
}

.gl-left span.gl-caption, .gl-right span.gl-caption
{
	color: #373334;
	font: bold 24px Arial;
}

.gl-left span.gl-caption2, .gl-right span.gl-caption2
{
	color: #00c6ff;
	font: bold 24px Arial;
	margin: 3px 0 20px;
	display:block;
}

.clear
{
	clear:both;
}

#buttons
{
	margin: 0 auto;
	clear:both;
	background: url(button.jpg) no-repeat center center;
	min-width: 1000px;
}

#butt
{
	width: 1000px;
	margin: 0 auto;
}

.button
{
	width: 487px;
	float:left;
	margin: 28px 25px 0 0;
}

.button:last-child
{
	margin-right: 0;
}

.button-caption
{
	width: 465px;
	height: 38px;
	padding: 7px 0 0 23px;
	background: url(button-caption.png) repeat left top;
	color: #fff;
	font: bold 24px Arial;
	margin-bottom: 7px;
}

.button-text
{
	background: url(button-text.png) repeat left top;
	padding: 25px 22px 15px;
	color: #212121;
	font: normal 14px Calibri;
	position:relative;
}

.button-text p
{
	margin-bottom: 15px;
}

.button-read
{
	text-align:right;
	font: bold 14px Calibri;
	text-transform:uppercase;
	position:absolute;
	right: 22px;
	bottom: 5px;
	height: 38px;
}

.button-read a
{
	color: #fff;
	text-decoration:none;
	background-color: #3682a1;
	padding: 10px 14px;
}

#statya
{
	clear:both;
	margin: 0 auto;
	margin-top: 62px;
	width: 1000px;
	color: #606060;
	font: normal 14px Calibri;
}

.statya-caption
{
	color: #373334;
	font: bold 24px Arial;
	margin-bottom: 27px;
}

#statya p
{
	margin-bottom: 20px;
}

#statya-read
{
	text-align:right;
	font: bold 14px Calibri;
	text-transform:uppercase;
	height: 38px;
}

#statya-read a
{
	color: #fff;
	text-decoration:none;
	background-color: #fd7400;
	padding: 10px 14px;
}

#gallery
{
	width: 1000px;
	margin: 0 auto;
	margin-top: 41px;
}

#gallery img
{
	margin: 0 22px 22px 0;
}

#gallery img.margin-cancel
{
	margin-right: 0;
}

#gallery-read
{
	text-align:right;
	font: bold 14px Calibri;
	text-transform:uppercase;
	margin-top: 10px;
	height: 38px;
}

#gallery-read a
{
	color: #fff;
	text-decoration:none;
	background-color: #fd7400;
	padding: 10px 14px;
}

#layout-footer
{
	background-color: #ddd;
	height: 118px;
	clear:both;
	margin-top: 77px;
}

#footer
{
	width: 1000px;
	margin: 0 auto;
}

#footer-left
{
	float:left;
}

#footer-left #info
{
	background: url(footer-logo.jpg) no-repeat left top;
	margin-top: 20px;
	color: #4b4b4b;
	font: normal 14px Calibri;
	padding-top: 36px;
}

#footer-left #ssylki
{
	margin-top: 9px;
	color: #4b4b4b;
	font: normal 14px Calibri;
}

#footer-left #ssylki a
{
	float:left;
	color: #0089f2;}

#footer-left #ssylki a:hover
{
	color: #ff8d19;
}

#footer-left #ssylki #line2
{
	margin: 5px 8px 0;
	width: 1px;
	height: 11px;
	background-color: #c1c1c1;
	float:left;
}

#footer-right
{
	float:right;
	width: 440px;
	text-align:right;
	margin-top: 21px;
	color: #4e4e4e;
	font: normal 14px Calibri;
}

#footer-right span
{
	color: #2f2e2e;
	font-weight:bold;
}

#itco
{
	background: url(itco.jpg) no-repeat left 2px;
	padding-left: 24px;
	margin-top: 7px;
	width: 157px;
	height: 18px;
	float:right;
}

#itco a
{
	color: #0089f2;
}

#itco a:hover
{
	color: #ff8d19;
}

.uslugi, .product
{
	clear:both;
	width: 1000px;
}

.uslugi img, .product img
{
	margin: 2px 23px 60px 2px;
	float:left;
}

.uslugi .gl-text, .product .gl-text
{
	margin: 20px 0 60px;
	float:left;
	width: 789px;
	font: normal 14px Calibri;
}

.uslugi .gl-text a, .product .gl-text a
{
	text-decoration:none;
	color: #606060;
}

.uslugi span.gl-caption, .product span.gl-caption
{
	color: #373334;
	font: bold 24px Arial;
}

.uslugi span.gl-caption2, .product span.gl-caption2
{
	color: #00c6ff;
	font: bold 24px Arial;
	margin: 3px 0 20px;
	display:block;
}

#gall img
{
	margin: 0 17px 20px 0;
}

#caption h1
{
	color: #373334;
	font: bold 24px Arial;
	margin-bottom: 47px;
}

.stati
{
	font-size: 18px;
}

.stati img
{
	float:left;
	margin-right: 30px;
}

.stati a
{
	display:block;
	padding-top: 10px;
}

/* ====================================================================================== */

/* Contacts */

.contact-table td
{
	padding: 5px;
	vertical-align:top;
}

.contact-table a
{
	color: #606060;
}

.contact-table a:hover
{
	color: #ff8d19;
}

.contact-item
{
	width: 130px;
	height: 20px;
	text-align: right;
	font-weight: bold;
	padding-right: 20px;
}

.contact-value
{
	text-align: left;
}

/* ====================================================================================== */

#obratnaya-svyaz td
{
	padding: 5px;
	text-align:right;
	vertical-align:top;
}

#obratnaya-svyaz td input
{
	width: 305px;
	height: 20px;
}

#obratnaya-svyaz td input.submitform
{
	width: 105px;
	height: 30px;
}

#obratnaya-svyaz td input.submitform:hover
{
	cursor:pointer;
}

#obratnaya-svyaz td textarea
{
	width: 305px;
}

p.over
{
	font-size: 13px;
}

.form_result
{
	margin-bottom: 20px;
}

.img-left
{
	float:left;
	margin: 0 10px 10px 0;
}

.img-right
{
	float:right;
	margin: 0 0 10px 10px;
}

ul
{
	margin: 0 0 20px 40px;
}

ul li
{
	margin-bottom: 10px;
}

h2
{
	margin-bottom: 20px;
	font: bold 22px Calibri;
}

h3
{
	margin-bottom: 20px;
	font: bold 20px Calibri;
}

.partners
{
	float:left;
	margin: 0 50px 20px 0;
	text-align:center;
	font-size: 18px;
	width: 200px;
}

.cnt, #layout-content p.cnt
{
	text-align:center;
}

.flcnt
{
	margin: 0 auto;
}

.category
{
	float:left;
	margin: 20px 50px 60px 0;
	text-align:center;
	font-size: 18px;
	width: 200px;
	min-height: 185px;
}

.cat-item
{
	float:left;
	margin: 20px 50px 10px 0;
	text-align:center;
	width: 200px;
	min-height: 217px;
}

.cat-item img
{
	margin-bottom: 5px;
}

.twb
{
	width: 100%;
	border: 1px solid #000;
	border-spacing: 0;
	border-collapse:collapse;
	margin-bottom: 20px;
}

.twb td
{
	border: 1px solid #000;
	padding: 8px;
}

.twb2
{
	width: 100%;
	border: 1px solid #000;
	border-spacing: 0;
	border-collapse:collapse;
	margin-bottom: 20px;
}

.twb2 td
{
	border: 1px solid #000;
	padding: 8px;
	text-align:center;
}

/* Всплывающее после отправки письма сообщение НАЧАЛО */
#message {
	left: 50%;
	position: fixed;
	top: 50%;
}

#message > div {
	background: #c00;
	border: 5px solid #fff;
	border-radius: 15px;
	box-shadow: 0 0 9px rgba(0,0,0,0.5);
	color: #fff;
	font: bold italic 26px Georgia, 'Trebuchet MS';
	height: 60px;
	margin: -50px 0 0 -185px;
	padding: 15px;
	text-align: center;
	width: 330px;
}

#message-close {

	background: url('fancybox_sprite.png');
	height: 36px;
	position: absolute;
	right: -15px;
	top: -65px;
	width: 36px;

}

/* Всплывающее после отправки письма сообщение КОНЕЦ */


#socseti {
	clear: both;
	float: right;
	margin: 20px 0;
}

#socseti a {
	width: 37px;
	height: 37px;
	display: block;
	float: left;
	margin-right: 5px;
	background: url(socseti.png) 0 0 no-repeat;
}

#socseti a#facebook {
	background-position: -103px 0;
}

#socseti a#ok {
	background-position: -463px 0;
}

#socseti a#insta {
	background-position: -412px 0;
}

#socseti a#vk:hover {
	background-position: 0 -51px;
}

#socseti a#facebook:hover {
	background-position: -103px -51px;
}

#socseti a#ok:hover {
	background-position: -463px -51px;
}

#socseti a#insta:hover {
	background-position: -412px -51px;
}

table.twb3 {
	border: 0 none;
	float: left;
	border-spacing: 0;
	border-collapse:collapse;
	margin-left: 50px;
}

table.twb3 td {
	border: 0 none;
	border-bottom: 1px solid #000;
	text-align: center;
	padding: 3px 8px;
}

table.twb3 td.left {
	text-align: left;
}
table.twb4 {
	border: 0 none;
	border-spacing: 0;
	border-collapse:collapse;
	margin-bottom: 20px;
}
table.twb4 td {
	border: 0 none;
	text-align: center;
	padding: 3px 8px;
}
table.twb4 td .twb2 td {
	border: 1px solid #000;
}
table.twb5 {
	border: 0 none;
	border-spacing: 0;
	border-collapse:collapse;
	width: 100%;
}
table.twb5 td {
	border: 0 none;
	border-bottom: 1px solid #000;
	text-align: center;
	padding: 3px 8px;
}
table.twb6 {
	border: 0 none;
	border-spacing: 0;
	border-collapse:collapse;
}
table.twb6 td {
	border: 0 none;
	border-bottom: 1px solid #000;
	text-align: center;
	padding: 3px 8px;
	width: 33.33%;
}
table.twb6.twb6_nowidth {
	width: 100%;
}
table.twb6.twb6_nowidth td {
	width: auto;
}
table.twb6.twb6_nowidth tr:first-child td {
	width: 33.33%;
}
table.twb6 td.noborder {
	border: 0 none;
}

.fleft {
	float: left;
}
.pool-block {
	display: inline-block;
	margin-bottom: 50px;
}
.pool-item {
	width: 320px;
	height: 270px;
	margin-right: 20px;
	float: left;
	margin-bottom: 30px;
}
.pool-item:nth-child(3n) {
	margin-right: 0;
}
.pool-caption {
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	background-color: #008bff;
	color: #fff;
	margin-bottom: 20px;
}
.pool-price {
	float: right;
	font-size: 18px;
	font-weight: bold;
}
.pool-char {
	float: left;
	margin-bottom: 30px;
}
.pool-img {
	clear: both;
	text-align: center;
}
.franmer-cveta {
	text-align: center;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
.prod-list .prod-item {
	height: 220px;
	width: 190px;
	text-align: center;
	float: left;
	margin: 0 60px 20px 0;
}
#layout-content .prod-list .prod-item .prod-title {
	text-align: center; 
	margin: 0; 
	font: 16px Calibri;
	font-weight: bold;
}
.prod-list .prod-item img {
	width: 190px;
}
.img-back {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	opacity: 0;
}
.img-photo {
	position: relative;
	cursor: pointer;
}
.img-photo:hover > img {
	opacity: 0;
}
.img-photo:hover .img-back {
	opacity: 1;
}
.img-zoom {
	display: none;
	top: -75px;
	left: 0;
}
span.img-color {
	position: relative;
	margin-right: 5px;
}
td span.img-color {
	margin-right: 0;
}
span.img-color:hover .img-zoom {
	display: block;
	position: absolute;
}