@import url("reset.css");


@font-face {
  font-family: "Century Gothic";
  src: url("fonts/Century_Gothic.eot");
  src: local('Century Gothic');
}
 
@font-face {
  font-family: "Century Gothic";
  src: url("fonts/Century_Gothic.ttf");
  src: local('Century Gothic');
  }



html {
height:100%;
}

body {
text-align: center;
font-family: 'Century Gothic', Helvetica, sans-serif;
color: #FFFFFF;
height: 100%;
font-size: 16px;
}

#mess{
position:absolute;
visibility:hidden;
background:#ffffff;
border:solid 1px #727272;
font-size:11px;
color:#ff4e00;
}

#page {
margin-top:30px;
float: left;
width: 100%;
}

#conteiner{
margin: 0 auto;
width: 820px;
}

#topmenu_place{
height: 43px;
width: 670px;
float:left;
background-image:url(imgs/menu_border.jpg);
background-repeat:no-repeat;
background-position:bottom left;
}

#topmenu_place ul{
font-size: 24px;
margin: 10px -40px 0 -40px;
}
	
#topmenu_place ul li{	
float: left;
padding-left: 40px;
}

#topmenu_place ul li a{
color: #e86f10;
text-decoration:none;
height: 31px;
display: inline-block;
padding-top:2px;
}

#topmenu_place ul li a:hover{
color: #ff4e00;
}

.selected_top{
background-image:url(imgs/selected_line.jpg);
background-repeat: repeat-x;
background-position:top;
}

#topmenu_left{
height: 43px;
width: 226px;
float:left;
}

#topmenu_bottom{
height: 52px;
width: 417px;
float:left;
}

#title_top{
height: 52px;
width: 398px;
float:left;
background-image:url(imgs/title_top.jpg);
}

#title_left{
height: 115px;
width:417px;
float:left;
background-image:url(imgs/tetle_left.jpg);
}

#title{
height: 115px;
width: 398px;
float:left;
background-image:url(imgs/title.jpg);
}

#title h1, #title .like_h1{
font-size:36px;
font-weight:bold;
letter-spacing: 3px;
margin-top: -5px;
font-family: Helvetica, sans-serif;
}

#title p{
font-size:22px;
letter-spacing:2.6px;
}

#saw_place{
height: 180px;
width:417px;
float:left;
background-image:url(imgs/bg_for_saw_place.jpg);
background-repeat:no-repeat;
background-position:left;
}

#saw_place img{ 
margin-top: 3px;
margin-left: 3px;
}

#content{
height: 532px;
width: 398px;
float:right;
font-family:Verdana, Helvetica, sans-serif;
font-size:16px;
}

#content h2, #content h1{
color: #4d4d4d;
font-size:26px;
font-weight:100;
}

#title_table{
width: 99%;
margin-bottom: 15px;
}

#contacts_table{
margin-left:50px;
width:335px;
float:left;
}

#contacts_table input{
margin-bottom: 5px;
border: solid 1px #727272;
background-color:#FFFFFF;
}

#content p{
margin-bottom:15px;
margin-left:30px;
color: #4d4d4d;
text-align: justify;
text-indent: 30px;
}

#content a{
color: #e96a06;
text-decoration:underline;
}

#content a:hover{
color: #f0380d;
text-decoration:none;
}

#content p strong{
font-size:22px;
font-weight:100;
}

#content ul{
list-style:inside;
list-style-type: circle;
margin-left:70px;
text-align:left;
color: #4d4d4d;
margin-bottom:15px;
}

#gosts_list_place{
float:left;
height: 335px;
overflow:auto;
font-size:12px;
padding-right: 3px;
}

#filter-input{
width: 320px;
margin-left:55px;
margin-bottom: 10px;
}

#single_list li{
margin-top: 5px;
list-style:outside;
list-style-type:circle;
}

#under_saw{
height: 213px;
width: 417px;
float:left;
background-image:url(imgs/under_saw.jpg);
background-repeat:no-repeat;
background-position:top;
}

#phones_place{
color: #f2f2f2;
height:139px;
width:417px;
float:left;
background-image:url(imgs/bg_for_phones.jpg);
background-repeat:no-repeat;
background-position:right;
}

#phones_place h2, #phones_place span.like_h2{
margin-left:169px;
margin-top:40px;
font-size:16px;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin-bottom: 15px;
display: block;
}

#phones_place p{
	font-family: Helvetica, sans-serif;
	margin-left:160px;
	font-size:18px;
	margin-bottom:10px;
}

#phones_place a{
color: #f2f2f2;
text-decoration: none;
	margin-left:160px;
	font-size:18px;
	margin-bottom:10px;
}


#bottommenu_place{
width:100%;
float:left;
text-align:right;
padding-top:15px;
padding-left:40px;
}


#bottommenu{
width:100%;
height:46px;
float:right;
margin-right: 20px;
}

#bottommenu tr td{
vertical-align: middle;
text-align: center;
}

#bottommenu tr td a{
color: #e96a06;
text-decoration:none;
font-size:15px;
}

#bottommenu tr td a:hover{
color: #f0380d;
}

.beteween_links_bottom_menu{
background-image:url(imgs/bg_for_bottommenu_a.jpg);
background-repeat:no-repeat;
background-position:center center;
width: 22px;
}

.bottommenu_right{
background-image:url(imgs/bg_for_bottommenu_right.jpg);
background-repeat:no-repeat;
background-position:center center;
width: 35px;
}

.bottommenu_left{
background-image:url(imgs/bg_for_bottommenu_left.jpg);
background-repeat:no-repeat;
background-position:center right;
width: 300px;
}


.selected_bottom{
background-image:url(imgs/selected_dbl_line.jpg);
background-repeat:repeat-x;
background-position: center center;
}

.production_table{
font-size: 12px;
color: #4d4d4d;
}

.production_table tr td{
height: 30px;
border-bottom: 1px solid #ececec;
}