@charset "utf-8"; /* CSS Document */ /*----------------------Reset---------------------------*/ html, body, div, span, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, img, ins, kbd, q, s, samp, small, strike, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border:0px; outline: 0; font-size: 100%; /*vertical-align: baseline;*/ ~background: transparent; } h1{ margin:0 auto 15px; font-size:24px; font-weight:normal; } body { font-family:Trebuchet MS, Verdana, Helvetica, sans-serif; font-size:14px; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } .bordered , .bordered tr,.bordered td { border:1px solid #000; border-collapse: collapse; border-spacing: 0; } a{ color:#e6a026; text-decoration: underline; } a:hover{ color:#FF6600; text-decoration: underline; } /*---------------------------Header-------------------------------*/ .content{ margin:0 auto; width:980px; height:100%; } .header{ height:102px; background:url(images/back_header.gif) repeat-x top left; border-bottom:3px solid #e6a026; overflow: visible; /* overflow: hidden; */ } .header .content{ position:relative; text-align:center; background:url(images/logo.gif) no-repeat 40px 9px; } div.min_menu {position:absolute;right:0;top:75px;} .min_menu img{padding-left:10px;} .menu_main { padding-top: 25px; margin-right: 0px; position: relative; z-index: 100; //margin-top: -90px; } .menu_main ul{ margin-left: 0; padding-left: 0; display: inline; } .menu_main ul a{ color:#fff; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:16px; text-decoration:none; } .menu_main ul a:hover{ color:#fff; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:16px; text-decoration:none; background:url(images/buttonon.gif) no-repeat; list-style: none; display: block; } .menu_main ul li{ margin-left: 5px; margin-bottom: 0; list-style: none; display: inline; width:118px; height:36px; background:url(images/button.gif) no-repeat; float:right; line-height:36px; } .menu_main ul li.here { background:url(images/buttonon.gif) no-repeat; list-style: none; display: inline; } ul.top_menu { padding: 0; margin: 0; display: block; background: #fcc; } .port_menu{ margin-left:540px; } .about_menu{ margin-left:480px; } .menu_comp{ margin-top: 50px; } .menu_comp ul { display: inline; } .menu_comp ul a{ color: #999999; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; } .menu_comp ul li.here a{ text-decoration: underline; } .menu_comp ul li { margin-left: 15px; margin-bottom: 0; border-right: 1px solid #999; list-style: none; display: inline; height:15px; float:left; line-height:15px; padding-right: 15px; } /*---------------------------Main prev-------------------------------*/ .main_prev{ height:249px; width:100%; background:#3f3f3f url(images/back_main_prev_left.gif); border-top:1px solid #999; position:relative; } .main_prev .content{ background:#3f3f3f url(images/back_main_prev_img.jpg) no-repeat top left; position:relative; z-index:10; } .back_main_prev{ width:50%; height:100%; background: #3f3f3f; position:absolute; top:0px; right:0px; z-index:5; } .menu_main_prev{ margin-left:500px; padding-top:20px; } .menu_main_prev ul a{ font-size:16px; font-weight:bold; line-height:24px; color:#fff; text-decoration:none; } /*---------------------------Main-------------------------------*/ .note_shad{ height:50px; width:100%; background:url(images/note_shad.gif) no-repeat 239px 0; } .main{ background:url(images/back_main.gif) repeat-x top left; min-height:500px; height:auto !important; height:500px; /*overflow:visible;*/ } .main .content{ line-height: 24px; } .main_left{ width:300px; height:100%; float:left; } .menu_stat{ width:227px; height:209px; background:url(images/menu_back.jpg) no-repeat top left; margin:0 auto; margin-top:32px; padding-top:17px; } .menu_stat ul { margin-left:25px; } .menu_stat ul li.here a{ color:#e6a026; } .menu_stat ul li a:hover{ color:#e6a026; } .menu_stat ul a{ color:#fff; font-size:16px; line-height:24px; text-decoration: none; } .contacts{ width:236px; height:70px; margin-left:32px; background:url(images/contacts.gif) no-repeat top left } .get, .get1 { width:250px; height:38px; margin-top:10px; } .main_right{ width:680px; height:100%; float:right; } .client{ clear:both; overflow:visible; width:100%; padding-top:30px; } #gallery{ border-top:0px solid #CCCCCC; width:100%; height:160px; } #gallery2{ width:100%; height:160px; margin-top:30px; } #gallery3{ width:100%; height:160px; margin-top:30px; margin-bottom:2px; } #gallery4{ width:100%; height:160px; margin-top:30px; margin-bottom:2px; } .second{ float:left; margin-left:45px; height:148px; width:186px; border:1px solid #ccc; } .second img{ border:10px solid #f7f7f7; margin: 4px; } .client_text{ text-align:left; color:#666; font-size:20px; line-height:50px; font-weight:bold; padding-left:20px; } .main_bottom{ clear:both; width:100%; height:77px; background:url(images/back_main_bot.gif) repeat-x top left; } .bordered, .bordered tr,.bordered td{ border:1px solid #666; } .prev_portfolio ul{ width:100%; list-style:none; list-style-image:none; } .prev_portfolio li{ width:40%; float:left; list-style:none; margin-left:9%; margin-bottom:20px; list-style-image:none; } .artic { background-color: #f7f7f7; border: 1px solid #ccc; padding: 15px; color:#666; margin-bottom: 15px; } .artic img { width: 230px; border: 0; } .artic table,.artic tr,.artic td { border: 0; vertical-align:top; } .zag{ padding-left: 15px; font-size: 16px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-weight: bold; color: #000; } .sil a { color:#000; } .back{ width:100px; text-align: right; display:block; margin-left:580px; margin-bottom:10px; line-height:25px; font-size:20px; font-weight:lighter; } .back a{ text-decoration:none; } .back img{ position: relative; top:5px; } .map{ margin-left:70px; } .map a{ color:#000; } .map ul li ul{ margin-left:30px; } .heading { position:relative; margin:18px 1px; background:url(images/heading_bg.gif) repeat-x; border:1px solid #aaa5a5; border-width:1px 0; height:29px; } .heading img { position:absolute; top:-12px;left:-1px; } .heading h2{margin:0;font:bold 14px Verdana, sans-serif;} .heading span { margin-left:75px; padding:6px 15px; background-color:white; color:#666; line-height:29px; } .page_nav{text-align:center;} /*---------------------------Bottom-------------------------------*/ .bottom{ clear:both; text-align:center; height:77px; width:100%; background:url(images/back_bottom.gif) repeat-x left top ; border-top:3px solid #e6a026; } .bottom .content{ padding-top:15px; height:55px; line-height: 11px; } .menu_bottom{ margin-left:240px; margin-top: 0px; } .menu_bottom ul { display: inline; } .menu_bottom ul a{ color: #999999; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; } .menu_bottom ul a:hover{ color: #999999; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:12px; text-decoration:underline; } .menu_bottom ul li.here a{ text-decoration: underline; } .menu_bottom ul li { margin-left: 5px; margin-bottom: 0; border-right: 1px solid #999; list-style: none; display: inline; width:90px; height:20px; float:left; line-height:20px; } #mytraditionalform{ margin:10px 10px; } #komerc{ margin:30px 30px; } .get_but{ display: block; margin-top:10px; width:250px; height:41px; background:url(images/get_button.gif) no-repeat top left; } a:hover .get_but{ background:url(images/get_button_on.gif) no-repeat top left; } .get_butt{ display: block; margin-top:10px; width:250px; height:41px; background:url(images/get_button.gif) no-repeat top left; } a:hover .get_butt{ background:url(images/get_button_on.gif) no-repeat top left; } div.center_text { vertical-align: middle; } .column{width:50%;float:left;} .column p{padding:5px;} #before {position:absolute;top:56px;left:79px;font-family:"Trebuchet MS", Helvetica, sans-serif;font-size:0.8em;} #before, #before a {color:#bbb;text-decoration:none;}