@font-face {
    font-family: GOST;
    src: url(../fonts/GOST.ttf);
   }
@font-face {
    Font-family: ArialN; /* Гарнитура шрифта */
    src: url(../fonts/ARIALN.ttf); /* Путь к файлу со шрифтом */
   }
@-webkit-keyframes spinAround {
	from {
		-webkit-transform: rotate(0deg)
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}
@-moz-keyframes spinAround {
	from {
		-moz-transform: rotate(0deg)
	}
	to {
		-moz-transform: rotate(360deg);
	}
}
@keyframes spinAround {
	from {
		transform: rotate(0deg)
	}
	to {
		transform: rotate(360deg);
	}
}
@keyframes diagonal-slide {
  from {
    left: 0;
    top: 0;
  }
  to {
    left: 100px;
    top: 100px;
  }

}

body {
	width: 1024px;
	/*margin: auto;	*/
	margin-left: auto;
	margin-right: auto;
	font-family: ArialN;
	}
#prebanner {
	z-index:100000000000000000000000;
	/* border:1px solid red; */
	width:1024px;
	height: 87px;
	position: fixed;
	top: 0px;
	background-color: #368D5A;
	box-shadow: 0px 2px 10px #888888;
	}

#medal {
	z-index: 11;
	position: absolute;
	left:18px;
	top: 0px;
	width: 163px;
	height: 100px;
	/* border:1px solid blue; */
	background: url(../images/medal_RU.png) no-repeat;
	}
/*#kapcha {
	z-index: 11;
	position: absolute;
	right:0px;
	top: 110px;
	width: 163px;
	height: 59px;
	border:1px solid blue;
	}	*/

#Buttot_Sale {
	width: 100px;
	margin-top: -80px;
	left:60%;
	position:relative;
	}


#logo {
	z-index: 11;
	position: absolute;
	left:50px;
	top: 15px;
	width: 163px;
	height: 59px;
	/* border:1px solid blue; */
	background: url(../images/gilson-logo.png) no-repeat;
	}
#fhead {
	margin-left: 15px;
	font-size:2.2em;
	/* border:1px solid blue; */
	width: 360px;
	height: 45px;
	text-align:center;
	color:#fbcf44;
	}
#formbox{
	margin-top: 10px;
	/* border:1px solid black; */
	width: 391px;
	height: 230px;
	}
#form textarea {
	resize: none;
	font-family:ArialN;
	}
#form {
	margin-left: 40px;
	/* border:1px solid blue; */
	width: 335px;
	height: 180px;
	font-size:1em;
	}
#invite {
	/* border:1px solid blue; */
	z-index:15;
	position: fixed;
	margin-top: -400px; /*-225px;*/
	margin-left: 613px;
	width: 391px;
	height: 550px;
	color: white;
	font-family: ArialN;
	background: url(../images/invite_big.png) no-repeat;
	-moz-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	-webkit-transition: all 1s ease-in-out;
	}

#focus {
	/* border:1px solid blue; */
	z-index:15;
	position: fixed;
	margin-top: -340px; /*-225px;*/
	margin-left: 613px;
	width: 391px;
	height: 476px;
	color: white;
	font-family: ArialN;
	background: url(../images/invite.png) no-repeat;
	-moz-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	-webkit-transition: all 1s ease-in-out;
	}

#button_ask {
	margin-top:10px;
	}

#focus:focus ~ .invite {
	-webkit-transform: translate(0,480px);/*0,380px;*/
	-moz-transform: translate(0,480px);/*0,380px;*/
	-o-transform: translate(0,480px);/*0,380px;*/
	}

#invite:hover {
	-webkit-transform: translate(0,480px);/*0,380px;*/
	-moz-transform: translate(0,480px);/*0,380px;*/
	-o-transform: translate(0,480px);/*0,380px;*/
	}
#button {
	position: relative;
	/* border:1px solid green; */
	width:130px;
	margin-top: 250px;
	margin-left: 235px;
	color: white;
	font-size:1.2em;
	text-align:center;
	line-height:17px;
	}
#textlogo {
	z-index:2;
	position: absolute;
	left:130px;
	top: 15px;
	width: 180px;
	font-weight: bold;
	color: #368D5A;
	letter-spacing: 0.37em;
	font-family: GOST;
	}
#contact {
	position: absolute;
	float:right;
	width: 490px;
	height: 60px;
	color: white;
	/* border:1px solid blue; */
	top:20px;
	right:5px;
	font-family: Arial;
	}
#sagani {
  margin: 0;
  font-size: 2.7em;
  letter-spacing: 0em;
  width: 600px;
  /* border: 1px solid green; */
  text-align: center;
  position: absolute;
  /* left: 0px; */
  right: 210px;
  }
#contact img {
	margin-left: 5px;
	position: absolute;
	/* border:1px solid green; */
	left: 20px;
	top:13px;
	}
#phone {
	margin: 0;
	font-size:1.8em;
	position: absolute;
	width: 250px;
	right:5px;
	top: 9px;
	/* border:1px solid green; */
	text-align: center;
	}
#phonetext {
	margin: 0;
	font-family: GOST;
	position: absolute;
	font-size:1.0em;
	font-style: italic;
	letter-spacing: -0.01em;
	width: 250px;
	right: 5px;
	bottom: 0px;
	/* border:1px solid green; */
	text-align: center;
	}
#slogan11 {
	width: 450px;
	z-index:2;
	position: absolute;
	right: 350px;
	top: 110px;
	/* border:1px solid black; */
	color: #8a8388;
	font-size: 3em;
	text-align: right;
	letter-spacing: -0.05em;
	font-family: GOST;
	}
#slogan12 {
	width: 200px;
	z-index:2;
	position: absolute;
	right: 450px;
	top: 40px;
	/* border:1px solid black; */
	color: #8a8388;
	font-size: 3.6em;
	text-align: right;
	letter-spacing: -0.05em;
	font-family: GOST;
	}
#slogan2 {
	/* border:1px solid black; */
	width: 600px;
	z-index:2;
	position: absolute;
	right: 270px;
	top: 235px;
	color: #D56573;
	font-size:1.8em;
	text-align: right;
	letter-spacing: -0.05em;
	font-family: GOST;
	}
#automate {
	z-index:3;
	position: absolute;
	width: 234px;
	height: 458px;
	top: 60px;
	right: 10px;
	background: url(../images/big-transparent.png) no-repeat;
	/* border:1px solid black; */
	}
  #automate2 {
  	z-index:3;
  	position: absolute;
  	width: 234px;
  	height: 458px;
  	top: 60px;
  	left: 10px;
  	background: url(../images/small-transparent.png) no-repeat;
  	/* border:1px solid black; */
  	}
#banner{
	position: relative;
	top:70px;
	margin:0;
	padding:0;
	width:1024px;
	height: 286px;
	background: url(../images/head.png) no-repeat;
	}
header {
    /* border:1px solid grey; */
	height:350px;
	}
#gallery {
	margin-top: 45px;
	margin-left: 70px;
	/* border: 1px solid red; */
	z-index:2;
	}
#text {
	margin-top: 20px;
	font-size: 1.2em;
	line-height: 35px;
	margin-left: 250px;
	list-style: url(../images/li2.gif);
	}
#menu {
	position: relative;
	overflow: hidden;
	top: 50px;
	width: 1024px;
	height: 700px;
	/* border:1px solid grey; */
	background-color: #e7e8e7;
	}

#circle1 {
	position: absolute;
	top: 10px;
	left: 50px;
	}
#pic1:hover, #pic2:hover, #pic3:hover, #pic4:hover, #pic5:hover, #pic6:hover {
	-webkit-animation: spinAround 0.5s linear;
	-moz-animation: spinAround 0.5s linear;
	animation: spinAround 0.5s linear;
	}
#pic1 {
	position: absolute;
	top: 25px;
	left: 60px;
	}
#line1 {
	top: 100px;
	position: absolute;
	left: 204px;
	}
#circle2 {
	position: absolute;
	top: 10px;
	left: 260px;
	}
#pic2 {
	position: absolute;
	top: 25px;
	left: 280px;
	}
#line2 {
	top: 100px;
	position: absolute;
	left: 408px;
	}
#circle3 {
	position: absolute;
	top: 10px;
	left: 460px;
	}
#pic3 {
	position: absolute;
	top: 32px;
	left: 482px;
	}
#line3 {
	top: 100px;
	position: absolute;
	left: 612px;
	}
#circle4 {
	position: absolute;
	top: 10px;
	left: 665px;
	}
#pic4 {
	position: absolute;
	top: 25px;
	left: 680px;
	}
#line4 {
	top: 100px;
	position: absolute;
	left: 816px;
	}
#circle5 {
	position: absolute;
	top: 10px;
	left: 870px;
	}
#pic5 {
	position: absolute;
	top: 30px;
	left: 895px;
	}
#line5 {
	top: 100px;
	position: absolute;
	left: 850px;
	}
#c1text {
	position: absolute;
	width: 160px;
	height: 400px;
	top: 110px;
	left: 30px;
	/* border: 1px solid red; */
	color: #378c5a;
	}
#tit1, #tit2, #tit3, #tit4, #tit5, #tit6 {
	text-align: center;
	font-family: GOST;
	}
#c2text {
	position: absolute;
	width: 160px;
	height: 400px;
	top: 110px;
	left: 240px;
	/* border: 1px solid red; */
	color: #378c5a;
	}
#c3text {
	position: absolute;
	width: 160px;
	height: 400px;
	top: 110px;
	left: 435px;
	/* border: 1px solid red; */
	color: #378c5a;
	}
#c4text {
	position: absolute;
	width: 160px;
	height: 400px;
	top: 110px;
	left: 640px;
	/* border: 1px solid red; */
	color: #378c5a;
	}
#c5text {
	position: absolute;
	width: 160px;
	height: 400px;
	top: 110px;
	left: 845px;
	/* border: 1px solid red; */
	color: #378c5a;
	}
#list1, #list2, #list3, #list4, #list5, #list6 {
	position:absolute;
	top: 80px;
	width: 150px;
	font-family: ArialN;
	font-size: 1em;
	/* border: 1px solid red; */
	}

#list1 li, #list2 li, #list3 li, #list4 li, #list5 li, #list6  li{
	/* border: 1px solid black; */
	margin-left: -15px;
	margin-top: 15px;
	color: black;
	}
#paint1, #paint2, #paint3, #paint4, #paint5, #paint6, #paint7 {
	color: white;
	height: 30px;
	font-family: ArialN;
	}
#paint1 {
	padding-top: 0px;
	background-color:#378c5a;
	/* border: 1px solid red; */
	font-size: 1.4em;
	}
#paint7 {
	padding-top: 0px;
	background-color:#fbcf44;
	/* border: 1px solid red; */
	font-size: 1.4em;
	}
.lh {
	position:relative;
	/* border: 1px solid black; */
	width: 450px;
	padding-left: 30px;
	}
.rh {
	position:relative;
	/* border: 1px solid black; */
	width: 450px;
	float: right;
	margin-right: 10px;
	top: -25px;
	}
#paint1text, #paint2text, #paint3text, #paint4text {
	/* border: 1px solid red; */
	padding: 20px 10px 20px 0px;
	}
.ltext {
	position:relative;
	/* border: 1px solid black; */
	width: 450px;
	top: -75px;
	padding-left: 100px;
	}
.rtext {
	position: relative;
	/* border: 1px solid black; */
	/* width: 380px; */
	top: -10px;
	padding-left: 650px;
	/*float: right;*/

	}
#paint2 {
	background-color: #df6875;
	/* border: 1px solid red; */
	font-size: 1.4em;
	padding-top: 0px;
	}
#paint3 {
	background-color:#fbcf44;
	/* border: 1px solid red; */
	font-size: 1.4em;
	padding-top: 0px;
	}
#paint4 {
	/* border: 1px solid red; */
	font-size: 1.4em;
	padding-top: 0px;
	margin-top: 15px;
	background-color:#378c5a;
	width: 463px;
	}
#tool_manage {
	position: relative;
	top:-140px;
	}
#cli_des {
	position: relative;
	top:-140px;
	}
#opt {
	position: relative;
	top:-140px;
	}
#mod {
	position: relative;
	top:-140px;
	}
#models {
	position:relative;
	width: 1080px;
	height: 320px;
	margin-top: 5px;
	/* border: 1px solid red; */
	}
#model1 {
	position: absolute;
	width: 180px;
	height: 320px;
	right: 380px;
	background: url(../images/gilson-big.jpg) no-repeat;
	}
#model2 {
	position: absolute;
	width: 180px;
	height: 320px;
	right: 90px;
	background: url(../images/gilson-small.jpg) no-repeat;
	}
#model3 {
	position: absolute;
	width: 180px;
	height: 320px;
	right: 35px;
	background: url(../images/gold.png) no-repeat;
	}
#model4 {
	position: absolute;
	width: 180px;
	height: 320px;
	right:900px;
	background: url(../images/gold.png) no-repeat;
	}
#modtext {
	/* border: 1px solid red; */
	margin-left: 5px;
	width: 420px;
	display:block;
	}
table {
	width: 1024px;
	background-color: #e7e8e7;
	}
table, tr, td {
	background: #e7e8e7;
	border: 3px solid white;
	border-collapse: collapse;
	text-align: center;

	}
table tr:first-child {
	background-color: darkgrey;
	font-size: 1.2em;
	color: white;
	}
table tr td {
	width: 287px;
	}
table tr td:first-child {
	/* border: 1px solid #9ecfad; */
	border-collapse: collapse;
	text-align: left;
	width: 450px;
	padding-left:30px
	}
a:link {
    color: Black;
	text-decoration: none;
	}
/* visited link */
a:visited {
  /*   color: black; */
	}
/* mouse over link */
a:hover {
    color: black;
	}
/* selected link */
a:active {
    color: black;
	}
#carusel {
	position: absolute;
	width: 100%;
	top: 440px;
	/* border: 1px solid black; */
	}
#bottom {
	margin-top: 30px;
	width: 1024px;
	height: 100px;
	font-size:1em;
	background-image: url(favicon.html);
	background-size: 500px;
	background-color: #368D5A;
	font-family: ArialN;
	color: white;
	}
#botimg {
	position:absolute;
	/* margin-left: 120px; */
	/* margin-top: 21px; */left: 450px;bottom: 20px;0px;
	}
#bottext {
	position:absolute;
	margin-top: 30px;
	margin-left: 40px;
	}
#bottext a {
    margin-left: 8px;
}
#bottext2 {
	position:absolute;
	margin-top: 50px;
	margin-left: 180px;
	}
#bottext3 {
	position:absolute;
	margin-top: 50px;
	margin-left: 450px;
	}
#bottext4 {
	position: absolute;
	/* margin-top: 30px; */
	/* margin-left: 450px; */
  right: 50px;
  bottom: 15px;
	}
#icon {
	position:relative;
	width: 15px;
	height: 0px;
	/*margin-top: -380px;
	/* border: 1px solid red; */
	}
#icon1 {
	position: absolute;
	width: 75px;
	height: 75px;
	right: -75px;
	top:200px;
	background: url(../images/11.png) no-repeat;
	}
#icon2 {
	position: absolute;
	width: 75px;
	height: 75px;
	right: -625px;
	top:40px;
	background: url(../images/77.png) no-repeat;
	}
#icon3 {
	position: absolute;
	width: 75px;
	height: 75px;
	right: -75px;
	top:40px;
	background: url(../images/99.png) no-repeat;
	}
#icon4 {
	position: absolute;
	width: 75px;
	height: 75px;
	right: -625px;
	top:200px;
	background: url(../images/88.png) no-repeat;
	}
#blok_info {
	position:absolute;
	margin-top: 60px;
	width: 1024px;
	/*margin-left: 0px;*/
	}

#blok1 {
	font-family: ArialN;
	position:absolute;
	margin-top: -20px;
	width: 1024px;
	/*margin-left: 0px;*/
	}
#blok2 {
	font-family: ArialN;
	position:absolute;
	margin-top: 150px;
	width: 1024px;
	/*margin-left: 0px;*/
	}
#blok3 {
	position:absolute;
	margin-top: 360px;
	width: 1024px;
	/*margin-left: 0px;*/
	}
#blok4 {
	position:absolute;
	margin-top: 1700px;
	width: 1024px;
	/*margin-left: 0px;*/
	}
#blok5 {
	position:absolute;
	margin-top: 2200px;
	width: 1024px;
	/*margin-left: 0px;*/
	}
#blok6 {
	position:absolute;
	margin-top: 15px;
	width: 1024px;
	/*margin-left: 0px;*/
	}
#blok7 {
	position:absolute;
	margin-top: 460px;
	width: 1024px;
	/*margin-left: 0px;*/A
	}

#textblok1 {
	position:absolute;
	margin-top: 0px;
	width: auto;
	/*margin-left: 0px;*/
	}
#textblok2{
	position:absolute;
	margin-top: 80px;
	width: auto;
	/*margin-left: 0px;*/
	}
#textblok3 {
	position:absolute;
	margin-top: -10px;
	width: auto;
	/*margin-left: 0px;*/
	}
#textblok4 {
	position:absolute;
	margin-top: 60px;
	width: auto;
	/*margin-left: 0px;*/
	}
#Calkulator {
	position:absolute;
	top: 2600px;
	width: auto;
	/*margin-left: 0px;*/
	}

.price-box {
	margin: 0 auto;
	background: #E9E9E9;
	border-radius: 10px;
	padding: 2px 2px;
	width: 500px;
}

.ui-widget-content {
	border: 1px solid #bdc3c7;
	background: #e1e1e1;
	color: #222222;
	margin-top: 4px;
}

.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 5.2em;
	height: 2.2em;
	cursor: default;
	margin: 0 -40px auto !important;
	text-align: center;
	line-height: 30px;
	color: #FFFFFF;
	font-size: 15px;
}

.ui-slider .ui-slider-handle .glyphicon {
	color: #FFFFFF;
	margin: 0 3px;
	font-size: 11px;
	opacity: 0.5;
}

.ui-corner-all {
	border-radius: 20px;
}

.ui-slider-horizontal .ui-slider-handle {
	top: -.9em;
}

.ui-state-default,
.ui-widget-content .ui-state-default {
	border: 1px solid #DE6B6A;
	background: #DE6B6A;
}

.ui-slider-horizontal .ui-slider-handle {
	margin-left: -0.5em;
}

.ui-slider .ui-slider-handle {
	cursor: pointer;
}

.ui-slider a,
.ui-slider a:focus {
	cursor: pointer;
	outline: none;
}

.price, .lead p {
	font-weight: 600;
	font-size: 22px;
	display: inline-block;
	/* line-height: 60px; */
}

h4.great {
	background: #00ac98;
	margin: 0 0 25px -60px;
	padding: 7px 15px;
	color: #ffffff;
	font-size: 18px;
	font-weight: 600;
	border-radius: 5px;
	display: inline-block;
	-moz-box-shadow:    2px 4px 5px 0 #ccc;
  	-webkit-box-shadow: 2px 4px 5px 0 #ccc;
  	box-shadow:         2px 4px 5px 0 #ccc;
}

.total {
	/* border-bottom: 1px solid #7f8c8d; */
	/*display: inline;
	padding: 10px 5px;*/
	/* position: relative;
	padding-bottom: 20px; */
}

.total:before {
	content: "";
	display: inline;
	/* position: absolute; */
	left: 0;
	bottom: 5px;
	width: 100%;
	/* height: 3px; */
	background: #7f8c8d;
	opacity: 0.5;
}

.price-slider {
	margin-bottom: 50px;
}

.price-slider span {
	font-weight: 200;
	display: inline-block;
	color: #7f8c8d;
	font-size: 13px;
}

.form-pricing {
	background: #ffffff;
	padding: 30px;
	border-radius: 4px;
}

.price-form {
	/* background: #ffffff; */
	margin-bottom: 25px;
/* 	padding: 20px;
	border: 1px solid #eeeeee;
	border-radius: 4px; */
	/*-moz-box-shadow:    0 5px 5px 0 #ccc;
  	-webkit-box-shadow: 0 5px 5px 0 #ccc;
  	box-shadow:         0 5px 5px 0 #ccc;*/
}

.form-group {
	margin-bottom: -20px;
}

.form-group span.price {
	font-weight: 200;
	display: inline-block;
	/* color: #7f8c8d; */
	font-size: 14px;
}

.help-text {
	/* display: block; */
	margin-top: 14px;
	margin-bottom: 10px;
	color: #fc0202;
	position: absolute;
	margin-left: -25px;
	font-weight: 200;
	text-align: right;
	width: 150px;
}

.price-form label {
	top: -8px;
	font-weight: 200;
	font-size: 22px;
}

img.payment {
	display: block;
    margin-left: auto;
    margin-right: auto
}

.ui-slider-range-min {
	background: #DE6B6A;
}

/* HR */

hr.style {
	margin-top: 0;
    border: 0;
   /* border-bottom: 1px dashed #ccc;*/
    background: #999;
}