@import url(https://fonts.googleapis.com/css?family=Cuprum:400,400italic,700,700italic&subset=latin,cyrillic);

* {margin:0;padding:0;}
html, body{font-family: arial, verdana, sans-serif, Lucida Sans;font-size:14px;font-weight:normal;color:#000000;text-align:left;background:#ffffff url('/files/template/back-01.jpg') no-repeat top center;line-height:1.5;background-size:cover}
.clear{clear:both;font-size:0px;line-height:0px;height:0px;}
hr {border: 0 #999999 solid;border-top-width:1px;clear:both;display:block;height:0;margin:3px 0px;}
.full{width:100%}

em{color:#cc9900}

.container{min-width:600px;max-width:1020px;margin:0 auto;padding:30px 0px}
.container-content{margin:0px 20px;background:transparent url('/files/template/white-80.png');position:relative;border:5px solid #FFFFFF;padding-bottom:1px;}
.logo{position:absolute;width:120px;top:-30px;left:10px;z-index:1000;}

.header{background:transparent;margin:1px 1px 0px 1px;padding:0px}
.header img{height:25px;float:left;margin-left:140px;padding:0px;}
.header-tel{padding:0px 20px 10px 0px;margin:0px;float:right;font-family: 'Cuprum', sans-serif;font-weight: 700;font-size:26px;color:#602832;line-height:1.1;}
.header-tel span{font-size:16px;}

.header_tab_top{font-family: 'Cuprum', sans-serif;font-weight:400;font-size:36px;color:#9f5616;line-height:1.1;background:#f5dc99;margin:2px 1px 0px 1px;padding:3px;text-transform:uppercase;text-align:center}
.header_tab{padding:1px 0px 0px 0px;margin:0px;list-style:none;}
.header_tab li{padding:0px;margin:0px;width:25%;float:left}
.header_tab li p{padding:0px;margin:1px;display:block;height:240px;position:relative;text-align:center;font-style:italic;overflow: hidden;background-size:100% auto;background-postion:center center;color:#FFFFFF}
.header_tab li p:hover{transition: 3s;}
.header_tab li p.tab_1{background-image: url('/files/template/header-03.jpg');}
.header_tab li p.tab_2{background-image: url('/files/template/header-02.jpg');}
.header_tab li p.tab_3{background-image: url('/files/template/header-01.jpg');}
.header_tab li p.tab_4{background-image: url('/files/template/header-04.jpg');}
.header_tab li p span{position:absolute;background:transparent url('/files/template/black-40.png');padding:10px 0px;margin:0px;top:130px;display:block;width:100%;height:220px;
 -o-transition: all 0.3s cubic-bezier(0.2, 0, 1, 1) 0s;
  -moz-transition: all 0.3s cubic-bezier(0.2, 0, 1, 1) 0s;
  -webkit-transition: all 0.3s cubic-bezier(0.2, 0, 1, 1) 0s;
  -ms-transition: all 0.3s cubic-bezier(0.2, 0, 1, 1) 0s;
  transition: all 0.3s cubic-bezier(0.2, 0, 1, 1) 0s;
}

.header_tab li p span b{margin:30px 20px 0px 20px;display:block}
.header_tab li p:hover span{top:0px;}
.header_tab li p a{display:none;margin-left:-60px;position:absolute;bottom:20px;left:50%;width:100px}
.header_tab li p:hover a{display:block;}
.header_tab li p:hover b{}

.footer{background:transparent url('/files/template/white-60.png');padding:20px 10px;border-top:1px solid #cc9900;font-size:12px;color:#999999}
.footer a{color:#999999;text-decoration:underline}
.footer a:hover{color:#666666;text-decoration:none}
.footer-logo{width:50px;float:left}
.footer-logo img{width:100%;}
.footer-text{float:left}
.footer-text div{padding:0px 10px;}
.footer-text-1{width:200px}
.footer-text-2{width:100px}
.footer-idea{width:200px;float:right;text-align:right}

.feedback{width:300px;float:right;background:#f5e2a8;padding:15px;}
.feedback input{padding:10px;width:280px;border:0px;margin:10px 0px;}
.feedback textarea{padding:10px;width:280px;border:0px;margin:10px 0px;height:60px;}

.table_work{padding:0px;margin:0px;}
td.img{padding:0px;margin:0px;width:10%}
td.img img{width:100%;vertical-align:top}
td.text{padding:10px;margin:0px;background:transparent url('/files/template/white-80.png');vertical-align:top}
.bottom-line{border-bottom:1px solid #666666}

.menu{background:#cc9900;margin:1px 1px 0px 1px;padding:0px}
.ul-menu{padding:0px 0px 0px 130px;margin:0px;list-style:none;}
.ul-menu li{padding:0px;margin:0px;float:left}
.ul-menu li a{display:block;padding:5px 15px;margin:0px;font-family: 'Cuprum', sans-serif;font-weight: 700;font-size:16px;color:#FFFFFF;text-decoration:none}
.ul-menu li a:hover{background:#f0b70d;color:#FFFFFF;text-decoration:none}
.ul-menu li a.act{background:#FFFFFF;color:#cc9900;text-decoration:none;text-transform:uppercase}

h1.h-header{font-size:22px;font-style:normal;margin:0px;font-family: 'Cuprum', sans-serif;font-weight: 400;margin-left:140px;line-height:1.5;color:#e0a400;float:left;padding-top:0px 0px 5px 0px;}
h1, h2, h3, h4, h5, h6{font-family: 'Cuprum', sans-serif;font-weight: 700;color:#cc9900;padding:5px 0px;margin:0px;line-height:1.1;}
h2{font-size:16px;color:#602832;border-top:3px solid #f0b70d;text-transform:uppercase}
h3{font-size:26px;}

a{color:#602832}
a:hover{color:#cc3300}
strong{color:#602832}
.content{padding:20px;}

.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;
	box-shadow:inset 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	padding:5px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;
	text-decoration:none;
}


@media only screen and (max-width: 780px) { 
h1.h-header{padding-bottom:10px;}
.header-tel{display:none}
.ul-menu li a{padding:5px 10px;}
}

@media only screen and (max-width: 700px) { 
.container-content{margin:0px 10px;}
}