/* ---------------------------------------------------------------------------------------- GLOBAL ----------------------------------------------------------------------------------------- */ * {margin:0; padding:0;} body {margin: 0; padding: 0; font-family: "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif; font-size: 12px; background: url(../img/body.png); color: #626262; } img {border: 0; margin: 0; } p, ul, ol, dl, fieldset { margin: 20px 0; font-size: 16px; } table {border-collapse:collapse; border-spacing:0; font-size:90%; } th {text-align:center; font-weight:bold;} th, td {padding:3px 7px;} th p, td p {margin: 0; padding: 2px;} dt {font-weight:bold;} dd {margin-left:30px;} a {text-decoration:none; color: #3e9ed6;} a:hover { color: #000;} h1,h2,h3,h4 {color: #373737; letter-spacing: -1px;} h1 a,h2 a,h3 a,h4 a {color: #373737;} /* ---------------------------------------------------------------------------------------- UNIVERZAL ----------------------------------------------------------------------------------------- */ .clear {clear: both;} .f-left {float: left;} .f-right {float: right;} .noscreen {display: none;} .center {text-align: center;} .round_3 { -webkit-border-radius:3px; -moz-border-radius:3px; } .green_box { background: url(../img/green_box_bg.png) repeat-x; height: 40px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius:5px; } .blue { color: #5cadd8;} /* ---------------------------------------------------------------------------------------- MAIN ----------------------------------------------------------------------------------------- */ #wrap {width: 950px; margin: 0 auto; position: relative;} #nr_bg {background: url(../img/nr_bg.png) no-repeat; position: absolute; top: 0; right: -88px; width: 1040px; height: 100%; z-index: -1;} #nr_bg_light {background: url(../img/nr_bg_light.png) no-repeat; position: absolute; top: 0; right: -88px; width: 1040px; height: 100%; z-index: -1;} #head {height: 103px; width: 100%; overflow: hidden;} #logo {width: 353px; height: 90px; display: block; margin-left: -13px; margin-top: 10px;} div#logo object#household object#household { float:left;} div#logo img { float:left; padding:7px 0} #top_nav {position: absolute; top: -10px; right: 0; list-style: none; font-size: 11px;} #top_nav li {display: inline; background-position: right; padding: 0;} #top_nav li {color: #626262; background: url(../img/top_nav_li_bg.png) no-repeat; background-position: right; float: left;} #top_nav li a {color: #626262;} #magazin a {padding-left: 20px; background: url(../img/icon_magazin.png) no-repeat; background-position: left; padding-right: 20px;} #podrska {margin-left: 10px; font-weight: bold;} #podrska a {padding-left: 20px; background: url(../img/icon_podrska.png) no-repeat; background-position: left; padding-right: 20px; } #face {background: none !important; margin-left: 6px;} #face a {height: 16px; width: 16px; display: block; background: url(../img/icon_facebook.png) no-repeat; float: left;} #twit { padding-right: 6px; margin-right: 10px;} #twit a {height: 16px; width: 16px; display: block; background: url(../img/icon_twitter.png) no-repeat; float: left;} #sr, #en, #de, #fr, #ru {background: none !important; margin-right: 1px;} #sr a { background: url(../img/icon_lang_sr_inactive.png) no-repeat;} #sr a:hover, #sr a.active { background: url(../img/icon_lang_sr.png) no-repeat;} #en a { background: url(../img/icon_lang_en_inactive.png) no-repeat;} #en a:hover, #en a.active { background: url(../img/icon_lang_en.png) no-repeat;} #de a { background: url(../img/icon_lang_de_inactive.png) no-repeat;} #de a:hover, #de a.active { background: url(../img/icon_lang_de.png) no-repeat;} #fr a { background: url(../img/icon_lang_fr_inactive.png) no-repeat;} #fr a:hover, #fr a.active { background: url(../img/icon_lang_fr.png) no-repeat;} #ru a { background: url(../img/icon_lang_ru_inactive.png) no-repeat;} #ru a:hover, #ru a.active { background: url(../img/icon_lang_ru.png) no-repeat;} .lang { height: 16px; width: 20px; display: block;} #main_nav { color: #fff; overflow: visible; position: relative; margin-left: -1px;} #main_nav ul.items {list-style: none; margin: 0; padding: 0; height: 41px; width: 100%; background: url(../img/main_nav_bg.png) repeat-x; } #main_nav ul.items li { background: url(../img/main_nav_li_bg.png) no-repeat; background-position: right; float: left; } #main_nav ul.items li a { color: #fff; font-size: 15px; margin-left: 0px; margin-right: 3px; height: 41px; line-height: 41px; padding: 11px 30px;} #main_nav ul.items li a:hover, #main_nav ul.items li a.active { background: url(../img/main_nav_bg_hover.png); } #main_nav ul.items li.first a:hover { background: 0 0 url(../img/main_nav_first.png) no-repeat;} #main_nav .subnav {display: none; position: absolute; top: 40px; background: #196c9a; width: 100%; z-index: 999;} #main_nav .subnav ul {float: left; margin: 12px 0 12px 20px; position:relative;} #main_nav .subnav ul li {display: inherit; background-position: top; background: 0 28px url(../img/subnav_li_underline.png) repeat-x;} #main_nav .subnav ul li a {color: #fff; width: 170px; line-height: 31px; height: 31px; padding-left: 16px; background: -5px 8px url(../img/nav_arrow.png) no-repeat; display: inline-block;} #main_nav .subnav ul li a:hover {color: #000;} #main_nav .subnav h2 {float: right; margin-right: 10px; margin-top: 18px; font-size: 60px; color: #327ca5;} #call_us { position: absolute; top: -5px; right: 6px; width: 245px;} #call_us .num {font-size: 16px; float: left; margin-top: 13px;} #call_us .txt {float: left; padding-left: 30px; background: 0 5px url(../img/ico_phone.png) no-repeat; margin-left: 10px; margin-right: 6px; height: 30px; padding-top: 14px; } #content {} #featured {width: 960px; height: 320px; margin: 14px 0 16px -7px; background: url(../img/featured_bg.png); position: relative; z-index: 10;} #featured h3 {float: right; color: #000; font-size: 16px; width: 164px; text-align: center; line-height: 20px; z-index: 5; position: absolute; right: 14px; top: 18px; /*background: url(../img/bg_transparent.png);*/} .slide_pointer {width: 20px; height: 240px; background: url(../img/slide_pointer.png) no-repeat; position: absolute; left: 231px; top: 35px; z-index: 999; } #featured div.anythingSlider .panel img {z-index: 0; position: relative; } .slide_box {width: 930px; height: 282px; position: relative;} .slide_img {width: 930px; height: 282px; overflow: visible; float: left; z-index: 0; position: relative;} .slide_desc {position: absolute; top: 25px; left: 255px; width: 280px; height: 100px; color: #fff;} .slide_desc a {color: #fff;} .slide_desc h1 {font-size: 42px; letter-spacing: -3px; margin: 0; padding: 0; margin-bottom: 5px;} .slide_desc p {font-size: 13px; margin: 0; padding: 0; } .see_project {position: absolute; left: 255px; top: 160px;} .slide_box a.see_project {width: 170px; text-align: center; color: #fff; font-size: 15px; padding-top: 14px; height: 26px;} .see_project:hover {background: url(../img/green_box_bg_hover.png);} #about_us h1 {background: url(../img/triple_arrow.png) 65px 40px no-repeat; padding-bottom: 50px; width: 120px; text-align: center; font-size: 30px; float: left;} #about_us_txt {float: left; width: 780px; padding-left: 30px; margin-left: 10px; margin-top: 8px; background: url(../img/vertical_line_bg.png) repeat-y; background-position: left;} #about_us_txt p {margin: 0 0 10px 0; width: 750px;} .logo_gray {float: left; height: 70px; margin-right: 4px;} .logo_navidiku {background: url(../img/logo_navidiku_gray.png) no-repeat; width: 90px;} .logo_navidiku:hover {background: url(../img/logo_navidiku.png) no-repeat; width: 90px;} .logo_kupon { background: url(../img/logo_kupon_gray.png) no-repeat; width: 135px;} .logo_kupon:hover{ background: url(../img/logo_kupon.png) no-repeat; width: 135px;} .logo_amss { background: url(../img/logo_amss_gray.png) no-repeat; width: 80px;} .logo_amss:hover{ background: url(../img/logo_amss.png) no-repeat; width: 80px;} .logo_viabalkans { background: url(../img/logo_viabalkans_gray.png) no-repeat; width: 110px;} .logo_viabalkans:hover{ background: url(../img/logo_viabalkans_c.png) no-repeat; width: 110px;} .logo_vinca { background: url(../img/logo_vinca_gr.png) no-repeat; width: 95px;} .logo_vinca:hover{ background: url(../img/logo_vinca.png) no-repeat; width: 95px;} .logo_bs { background: url(../img/logo_beautifulserbia_gray.png) no-repeat; width: 120px;} .logo_bs:hover { background: url(../img/logo_beautifulserbia.png) no-repeat; width: 120px;} .logo_murad { background: url(../img/logo_murad_gray.png) no-repeat; width: 120px;} .logo_murad:hover { background: url(../img/logo_murad.png) no-repeat; width: 120px;} #services {margin: 20px -5px 20px -7px;} .service_item {width: 465px; height: 130px; background: url(../img/service_bg.png); overflow: hidden; float: left; margin: 7px;} .service_item_icon {float: left; width: 70px;} .service_item_txt {margin-left: 15px; margin-top: 10px; float: left; width: 380px;} .service_item_txt h3 {font-size: 24px;} .service_item_txt p {margin: 8px 8px 8px 0; padding: 0;} #clients_feedback {width: 645px; float: left; margin-top: 20px; background: url(../img/clients_feedback_bg.png) no-repeat; height: 500px; position: relative;} #clients_feedback .heading {background: 0 20px url(../img/clients_heading_bg.png) no-repeat; background-position: right; width: 152px; height: 185px;} #clients_feedback h1 {font-size: 36px;} #clients_feedback h2 {font-size: 26px; margin-top: -5px;} .clients_fb_slide {width: 450px; height: 230px; background: silver; padding-left: 10px; } .client_logo {width: 120px; height: 132px; border-right: 1px solid #e3e3e3; margin-top: 15px; float: left; overflow: hidden; text-align: left; padding-left: 5px;} .review {float: left; margin-left: 20px; font-style: italic; width: 260px; height: 140px; overflow: hidden; margin-top: 20px; margin-bottom: 20px; color: #7c7c7c;} .client label {display: block; font-size: 14px;} #slide_fb_1 {position: absolute; top: 0px; right: 10px; background: url(../img/fb_slide1_bg.png) no-repeat;} /* #slide_fb_1 .client {margin-left: 65px; background: silver; height: 80px; overflow: hidden; position: absolute; top: 180px; } */ #slide_fb_1 .client {margin-left: 65px; height: 100px; clear: both; width: 250px;} #slide_fb_2 {position: absolute; bottom: 20px; left: -2px; background: url(../img/fb_slide2_bg.png) no-repeat;} #slide_fb_2 .client {margin-left: 200px; height: 100px; clear: both; width: 250px;} #slide_fb_2 .client_logo {border-left: 1px solid #e3e3e3; border-right: 0; margin-bottom: 35px;} #slide_fb_2 .review {margin-left: 10px; margin-right: 10px;} .clients_review {width: 800px; height: 220px; margin-left: 50px; background: url(../img/clients_feedback_big_bg.png) no-repeat;} .clients_review .client_logo {padding-right: 10px;} .clients_review .review {width: 620px; line-height: 20px;} .clients_review .client {margin-left: 90px; } #news {width: 305px; float: left; background: url(../img/vertical_line_bg.png) repeat-y; background-position: left; margin-top: 25px;} #news h2 {font-size: 24px; margin-left: 20px; margin-bottom: 10px;} #news .news_item {margin: 15px 0 10px 20px; border-bottom: 1px dotted silver; padding-bottom: 15px; overflow: hidden;} #news .news_item .news_data {float: left; width: 185px; overflow: hidden;} #news .news_item .title {float: left; font-weight: bold; font-size: 12px; line-height: 14px;} #news .news_item .desc {line-height: 13px; clear: both;} #news .all_news {float: right; color: #626262; margin-right: 10px;} #news .all_news:hover { color: #3e9ed6;} .date {font-family: Arial; text-transform: uppercase; font-size: 10px; float: left; display: block; margin-bottom: 4px;} .news_thumb {width: 80px; height: 60px; overflow: hidden; float: left; margin-right: 10px;} .page_news_item {margin: 20px 0; border-bottom: 1px dotted silver;} .page_news_single_item {margin: 20px 0; } .page_news_item_content { display: block; overflow: hidden } .page_news_item_content h2 a {color: #3e9ed6; font-weight: normal; letter-spacing: 0.01em;} .page_news_item_content h2 a:hover {color: #000;} .page_news_item_desc {line-height: 18px; letter-spacing: 0.03em;} .pagination { } .pagination ul {list-style: none; margin: 0; width: 100%; text-align: center;} .pagination ul li {display: inline;} .pagination ul li a {display: inline-block; padding: 0 8px; margin: 2px; border: 1px solid #4ea5d2; line-height: 26px; background: url(../img/pag_bg.png) repeat-x; color: #fff; -webkit-border-radius:3px; -moz-border-radius:3px; font-size: 12px;} .pagination ul li a:hover , .pagination ul li a.active { background: #fff; border: 1px solid #c4c5c4; color: #c4c5c4;} .pagination ul li a:hover {color: #000;} .pagination ul li a.active:hover {color: #c4c5c4;} .pag_shadow_bottom { background: url(../img/pag.png) -60px 0 no-repeat; padding: 0 0 42px 0; background-position: bottom; margin-bottom: -22px;} .pag_shadow_top {background: url(../img/pag.png) -60px 0 no-repeat; padding: 20px 0 0 0;} #products {margin-top: 20px; clear: both;} .product_box { width: 180px; height: 170px; float: left; margin-right: 10px; border-bottom: 1px solid #dbd8ca; border-right: 1px solid #dbd8ca; font-family: Helvetica; font-size: 16px; color: #7c7c7c; text-align: center; overflow: hidden; position: relative; } .product_box:hover {color: #fff;} .product_box label {position: absolute; top: 125px; left: 0; width: 160px; cursor: pointer; margin: 0 10px; text-align: center;} .web_sajt {background: url(../img/product_websajt.png);} .web_sajt label {top: 135px;} .web_sajt:hover {background: url(../img/product_websajt_hover.png);} .web_shop {background: url(../img/product_webshop.png);} .web_shop:hover {background: url(../img/product_webshop_hover.png);} .seo {background: url(../img/product_seo.png); font-size: 13px;} .seo:hover {background: url(../img/product_seo_hover.png); color: #7c7c7c;} .webhosting {background: url(../img/product_webhosting.png);} .webhosting:hover {background: url(../img/product_webhosting_hover.png);} .design {background: url(../img/product_design.png);} .design:hover {background: url(../img/product_design_hover.png);} .last {margin-right: 0px;} .page {margin-top: 20px;} .sidebar {width: 196px; float: left; overflow: hidden; background: url(../img/vertical_line_bg.png) repeat-y; background-position: right; padding-right: 1px; min-height: 600px; margin-right: -2px;} .sidebar_menu {list-style: none; margin: 17px 0 0 0; } .sidebar_menu li a { background: url(../img/sidebar_li_bg.png); margin-bottom: 5px; display: block; padding: 10px 0 10px 10px; color: #707070; } .sidebar_menu li.active a, .sidebar_menu li a:hover {background: url(../img/sidebar_li_active_bg.png); color: #000; margin-right: 1px;} .sidebar_menu li.active a {font-weight: bold; border-bottom: 1px solid #9cc873;} .sidebar_sec_menu {margin: 10px 5px 20px 5px; padding: 0;} .sidebar_sec_menu li {line-height: 28px; border-bottom: 1px dotted silver;} .sidebar_sec_menu li.last {border: 0;} .sidebar_sec_menu li a { color: #707070; } .sidebar_sec_menu li a:hover { color: #3e9ed6; } .sidebar_sec_menu_title { clear: both; color: #000; font-weight: bold; margin: 20px 0 0 5px;} .page_content {width: 728px; padding-left: 25px; overflow: hidden; padding-top: 15px; background: url(../img/vertical_line_bg.png) repeat-y; } .page h1 {font-size: 30px; color: #000; margin-bottom: 20px;} .page h2 {font-size: 24px;} .page h3 {font-size: 20px;} .page h4 {font-size: 18px;} .page h5 {font-size: 14px; margin: 10px 0; clear: both;} .page img {margin: 10px;} .page_head {width: 728px; height: 268px; background: url(../img/page_head_bg.png) no-repeat; position: relative;} .page_head_transparent {margin-bottom: 20px;} .page_head h1 {position: absolute; bottom: 0px; left: 25px; font-size: 30px; color: #fff;} .page_head img {margin: 9px; max-width: 710px; max-height: 250px;} a.action_box {width: 400px; height: 56px; position: relative; background: url(../img/action_box_bg.png) no-repeat; overflow: hidden; display: block; line-height: 55px; color: #fff; font-size: 16px; text-indent: 80px; font-family: Helvetica; float: left; margin-right: 5px;} a.action_box_short {width: 255px; height: 56px; position: relative; background: url(../img/action_box_bg_short.png) no-repeat; overflow: hidden; display: block; line-height: 55px; color: #fff; font-size: 16px; text-indent: 80px; font-family: Helvetica; float: left; margin-right: 10px;} a.action_box_g_medium {width: 320px; height: 56px; position: relative; background: url(../img/action_box_bg_g_meduim.png) no-repeat; overflow: hidden; display: block; line-height: 55px; color: #fff; font-size: 16px; text-indent: 80px; font-family: Helvetica; float: left;} .order_action_box {margin-right: 8px; color: #fff; font-size: 16px; text-indent: 80px; font-family: Helvetica; height: 55px; line-height: 55px; float: left; margin-top: 10px;} .order_action_box_422 {width: 422px; background: url(../img/order_action_box_422.png) no-repeat; } .order_action_box_422:hover { background: url(../img/order_action_box_422_h.png) no-repeat; color: #000; } .order_action_box_392 {width: 392px; background: url(../img/order_action_box_392.png) no-repeat; } .order_action_box_392:hover { background: url(../img/order_action_box_392_h.png) no-repeat; color: #000; } .order_action_box_363 {width: 363px; background: url(../img/order_action_box_363.png) no-repeat; } .order_action_box_363:hover { background: url(../img/order_action_box_363_h.png) no-repeat; color: #000; } .order_action_box_g_317 {width: 317px; background: url(../img/order_action_box_g_317.png) no-repeat; } .order_action_box_g_317:hover { background: url(../img/order_action_box_g_317_h.png) no-repeat; color: #000; } .order_action_box_306 {width: 306px; background: url(../img/order_action_box_306.png) no-repeat; } .order_action_box_306:hover { background: url(../img/order_action_box_306_h.png) no-repeat; color: #000; } .action_icon { height: 40px; width: 40px; display: block; position: absolute; left: 12px; top: 7px;} .action_icon_arrow {background: url(../img/action_icon_arrow.png) no-repeat;} .action_icon_arrow_g {background: url(../img/action_icon_arrow_g.png) no-repeat;} .action_icon_pdf {background: url(../img/action_icon_pdf.png) no-repeat;} .big_btn { color: #fff; font-size: 16px; text-align: center; font-family: Helvetica; height: 48px; line-height: 48px; display: block; font-weight: bold;} .big_btn:hover {color: #000;} .big_btn_161 {width: 161px; background: url(../img/big_btn_161.png) no-repeat;} .hosting_packages {position: relative;} #host_features_list {width: 90px; float: left; margin-top: 242px;} #host_features_list ul {float: left; list-style: none; margin: 0; padding: 0; font-size: 11px; font-family: Arial;} #host_features_list ul li {line-height: 30px; border-bottom: 1px solid #dedede;} .host_package {width: 100px; height: 560px; margin-right: 5px; float: left; position: relative; font-family: Arial;} .host_head {width: 100px; height: 115px; z-index: 999; position: absolute; top: 0;} .host_head_silver {background: url(../img/host_head_silver.png) no-repeat;} .host_head_silver2 {background: url(../img/host_head_silver2.png) no-repeat;} .host_head_blue {background: url(../img/host_head_blue.png) no-repeat;} .host_head_blue2 {background: url(../img/host_head_blue.png) no-repeat;} .host_head_gray {background: url(../img/host_head_gray.png) no-repeat;} .host_head_gray2 {background: url(../img/host_head_gray2.png) no-repeat;} .host_body { height: 440px; width: 100px; margin-top: 70px; -webkit-border-radius:8px; -moz-border-radius:8px; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888; padding-top: 50px;} /* border: 1px solid silver; */ .host_body_white {background: #fff;} .host_body_blue {background: #0c83b9;} .host_body_gray {background: #262728;} a.host_title { color: #000; text-align: center; font-size: 15px; width: 100px; display: block; padding: 5px 0;} .host_title_green_bg {background: #cadf7c;} .host_title_orange_bg {background: #eabd36;} .host_price { text-align: center; font-size: 11px; background: url(../img/host_price_bg.png) no-repeat; background-position: bottom; padding-bottom: 12px;} .host_price_cost { font-size: 24px; font-weight: bold; color: #000; width: 100px; display: block; margin-top: 8px;} .host_features {list-style: none; margin: 0; padding: 0; text-align: center; font-size: 11px;} .host_features li {border-bottom: 1px solid #dadada; margin: 0 6px; line-height: 29px;} .host_features li img {margin-top: 4px; margin-bottom: -4px; overflow: hidden;} .num_emp {font-weight: bold; font-size: 14px;} .host_more {display: block; margin: 10px 0; text-align: center; color: #97b331; text-decoration: underline; font-size: 13px; font-weight: bold;} .host_more:hover {color: silver;} .host_buy_btn {-webkit-border-radius:5px; -moz-border-radius:5px; line-height: 30px; margin: 0 5px; font-weight: bold; font-size: 14px; font-family: Helvetica; color: #000; display: block; text-align: center;} .host_buy_btn_orange { background: url(../img/host_buybtn_orange_bg.png) repeat-x;} .host_buy_btn_green { border: 1px solid #a2be3c; background: url(../img/host_buybtn_green_bg.png) repeat-x;} .host_buy_btn:hover {color: #fff;} .host_body_blue .host_features, .host_body_gray .host_features, .host_body_blue .host_price_cost, .host_body_gray .host_price_cost, .host_body_blue .host_price, .host_body_gray .host_price {color: #fff;} .host_box {width: 350px; height: 130px; float: left; overflow: hidden; } .host_box_icon { float: left; width: 50px; height: 50px;} .host_box_content {float: left; width: 280px; margin-left: 20px; margin-top: 5px;} .host_box_content p {margin: 6px 10px 6px 0;} .host_sidebar {width: 200px; float: left; text-align: center;} .host_page_blue_title {font-size: 16px; color: #147db7; display: block; } .host_page_price {font-size: 26px; display: block; margin: 5px 0;} a.host_order_btn { width: 210px; height: 55px; line-height: 55px; background: url(../img/action_box_bg_shorter.png) no-repeat; display: block; color: #fff; font-family: Helvetica; font-size: 16px; padding-left: 80px; margin-top: 20px; text-align: left; } a.host_order_btn:hover { color: #000; background: url(../img/action_box_bg_shorter_hov2.png) no-repeat;} .host_main { float: left; width: 460px; margin-left: 40px;} .host_features_box { margin-bottom: 20px;} .host_features_box .host_page_blue_title {width: 490px; display: block; background: url(../img/horisontal_line.png) repeat-x; background-position: bottom; padding-bottom: 10px; margin-bottom: 10px;} .host_feature {width: 420px; display: block; float: left; margin: 1px 0; } .host_feature_state {width: 30px; display: block; font-weight: bold; float: left; margin: 1px 0;} .host_price_in_title {font-size: 26px; color: #626262; } #check_domain {width: 100%;} #check_domain_form {width: 550px; margin: 0 auto;} #input_domain_box {padding: 12px; background: url(../img/bg_transparent_black.png); -webkit-border-radius:8px; -moz-border-radius:8px; width: 510px;} #domain {width: 508px; height: 46px; border: 0; background: url(../img/check_domain_bg.png) no-repeat; margin: 0; padding: 0; font-size: 20px; line-height: 46px; padding-left: 20px; font-family: "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif; /* color: #cecece; */ } #domain_extenstions {margin-left: 40px; margin-top: 10px;} .single_ext {float: left; margin: 4px 10px;} .single_ext input {float: left; margin-top: 5px;} .single_ext label {width: 40px; display: block; float: left; margin-left: 5px; font-weight: bold; line-height: 20px;} #check_domain_sbmt {margin-left: 200px; margin-top: 20px;} .big_button {border: 0; height: 55px; line-height: 50px; background: url(../img/order_action_box_167.png) no-repeat; width: 167px; padding-left: 50px; color: #fff; font-size: 16px; font-family: Helvetica; font-weight: bold; cursor: pointer;} .big_button:hover {background: url(../img/order_action_box_167_h.png) no-repeat; color: #000;} .big_button:focus {outline: 0; text-transform: none; padding-top: 0; margin-top: 20px; margin-bottom: 0;} .head_upper {margin-top: -20px;} .tabs { list-style: none; float: right; height: 48px; margin-top: -55px; background: url(../img/tabs_bottom.png) no-repeat; background-position: bottom; width: 100%; text-align: right; overflow: hidden; margin-bottom: 15px;} .tabs li {display: inline; height: 42px; } .tabs li a { background: url(../img/tab_li.png) left top no-repeat; display: inline-block; color: #626262; padding-left: 15px; padding-top: 13px; padding-bottom: 13px; margin-left: 2px; } .tabs li a span {background: url(../img/tab_li_end.png) right top no-repeat; padding-right: 6px; padding-top: 13px; padding-bottom: 13px;} .tabs li a span span {background: url(../img/tab_li_span.png) repeat-x; } .tabs li a:hover, .tabs li a.active {background: url(../img/tab_li_active.png) left top no-repeat; padding-left: 15px; color: #fff; } .tabs li a:hover span, .tabs li a.active span {background: url(../img/tab_li_active_end.png) right top no-repeat; padding-right: 6px; padding-top: 13px; padding-bottom: 13px;} .tabs li a:hover span span, .tabs li a.active span span {background: url(../img/tab_li_active_span.png) repeat-x;} .tabs li a.last {margin-right: 15px;} #references {margin-left: -10px; margin-top: -10px;} .ref_box {width: 220px; height: 170px; overflow: hidden; background: #fff; position: relative; float: left; margin: 10px; -moz-box-shadow: 0 0 3px 0 #888; -webkit-box-shadow: 0 0 3px 0 #888; } .ref_data {position: absolute; bottom: 5px; left: 0; padding: 8px; background: #fff; display: none;} .ref_data .ref_name {color: #464646; font-size: 16px; font-family: "trebuchet ms", helvetica, sans-serif; display: block; width: 220px;} .ref_box img {padding: 0; margin: 0;} .ref_slider {float: left;} .ref_slider img {margin: 0; padding: 0;} .ref_desc {float: left; width: 310px; margin-left: 30px;} .ref_desc .ref_page_title {font-size: 50px; } .ref_desc .ref_atr {width: 70px; display: block; float: left; color: #a6a69e; text-transform: uppercase; line-height: 25px; font-family: Arial; font-size: 10px;} .ref_desc .ref_atr_r { float: left; line-height: 25px; width: 180px; font-family: Arial;} .ref_page {margin-top: 10px;} .ref_services {list-style: none; margin: 2px 0 0 0; padding: 0; font-family: Arial;} .ref_services li {background: 0 5px url(../img/li_correct.png) no-repeat; padding-left: 25px; line-height: 25px;} .clients_opinion {margin-top: 20px;} h1.clients_opinion_title { font-size: 22px; width: 250px; text-align: center; float: left;} .double_line_bg {height: 18px; width: 350px; background: 0 0 url(../img/double_line_bg.png) repeat-x; float: left;} .client_item {width: 298px; float: left; padding-left: 10px; line-height: 25px; margin-right: 5px;} #contact_page {padding-top: 20px;} #contact_main { width: 520px; float: left;} #contact_main p {text-align: justify;} .form {} .form label.f_lbl { width: 136px; display: block; float: left; padding-top: 20px;} .form input.f_txt {line-height: 32px; border: 1px solid #c3c4c1; height: 32px; width: 235px; margin: 12px 0; padding: 0 10px;} .form input.f_txt_short {line-height: 32px; border: 1px solid #c3c4c1; height: 32px; width: 100px; margin: 12px 0; padding: 0 10px;} .form select.f_select { margin: 12px 0; width: 256px; padding: 8px;} .form textarea.f_tarea {margin: 12px 0; width: 350px; height: 190px; padding: 5px;} .form .separator {clear: both; height: 2px; border: 0; background: url(../img/horisontal_line.png) repeat-x;} #send_msg {margin: 12px 0 0 136px;} #contact_sidebar {float: left; width: 370px; margin-left: 45px; margin-top: 50px;} .contact_box {background: url(../img/bg_transparent_black.png); display: block; overflow: hidden; margin-bottom: 10px;} .contact_box_title {display: block; font-size: 18px; color: #000; margin-bottom: 6px;} #contact_address_box { } #contact_address_icon {width: 70px; height: 272px; background: url(../img/contact_address_box.png) no-repeat; float: left;} #contact_address_data {float: left; margin: 20px 15px; width: 260px;} .contact_nr_title {font-size: 24px; color: #000; } .contact_address_street_data {margin: 5px 0 20px 0;} #contact_centrala_box { } #contact_centrala_icon {width: 70px; height: 85px; background: url(../img/contact_cectrala_box.png) no-repeat; float: left;} #contact_centrala_data {float: left; margin: 15px; width: 260px;} #contact_sales_box { } #contact_sales_icon {width: 70px; height: 85px; background: url(../img/contact_sales_box.png) no-repeat; float: left;} #contact_sales_data {float: left; margin: 15px; width: 260px;} #contact_support_box { } #contact_support_icon {width: 70px; height: 100px; background: url(../img/contact_support_box.png) no-repeat; float: left;} #contact_support_data {float: left; margin: 15px; width: 260px;} .small_btn {color: #fff; background: url(../img/small_btn_bg.png) repeat-x; border: 1px solid #4ea5d2; margin-right: 10px; float: left; -webkit-border-radius: 4px; -moz-border-radius: 4px; padding: 6px 15px; display: inline-block;} .small_btn:hover {color: #000;} #order_website {padding-top: 20px;} #order_website .form {width: 520px;} #foot {width: 100%; background: #fff; margin-top: 30px; overflow: hidden;} #foot_content {width: 950px; margin: 0 auto; padding-top: 30px;} #f_logo_box {width: 220px; background: url(../img/foot_nr_logo.png) no-repeat; float: left;} #f_logo_box p {margin: 10px 0; padding: 0; color: #8d8d8d; font-size: 11px;} #foot_address {margin-left: 80px; margin-bottom: 40px; } #f_copyright {border-top: 1px dotted silver;} #f_menu_box {float: left; margin-left: 40px; margin-bottom: 40px;} .vertical_box {height: 100%; display: block; float: left;} .box1 {width: 80px; } .box2 {width: 160px; margin-left: 20px;} .box3 {width: 130px; margin-left: 20px;} .box4 {width: 130px; margin-left: 20px;} .box5 {width: 100px; margin-left: 20px;} .foot_title {font-weight: bold; color: #626262;} .menu_group {margin-bottom: 10px;} .menu_group ul {list-style: none; padding: 6px 0 0 0; margin: 0; font-size: 11px;} .menu_group ul li a {color: #626262;} .menu_group ul li a:hover {color: #3e9ed6;} /* ---------------------------------------------------------------------------------------- ADDONS ----------------------------------------------------------------------------------------- */ /******* SET DEFAULT DIMENSIONS HERE ********/ div.anythingSlider { width: 940px; height: 300px; overflow: hidden; /* needed for Opera and Safari */} /**** DO NOT CHANGE BELOW THIS LINE ****/ /* anythingSlider viewport window */ div.anythingSlider .anythingWindow { overflow: hidden; position: relative; width: 100%; height: 100%; } /* wrapper: 45px right & left padding for the arrows, 28px @ bottom for navigation */ div.anythingSlider { position: relative; padding: 0 45px 28px 45px; } /* anythingSlider base UL */ ul.anythingBase { background: transparent; list-style: none; position: absolute; top: 0; left: 0; margin: 0; padding: 0; } ul.anythingBase li.panel { background: transparent; display: block; overflow: hidden; float: left; padding: 0; margin: 0; } /* Navigation Arrows */ div.anythingSlider .arrow { top: 50%; position: absolute; display: block; } div.anythingSlider .arrow a { display: block; height: 120px; margin: -60px 0 0 0; width: 45px; text-align: center; outline: 0; text-indent: -9999px; } div.anythingSlider .forward { right: 0; } div.anythingSlider .back { left: 0; } div.anythingSlider .forward a { background-position: 0 -40px; } div.anythingSlider .back a { background-position: -88px -40px; } div.anythingSlider .forward a:hover, div.anythingSlider .forward a.hover { background-position: 0 -240px; } div.anythingSlider .back a:hover, div.anythingSlider .back a.hover { background-position: -88px -240px; } div.anythingSlider .forward.disabled { display: none; } /* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */ div.anythingSlider .back.disabled { display: none; } /* Navigation Links */ div.anythingSlider .anythingControls { outline: 0; } div.anythingSlider .thumbNav { margin: 0; } div.anythingSlider .thumbNav li { display: inline; } div.anythingSlider .thumbNav a { font: 11px/18px Georgia, Serif; display: inline-block; text-decoration: none; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background-repeat: repeat-x; text-align: center; outline: 0; border-radius: 0 0 5px 5px; } div.anythingSlider .thumbNav a:hover { background-image: none; } /* slider autoplay right-to-left, reverse order of nav links to look better */ div.anythingSlider.rtl .thumbNav a { float: right; } /* reverse order of nav links */ div.anythingSlider.rtl .thumbNav { float: left; } /* move nav link group to left */ div.anythingSlider.rtl .anythingWindow { direction: ltr; unicode-bidi: bidi-override; } /* Autoplay Start/Stop button */ div.anythingSlider .start-stop { /* background-image: url(../images/cellshade.png); */ background-repeat: repeat-x; background-position: center top; padding: 2px 5px; width: 40px; text-align: center; text-decoration: none; float: right; z-index: 100; outline: 0; /* border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; */ } div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover { background-image: none; } div.anythingSlider, div.anythingSlider .anythingWindow, div.anythingSlider .thumbNav a, div.anythingSlider .arrow a, div.anythingSlider .start-stop { transition-duration: 0; -o-transition-duration: 0; -moz-transition-duration: 0; -webkit-transition-duration: 0; } /* slider head overrides */ #featured div.anythingSlider {padding-left: 0; padding-top: 13px; margin-left: 16px; position: relative;} #featured div.anythingSlider .start-stop {display: none;} #featured div.anythingSlider .thumbNav {position: absolute; bottom: 65px; left: 255px; } #featured div.anythingSlider .thumbNav a { display: inline-block; height: 16px; width: 16px; margin: 4px; padding: 0; text-indent: -9999px; outline: 0; -moz-border-radius: 8px; -webkit-border-radius: 8px; background: url(../img/bg_transparent.png); } #featured div.anythingSlider .thumbNav a.cur {background: #fff;} /* clients_fb_slide overrides */ .clients_fb_slide div.anythingSlider {padding-left: 0; padding-top: 10px; position: relative; height: 300px; z-index: 10 !important;} .clients_fb_slide div.anythingSlider .panel { position: relative;} .clients_fb_slide .thumbNav {display: none !important; } .clients_fb_slide .start-stop {display: none !important; } /* Navigation Arrows */ .clients_fb_slide div.anythingSlider .arrow { position: absolute; display: block; width: 32px; height: 32px; z-index: 999 !important;} .clients_fb_slide div.anythingSlider .arrow a { display: block; height: 32px; margin: 0; width: 32px; text-align: center; outline: 0; /* background: url(../images/arrows-default.png) no-repeat; */ text-indent: -9999px; } .clients_fb_slide div.anythingSlider .forward { right: 0; } .clients_fb_slide div.anythingSlider .back { left: 0; } .clients_fb_slide div.anythingSlider .forward a { background: url(../img/fb_slide_arrow_r.png) no-repeat; z-index: 999;} .clients_fb_slide div.anythingSlider .back a { background: url(../img/fb_slide_arrow_l.png) no-repeat; z-index: 999;} .clients_fb_slide div.anythingSlider .forward a:hover, div.anythingSlider .forward a.hover {background: url(../img/fb_slide_arrow_r_hover.png) no-repeat;} .clients_fb_slide div.anythingSlider .back a:hover, div.anythingSlider .back a.hover { background: url(../img/fb_slide_arrow_l_hover.png) no-repeat; } .clients_fb_slide div.anythingSlider .forward.disabled { display: none; } /* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */ .clients_fb_slide div.anythingSlider .back.disabled { display: none; } #slide_fb_1 .forward { right: 40px !important; top: 190px; z-index: 1;} #slide_fb_1 .back { left: 357px !important; top: 190px; z-index: 1;} #slide_fb_2 .forward { left: 40px !important; top: 190px; z-index: 1;} #slide_fb_2 .back { right: 357px !important; top: 190px; z-index: 1;} /* slider REFERENCE PAGE overrides */ .ref_slider {background: #fff; width: 560px; height: 460px; padding: 20px; padding-bottom: 40px; position: relative; } .ref_slider div.anythingSlider { padding: 0; margin: 0; overflow: visible;} .ref_slider div.anythingSlider .start-stop {display: none;} .ref_slider div.anythingSlider .thumbNav {position: absolute; bottom: -35px; width: 560px; text-align: center; z-index: 999 !important;} .ref_slider div.anythingSlider .thumbNav a { display: inline-block; height: 16px; width: 16px; margin: 4px; padding: 0; text-indent: -9999px; outline: 0; -moz-border-radius: 8px; -webkit-border-radius: 8px; background: #e0e0e0; } .ref_slider div.anythingSlider .thumbNav a.cur {background: #a7da78;}