@font-face {font-family: century_gothic; src: url(fonts/century_gothic.ttf);}

* {margin: 0; padding: 0;}

img {border: none;}

html {height: 100%;}

body {font-family:"arial"; font-size: 16px; color:#666666; height: 100%; background:url(images/bg_page.jpg) top;}

#wrapper {width: 100%; min-width: 1200px; min-height: 100%; height: auto !important; height: 100%;}

#bg_menu_top {position: absolute; height: 180px; width: 100%; top:0px; background: url(images/bg_menu_top.png) repeat-x; border-bottom: 1px solid #cccccc;}




/* Header
-----------------------------------------------------------------------------*/
#header {position: relative; height: 750px; background:url(images/head.png) top no-repeat;}

#call { position: absolute; text-align:center; height:35px; width:140px; top:480px; left:710px; font-size:16px; background-image:url(images/call.png); color:#ffffff;}

#header_text {position: absolute;  top:0px; left:50%; margin:auto auto auto -600px; width:1200px; height: 750px;}


#address_top {position:absolute; top:7px; right:16px; width:350px; height: 25px; text-align:right;}

#telefon_top {position:absolute; top:7px; right:450px; width:350px; height: 25px; text-align:right;}


#logo_top {position:absolute; top:75px; left:16px; width:250px; height: 85px;}

#menu_top {position:absolute; top:100px; right:16px; width:530px; height: 50px;}


#slogan_1 { position: absolute; text-align:center; height:35px; width:310px; top:325px; left:630px; font-family:"Century Gothic"; font-size:25px; background-image:url(images/bg_slogan.png); color:#ffffff;}
#slogan_2 { position: absolute; text-align:center; height:35px; width:260px; top:420px; left:810px; font-family:"Century Gothic"; font-size:25px;background-image:url(images/bg_slogan_2.png); color:#ffffff; }
#slogan_3 { position: absolute; text-align:center; height:35px; width:110px; top:380px; left:775px; font-family:"Century Gothic"; font-size:25px; background-image:url(images/bg_slogan.png); color:#ffffff;}


#telefon {position: absolute; text-align:center; height:35px; width:250px; top:505px; left:730px; font-family:"Century Gothic"; font-size:28px; color:#666666;}
#telefon_2 {position: absolute; text-align:center; height:35px; width:250px; top:535px; left:730px; font-family:"Century Gothic"; font-size:28px; color:#666666;}

#call { position: absolute; text-align:center; height:35px; width:140px; top:600px; left:710px; font-size:16px; background-image:url(images/call.png); color:#ffffff;}



/* Middle
-----------------------------------------------------------------------------*/
#content {position: relative; padding: 0 0 200px;}

#reklama_bg { padding:50px 0px 0px 20px; height:210px; width:350px; background:url(images/news.png) no-repeat;}



/* Footer
-----------------------------------------------------------------------------*/
#footer {position: relative; margin: -300px auto 0; min-width: 1200px; height: 300px; background:url(images/bg_bottom.jpg) repeat-x; bottom;}

#footer_text {position:absolute;  top:0px; left:50%; margin:auto auto auto -600px; width:1200px; height: 200px;}

#copyright {position: absolute; left: 16px; margin-top: 120px; width: 450px; height: 50px; text-align:left;}

#contact {position: absolute; left: 385px; margin-top: 90px; width: 450px; height: 50px; text-align:center;}

#vk {position: absolute; right: 16px; margin-top: 120px; width: 54px; height: 31px; background:url(images/vk.png) no-repeat;}

#liveinternet {position: absolute; right: 70px; margin-top: 120px; width: 31px; height: 31px;}

-----------------------------------------------------------------------------*/



.text_1 {font-family:"Arial"; font-size: 14px; color:#666666;}
.text_2 {font-family:"Arial"; font-size: 14px; color:#ffffff;}
.text_3 {font-family:"Century Gothic"; font-size: 18px; color:#666666;}
.text_4 {font-family:"Century Gothic"; font-size: 18px; color:#999999;}
.text_5 {font-family:"Century Gothic"; font-size: 20px; color:#ffffff;}

.text_6 {font-family:"Arial"; font-size: 22px; color:#000000;}
.text_7 {font-family:"Arial"; font-size: 16px; color:#000000;}

.text_8 {font-family:"Century Gothic"; font-weight:bold; font-size: 20px; color:#cc0000;}


a.mail {font-size:14px; color:#ffffff ;text-decoration:none; border-bottom: 1px dashed #ffffff;}
a.mail:hover{color:#ffffff; border-bottom: 1px dashed #ffffff;}

a.link {font-size:16px; color:#666666 ;text-decoration:none;}
a.link:hover{color:#ffffff;}

ul li {display: block;font-size:16px; margin-right: 1px; float:left; }
ul li a, ul li a span {color: #666666; display: block; text-decoration:none;}
ul li a span {padding:15px 25px 15px 25px; }
ul li a:hover, ul li a:hover span {text-decoration: none; background-color:#cc0000; color: #ffffff;}
ul li a:hover {background-position: top left;cursor:pointer;}
ul li a:hover span {background-position: top right;cursor:pointer;}

ul li.active a {background-position: top left;cursor:pointer; text-decoration:none; background-color:#cc0000;}
ul li.active a span {background-position: top right;cursor:pointer; color: #ffffff;}