@charset "utf-8"; #debugger { display: block; float: none; clear: both; position: absolute; top: 0; left: 0; font-size: 20px; background-color:#FFF; color:#000; line-height: 24px; z-index: 500; padding: 5px 20px; } 
@charset "utf-8"; @font-face { font-family: 'OpenSans300'; src: url('../../../Cms_Data/Sites/Virtuabit/Themes/default/fonts/opensans-light-webfont.eot'); src: local("☺"), url('../../../Cms_Data/Sites/Virtuabit/Themes/default/fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'), url('../../../Cms_Data/Sites/Virtuabit/Themes/default/fonts/opensans-light-webfont.woff') format('woff'), url('../../../Cms_Data/Sites/Virtuabit/Themes/default/fonts/opensans-light-webfont.ttf') format('truetype'), url('../../../Cms_Data/Sites/Virtuabit/Themes/default/fonts/opensans-light-webfont.svg#OpenSans300') format('svg'); line-height: normal; font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSans400'; src: url('../../../Cms_Data/Sites/Virtuabit/Themes/default/fonts/opensans-regular-webfont.eot'); src: local("☺"), url('../../../Cms_Data/Sites/Virtuabit/Themes/default/fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../../Cms_Data/Sites/Virtuabit/Themes/default/fonts/opensans-regular-webfont.woff') format('woff'), url('../../../Cms_Data/Sites/Virtuabit/Themes/default/fonts/opensans-regular-webfont.ttf') format('truetype'), url('../../../Cms_Data/Sites/Virtuabit/Themes/default/fonts/opensans-regular-webfont.svg#OpenSans400') format('svg'); line-height: normal; font-weight: normal; font-style: normal; }
@charset "utf-8"; html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, input, textarea, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; outline: none; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } a { outline: none; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } a { cursor: pointer; text-decoration: none; }
@charset "utf-8"; header, footer, article, nav, section { display: block; float: none; clear: both; } .clear { display: block; float: none; clear: both; width: 100%; height: 0; } .clearafter:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0; } .clearafterleft:after { clear: left; content: "."; display: block; height: 0; visibility: hidden; font-size: 0; } .clearafterright:after { clear: right; content: "."; display: block; height: 0; visibility: hidden; font-size: 0; } strong, b { font-weight: 400; color: #141414; } em, i { font-style: italic; }
@charset "utf-8"; html { height: 100%; } body { height: 100%; min-height: 100%; background: url(../../../Cms_Data/Sites/Virtuabit/Themes/default/img/bg/bg-pattern.png) top center repeat; } .site-wrap { width: 987px; margin: 0 auto; display: block; float: none; clear: both; } .site-wrap:after { clear: both; content: "."; display: block; height: 0; overflow: hidden; } #header { width: 100%; height: 89px; background-color: rgba(255,255,255,0.55); } #nav { height: 89px; } #footer { }
@charset "utf-8"; div#cover { display: block; float: none; clear: both; width: 100%; height: 100%; background-color: #000; filter: alpha(opacity=60); -khtml-opacity: 0.6; -moz-opacity: 0.6; opacity: 0.6; z-index: 100; position: absolute; position: fixed; top: 0; left: 0; } div#cover.loading { background: url(../../../Cms_Data/Sites/Virtuabit/Themes/default/img/cover-loading.gif) center center no-repeat #000; } body.no-overflow { overflow: hidden; }
 div#aktualne-ponude { background-color: rgba(255,255,255,0.55); } div#aktualne-ponude h2.title { font: 300 42px/42px 'Open Sans', sans-serif; } div#aktualne-ponude div#aktualne-ponude-slider { position: relative; } div#aktualne-ponude div#aktualne-ponude-slider div.container { } div#aktualne-ponude div#aktualne-ponude-slider div.container .ponuda { width: 987px; min-height: 259px; background: none bottom right no-repeat transparent; } div#aktualne-ponude div#aktualne-ponude-slider div.container .ponuda.no-image { } div#aktualne-ponude div#aktualne-ponude-slider div.container .ponuda h3.title { font: 300 34px/42px 'Open Sans', sans-serif; letter-spacing: -1px; color: #00a587; margin: 0 0 13px 0; } div#aktualne-ponude div#aktualne-ponude-slider div.container .ponuda div.body { display: block; width: 542px; } div#aktualne-ponude div#aktualne-ponude-slider div.container .ponuda div.body p { font: 300 15px/24px 'Open Sans', sans-serif; margin: 0 0 21px 0; color: #292929; } div#aktualne-ponude div#aktualne-ponude-slider div.container .ponuda div.image { } div#aktualne-ponude div#aktualne-ponude-slider div.container .ponuda div.image img { } div#aktualne-ponude div#aktualne-ponude-slider div.container .ponuda.no-image div.image { } div#aktualne-ponude div#aktualne-ponude-slider div.container .ponuda.no-image div.image img { } div#aktualne-ponude div#aktualne-ponude-slider div.container .ponuda span.find-out { display: block; width: 154px; height: 39px; background: #00a587; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } div#aktualne-ponude div#aktualne-ponude-slider div.container .ponuda span.find-out:hover { } div#aktualne-ponude div#aktualne-ponude-slider div.container .ponuda span.find-out a.find-out { display: block; height: 29px; width: 105px; padding: 5px 36px 5px 13px; color: #fff; font: 300 18px/26px 'Open Sans', sans-serif; background: url(../../../Cms_Data/Sites/Virtuabit/Themes/default/img/button/star-hover.png) 125px 11px no-repeat; border: 0 none; } div#aktualne-ponude div#aktualne-ponude-slider div.container .ponuda span.find-out a.find-out:hover { background-color: rgba(255,255,255,0.18); } div#aktualne-ponude div#aktualne-ponude-slider div.container .ponuda span.find-out a.find-out:active { background-color: rgba(0,0,0,0.13); } div#aktualne-ponude div#aktualne-ponude-slider ul.pagination { display: block; float: none; clear: both; margin: 0 auto; padding: 13px 0 13px 0; height: 13px; text-align: center; position: absolute; bottom: 0; left: 478px; z-index: 5; } div#aktualne-ponude div#aktualne-ponude-slider ul.pagination li { display: inline-block; width: 13px; height: 13px; margin: 0 6px 0 0; } div#aktualne-ponude div#aktualne-ponude-slider ul.pagination li.current { } div#aktualne-ponude div#aktualne-ponude-slider ul.pagination li a { display: inline-block; height: 13px; width: 13px; background: url(../../../Cms_Data/Sites/Virtuabit/Themes/default/img/button/carousel-bullet.png) 0px 0px no-repeat transparent; text-indent: -9999px; } div#aktualne-ponude div#aktualne-ponude-slider ul.pagination li a:hover { background-position: 0px -13px; border: 0px none; } div#aktualne-ponude div#aktualne-ponude-slider ul.pagination li.current a { background-position: 0px -26px; } div#aktualne-ponude div#aktualne-ponude-slider ul.pagination li.current a:hover { }
@charset "utf-8"; div.box-wrap { display: block; float: left; clear: none; width: 315px; margin: 0 0 0 21px; } div.box-wrap.first { margin-left: 0; } div.box-wrap h2 { display: inline-block; float: none; clear: both; color: #575757; font: 300 20px/28px 'Open Sans', sans-serif; margin-bottom: 13px; padding-right: 22px; background: transparent url(../../../Cms_Data/Sites/Virtuabit/Themes/default/img/button/double-arrow.png) right 8px no-repeat; } div.box-wrap h2 span { display: none; } .box { display: block; float: none; clear: both; width: 315px; height: 377px; border-bottom: 0px none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; position: relative; background-color: #FFF; color: #545454; font: 300 14px/18px 'Open Sans', sans-serif; } .box.big { height: 428px; } .box.big:hover { background-color: #00a587; } .box.big:hover h3, .box.big:hover .body p, .box.big:hover .body p:first-child::first-letter, .box.big:hover strong, .box.big:hover b, .box.big:hover p.links span a { color: #fff; } .box.big:hover p.links span a:hover { } .box.big:hover p.links span { background-color: rgba(255,255,255,0.08); } .box.big:hover p.links span:hover { background-color: rgba(255,255,255,0.18); } .box.big:hover p.links span:active { background-color: rgba(0,0,0,0.13); } .box.big:hover p.links span a { background: url(../../../Cms_Data/Sites/Virtuabit/Themes/default/img/button/link-arrow-white.png) 17px 4px no-repeat; } .box.big:hover p.links span a:hover{ background-position: 20px 4px; } .box.big:hover p.links span.find-out { height: 39px; background-color: rgba(255,255,255,0.08); } .box.big:hover p.links span.find-out:hover { height: 42px; background-color: rgba(255,255,255,0.18); } .box.big:hover p.links span.find-out:active { background-color: rgba(0,0,0,0.13); } .box.big:hover p.links span.find-out a.find-out { border: 0 none; color: #fff; background: url(../../../Cms_Data/Sites/Virtuabit/Themes/default/img/button/star-hover.png) center 6px no-repeat; } .box.big:hover p.links span.find-out a.find-out:hover { border: 0 none; color: #fff; background: url(../../../Cms_Data/Sites/Virtuabit/Themes/default/img/button/star-hover.png) center 6px no-repeat; } .box img, .box h2, .box p { display: block; float: none; clear: both; } .box img { display: none; width: 315px; height: 210px; } .box h3 { padding: 0 18px; color: #00a587; font: 800 28px/34px 'Open Sans', sans-serif; letter-spacing: -1px; margin: 21px 0 13px 0; } .box p { padding: 0 18px 0 18px; margin: 0 0 13px 0; color: #212121; font: 300 15px/24px 'Open Sans', sans-serif; } .box .body p:first-child::first-letter { font: 300 49px/32px 'Open Sans', sans-serif; color: #00a587; float: left; height: 24px; margin: 7px 0 3px 0; padding: 0 0.18em 0 0; } .box a { color: #8140C7; font-weight: 400; } .box a:hover { color: #8140C7; border-bottom: 1px solid #8140C7; } .box p.links { padding: 0 1px 0 1px; margin-bottom: 13px; } .box p.links span { display: block; margin-bottom: 1px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } .box p.links span:hover { } .box p.links span a { display: block; height: 20px; padding-top: 4px; color: #656565; font: 400 13px/15px 'Open Sans', sans-serif; padding-left: 38px; background: transparent url(../../../Cms_Data/Sites/Virtuabit/Themes/default/img/button/link-arrow.png) 17px 4px no-repeat; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; } .box p.links span a:hover { border-bottom: 0 none; background-position: 20px 4px; } .box p.links span.find-out { position: absolute; width: 277px; height: 39px; margin: 0; padding: 3px 19px 0 19px; color: #8140C7; font: 300 15px/26px 'Open Sans', sans-serif; bottom: 0; left: 0; border: 0 none; } .box p.links span.find-out:hover { border: 0 none; color: #fff; } .box p.links span.find-out a.find-out { width: 239px; height: 39px; padding: 0 19px 0 19px; color: #8140C7; font: 300 18px/26px 'Open Sans', sans-serif; background: url(../../../Cms_Data/Sites/Virtuabit/Themes/default/img/button/star.png) center 6px no-repeat; border: 0 none; } .box p.links span.find-out a.find-out:hover { border: 0 none; color: #fff; background: url(../../../Cms_Data/Sites/Virtuabit/Themes/default/img/button/star-hover.png) center 6px no-repeat; } .box.options { } .box ul.tabs { display: block; float: none; clear: both; width: 315px; height: 48px; } .box ul.tabs li { float: left; clear: none; display: block; width: 105px; height: 47px; font: 300 14px/16px 'Open Sans', sans-serif; } .box ul.tabs li a { display: block; height: 17px; font: 300 14px/16px 'Open Sans', sans-serif; width: 105px; padding: 15px 0; text-align: center; background-color: #F0F0F0; border-bottom: 1px solid #C9C9C9; } .box ul.tabs li a:hover { color: #8140C7; } .box ul.tabs li.x1 { } .box ul.tabs li.x1 a { width: 104px; border-right: 1px solid #C9C9C9; } .box ul.tabs li.x1 a:hover { } .box ul.tabs li.x2 { } .box ul.tabs li.x2 a { width: 104px; border-right: 1px solid #C9C9C9; } .box ul.tabs li.x2 a:hover { } .box ul.tabs li.x3 { } .box ul.tabs li.x3 a { } .box ul.tabs li.x3 a:hover { } .box ul.tabs li.selected { } .box ul.tabs li.selected a { border-bottom: 0px none; background-color:#FFF; color: #8140C7; } .box ul.tabs li.selected a:hover { } .box div.option { } .box div.option h3 { } .box div.option p { } .box div.option ul { list-style: disc outside; padding: 10px 18px 10px 40px; } .box div.option ul li { display: list-item; padding: 2px 0; } .box article.preporuka div.body { margin-top: 21px; background: transparent url(../../../Cms_Data/Sites/Virtuabit/Themes/default/img/bg/quotes.png) 239px top no-repeat; } .box article.preporuka p.info { font: 300 14px/22px 'Open Sans', sans-serif; margin-bottom: 0; } .box article.preporuka p.info em { font-style: normal; } .box article.preporuka p.info strong { font-style: normal; } .box article.work p { font: 300 14px/23px 'Open Sans', sans-serif; }
 *, *:before, *:after { -webkit-transition: opacity 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000); -moz-transition: opacity 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000); -ms-transition: opacity 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000); -o-transition: opacity 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000); transition: opacity 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000); } .box { -webkit-box-shadow: 0 0 8px rgba( 0, 0, 0, 0.13 ); -moz-box-shadow: 0 0 8px rgba( 0, 0, 0, 0.13 ); box-shadow: 0 0 8px rgba( 0, 0, 0, 0.13 ); } div#aktualne-ponude, div#index-top { border-bottom: 1px solid #fff; } div#aktualne-ponude { -webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.13 ); -moz-box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.13 ); box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.13 ); } div#index-center { -webkit-box-shadow: inset 0 0 8px 3px rgba( 0, 0, 0, 0.13 ); -moz-box-shadow: inset 0 0 8px 3px rgba( 0, 0, 0, 0.13 ); box-shadow: inset 0 0 8px 3px rgba( 0, 0, 0, 0.13 ); } .box.big, footer div.lower div.site-wrap p.development a, div#aktualne-ponude div#aktualne-ponude-slider div.container .ponuda span.find-out a.find-out { -webkit-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000); -moz-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000); -ms-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000); -o-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000); transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000); } #footer { -webkit-box-shadow: 0 -3px 5px rgba( 0, 0, 0, 0.13 ); -moz-box-shadow: 0 -3px 5px rgba( 0, 0, 0, 0.13 ); box-shadow: 0 -3px 5px rgba( 0, 0, 0, 0.13 ); }
@charset "utf-8"; #footer { display: block; width: 100%; height: auto; background: url(../../../Cms_Data/Sites/Virtuabit/Themes/default/img/bg/footer-upper-bg.png) 0 0 repeat; border-top: 1px solid #141414; } #footer div.upper { padding: 21px 0 34px 0; } #footer div.upper div.left { float: left; width: 231px; margin-right: 21px; } #footer div.upper div.left h4 { font: 300 21px/23px 'Open Sans', sans-serif; color: #00a587; text-shadow: 0 -1px 0 #141414; margin-bottom: 2px; } #footer div.upper div.left p { font: 300 14px/23px 'Open Sans', sans-serif; color: #8c8c8c; text-shadow: 0 -1px 0 #141414; } #footer div.upper div.left p span { display: inline-block; width: 42px; color: #787878; } #footer div.upper div.left p a { display: inline-block; color: #00a587; border-bottom: 1px dotted #00a587; line-height: 16px; } #footer div.upper div.left p a:hover { border: 0 none; } #footer div.upper div.left p a.map { display: inline-block; font: 400 9px/17px 'Open Sans', sans-serif; color: #141414; text-transform: uppercase; background-color: #008f75; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-shadow: none; padding: 0 5px; border: 0 none; } #footer div.upper div.left p a.map:hover { background-color: #00a587; } #footer div.upper div.left.space { margin-top: 25px; } #footer div.upper div.left p.address { display: block; float: left; clear: left; width: 192px; padding: 14px 0 0 52px; font: 300 14px/23px 'Open Sans', sans-serif; color: #212121; } #footer div.upper div.left ul { display: block; float: right; clear: right; width: 260px; padding-top: 14px; } #footer div.upper ul.right { display: block; float: right; clear: right; width: 231px; margin-top: 2px; } #footer div.upper ul.right li { display: block; text-align: right; color: #8c8c8c; text-shadow: 0 -1px 0 #141414; } #footer div.upper ul.right li strong { font: 300 14px/23px 'Open Sans', sans-serif; color: #8c8c8c; } #footer div.upper ul.right li span { display: inline-block; padding-left: 13px; } #footer div.upper ul.right li a { display: inline-block; text-align: right; font: 300 14px/22px 'Open Sans', sans-serif; } #footer div.upper ul.right li a:hover { color: #0388a6; } #footer div.lower { background-color: #292929; box-shadow: inset 0 2px 3px -1px #141414; height: 42px; width: 100%; text-shadow: 0 -1px 0 #141414; } #footer div.lower p { display: block; float: left; clear: left; margin-top: 12px; font: 300 14px/17px 'Open Sans', sans-serif; color: #8c8c8c; } #footer div.lower p.copyright { width: 333px; } #footer div.lower p.links { clear: none; width: 474px; } #footer div.lower p.links a { font: 300 14px/17px 'Open Sans', sans-serif; color: #e3e3e3; margin-right: 20px; } #footer div.lower p.links a:hover { border-bottom: 1px dotted #e3e3e3; } #footer div.lower p.development { float: right; clear: right; width: 141px; margin-top: 12px; } #footer div.lower p.development span.dev { display: block; float: left; width: 40px; height: 17px; font: 300 14px/17px 'Open Sans', sans-serif; color: #8c8c8c; } #footer div.lower p.development a { display: block; float: right; height: 17px; width: 89px; background: url(../../../Cms_Data/Sites/Virtuabit/Themes/default/img/bg/virtuabit.png) top left no-repeat transparent; } #footer div.lower p.development a:hover { background-position: bottom left; } #footer div.lower p.development a span { display: none; } #footer div.lower p.development a:hover span { }
 div#form-antibot { display: block; float: none; clear: both; width: 450px; min-height: 200px; background-color: #FFF; position: fixed; top: 50%; left: 50%; margin-top: -150px; margin-left: -225px; z-index: 200; } div#form-antibot div.content { display: block; float: none; clear: both; } div#form-antibot.loading div.content { background: url(../../../Cms_Data/Sites/Virtuabit/Themes/default/img/antibot-loading.gif) center center no-repeat; height: 200px;; } div#form-antibot div.buttons { display: block; float: none; clear: both; text-align: center; padding-bottom: 10px; } div#form-antibot.loading div.buttons { display: none; } div#form-antibot div.buttons a { display: inline-block; padding: 5px 10px; color: #FFF; text-decoration: none; } div#form-antibot div.buttons a.ok { background-color: #093; } div#form-antibot div.buttons a.cancel { background-color: #F30; margin-left: 10px; } div#form-antibot div.content div.image { float: left; clear: left; width: 100px; height: 100px; padding: 25px 0 0 25px; } div#form-antibot div.content div.options { float: right; clear: right; padding: 25px 25px 0 0; width: 275px; text-align: center; } div#form-antibot div.content div.options a { display: inline-block; padding: 3px 5px; margin-right: 5px; color: #000; font-size: 16px; line-height: 22px; } div#form-antibot div.content div.options a:hover { background-color: #CCC; } div#form-antibot div.content div.options a.selected { background-color: #333; color: #FFF; } div#form-antibot div.content div.options a.selected:hover { background-color: #999; } div#form-antibot span.title { display: block; float: none; clear: both; font-size: 20px; line-height: 22px; padding: 10px 25px; text-align: left; }
@charset "utf-8"; div#google-map-popup { display: block; float: none; clear: both; width: 100%; height: 100%; min-width: 800px; min-width: 600px; position: absolute; position: fixed; top: 0; left: 0; background-color: #000; z-index: 500; } div#google-map-popup div#closer { display: block; float: none; clear: both; position: absolute; z-index: 501; top: 0; left: 44%; color: #363636; font: 13px/19px 'OpenSans400'; height: 16px; padding: 14px 21px 14px 54px; text-transform: uppercase; border: 1px solid #DEDEDE; border-top: none; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; cursor: pointer; background: white url(../../../Cms_Data/Sites/Virtuabit/Themes/default/img/bg/map-close.png) 18px 12px no-repeat; } div#google-map-popup div#closer:hover { color: #DD5928; background-position: 18px -56px; } div#google-map-popup div.inner { display: block; float: none; clear: both; width: 98%; height: 96%; margin: 1% 1% 1% 1%; position: relative; background-color: #FFF; }
@charset "utf-8"; div#index-top { width: 100%; padding: 52px 0 52px 0; } div#index-center { padding: 15px 0 34px 0; background-color: rgba(0,0,0,0.05); } div#index-center .box.carousel { position: relative; } div#index-center .box.carousel div.container { width: 315px; height: 338px; display: none; z-index: 4; } div#index-center .box.carousel a.next, div#index-center .box.carousel a.prev { display: block; float: none; width: 47px; height: 47px; top: 82px; background: url(../../../Cms_Data/Sites/Virtuabit/Themes/default/img/button/box-carousel.png) top left no-repeat transparent; position: absolute; z-index: 5; text-indent: -9999px; } div#index-center .box.carousel a.next span, div#index-center .box.carousel a.prev span { display: none; } div#index-center .box.carousel a.next:hover, div#index-center .box.carousel a.prev:hover { border: 0px none; } div#index-center .box.carousel a.prev { left: 0; } div#index-center .box.carousel a.prev:hover { background-position: bottom left; } div#index-center .box.carousel a.next { right: 0; background-position: top right; } div#index-center .box.carousel a.next:hover { background-position: bottom right; } div#index-center .box.carousel .work { display: block; float:none; clear: both; width: 315px; height: 377px; z-index: 4; } div#index-center .box.carousel .work div.image { display: block; float: none; clear: both; width: 315px; height: 210px; overflow: hidden; position: relative; } div#index-center .box.carousel .work div.image img { display: block; float: none; clear: both; width: 315px; height: 210px; top: 0; left: 0; position: absolute; z-index: 5; } div#index-center .box.carousel .work div.image div.cover { position: absolute; top: 0; left: 0; width: 315px; height: 210px; background: url(../../../Cms_Data/Sites/Virtuabit/Themes/default/img/bg/image-overlay-315x210.png) top left no-repeat transparent; z-index: 6; } #extend-your-business { } #extend-your-business div.container { height: 338px !important; } div#index-center ul.pagination { display: block; float: none; clear: both; margin: 0 auto; padding: 13px 0 13px 0; height: 13px; text-align: center; } div#index-center ul.pagination li { display: inline-block; width: 13px; height: 13px; margin: 0 6px 0 0; } div#index-center ul.pagination li.current { } div#index-center ul.pagination li a { display: inline-block; height: 13px; width: 13px; background: url(../../../Cms_Data/Sites/Virtuabit/Themes/default/img/button/carousel-bullet.png) 0px 0px no-repeat transparent; text-indent: -9999px; } div#index-center ul.pagination li a:hover{ background-position: 0px -13px; border: 0px none; } div#index-center ul.pagination li.current a { background-position: 0px -26px; } div#index-center ul.pagination li.current a:hover { } div#index-bottom { padding-top: 35px; padding-bottom: 35px; border-top: 1px solid white; } div#index-bottom div.news-wrap { display: block; float: left; clear: left; width: 652px; } div#index-bottom .news { display: block; float: none; clear: both; padding-bottom: 20px; } div#index-bottom .news time { display: block; float: left; clear: left; width: 95px; padding: 0 5px 0 0; } div#index-bottom .news time span.d { display: block; float: left; clear: left; font: 300 24px/26px 'Open Sans', sans-serif; width: 35px; color: #545454; } div#index-bottom .news time span.m, div#index-bottom .news time span.y { float: right; clear: right; width: 50px; text-align: right; font: 300 10px/10px 'Open Sans', sans-serif; color: #8C8C8C; text-transform: uppercase; padding: 0 10px 0 0; } div#index-bottom .news time span.m { padding-top: 5px; } div#index-bottom .news time span.y { } div#index-bottom .news h3 { float: right; clear: right; width: 552px; margin-bottom: 8px; font: 300 24px/26px 'Open Sans', sans-serif; color: #404040; } div#index-bottom .news h3 a { font: 300 24px/26px 'Open Sans', sans-serif; color: #404040; } div#index-bottom .news h3 a:hover { } div#index-bottom .news div.body { display: block; float: none; clear: both; font: 300 14px/22px 'Open Sans', sans-serif; padding-left: 100px; color: #545454; } div#index-bottom .news div.body a { color: #00A587; } div#index-bottom .news div.body p { } div#index-bottom .news div.body span { } div#index-bottom .news div.body strong, div#index-bottom .news div.body b { font-weight: bold; } div#index-bottom .news div.body em, div#index-bottom .news div.body i { font-style: italic; } div#index-bottom .news div.read-more { display: block; float: none; clear: both; padding: 5px 0 30px 100px; } div#index-bottom .news div.read-more a { font: 300 10px/12px 'Open Sans', sans-serif; color: #545454; text-transform: uppercase; } div#index-bottom .news div.read-more a:hover{ } div#index-bottom div.extra-wrap { display: block; float: right; clear: right; width: 317px; } div#index-bottom div.extra-wrap div.newsletter { height: auto; margin-bottom: 21px; } div#index-bottom div.extra-wrap div.newsletter h3 { font: 300 20px/28px 'Open Sans', sans-serif; padding-bottom: 10px; color: #363636; } div#index-bottom div.extra-wrap div.newsletter div.content { width: 279px; margin: 0 auto; padding-bottom: 20px; } div#index-bottom div.extra-wrap div.newsletter input { float: left; clear: left; display: block; width: 177px; border: 1px solid #C9C9C9; background-color: #F0F0F0; color: #8A8A8A; font: 300 14px/18px 'Open Sans', sans-serif; height: 14px; padding: 9px 10px 9px 10px; border-radius: 5px; } div#index-bottom div.extra-wrap div.newsletter a { float: right; clear: right; display: block; width: 73px; height: 14px; padding: 10px 0; text-align: center; background-color: #8DC640; border-radius: 5px; color: #F0F7E6; font: 300 14px/18px 'Open Sans', sans-serif; text-transform: uppercase; } div#index-bottom div.extra-wrap div.newsletter a:hover { text-decoration: underline; border: 0px none; } div#index-bottom div.extra-wrap div.facebook { height: auto; } div#index-bottom div.extra-wrap div.facebook h3 { font: 300 20px/28px 'Open Sans', sans-serif; padding-bottom: 10px; color: #363636; } div#index-bottom div.extra-wrap div.facebook div.content { width: 300px; margin: 0 auto; padding-bottom: 20px; } div#index-bottom div.extra-wrap div.facebook div.content div.fb-like-box { display: block; float: left; clear: left; width: 170px; } div#index-bottom div.site-wrap div.extra-wrap div.box div.content div.google-plus { display: block; float: left; clear: none; width: 48px; height: 48px; padding-top: 9px; } div#index-bottom div.site-wrap div.extra-wrap div.box div.content div.google-plus a { display: block; width: 48px; height: 48px; background: transparent; text-decoration: none; } div#index-bottom div.site-wrap div.extra-wrap div.box div.content div.google-plus a:hover { background: transparent; text-decoration: none; border: 0px none; } div#index-bottom div.site-wrap div.extra-wrap div.box div.content div.google-plus a img { display: block; width: inherit; height: inherit; } div#index-bottom div.site-wrap div.extra-wrap div.box div.content div.google-plus a:hover img { border: 0px none; }
 #nav { } #nav a#logo { width: 268px; height: 89px; display: block; float: left; clear: left; opacity: 1; background: url(../../../Cms_Data/Sites/Virtuabit/Themes/default/img/virtuabit.hr.png) 21px 29px no-repeat transparent; } #nav a#logo:hover { opacity: .76; } #nav a#logo span { display: none; } #nav ul { display: block; float: right; clear: right; height: 89px; width: 719px; } #nav ul li { display: block; float: left; clear: none; background: url(../../../Cms_Data/Sites/Virtuabit/Themes/default/img/bg/nav-li-bracket.png) top left no-repeat transparent; height: 23px; padding: 6px 15px 6px 20px; margin: 28px 0 0 0; position: relative; } #nav ul li.first { background: none; } #nav ul li a { color: #656565; font: 300 20px/24px 'Open Sans', sans-serif; } #nav ul li a:hover { color: #2B2B2B; } #nav ul li div.subnav-wrap { display: none; position: absolute; float: none; clear: both; z-index: 5; width: 146px; } #nav ul li div.subnav { background-color: rgba( 255, 255, 255, 0.7 ); width: 144px; border: 1px solid #999; margin-left: -13px; border-radius: 10px; margin-top: 15px; } #nav ul li:hover div.subnav-wrap { display: block; } #nav ul li div.subnav .pointer { display: block; float: none; clear: both; width: 14px; height: 7px; position: absolute; margin-top: -7px; margin-left: 35px; } #nav ul li div.subnav .pointer { *background-color: rgba( 255, 255, 255, 0.7); } #nav ul li div.subnav ul { display: block; float: none; clear: both; width: 144px; height: auto; background: none; padding: 0; margin: 0; } #nav ul li div.subnav ul li { float: none; clear: both; width: 144px; padding: 0; margin: 0; height: auto; background: none transparent; } #nav ul li div.subnav ul li a { display: block; float: none; clear: both; padding: 8px 13px; width: 118px; color: #575757; font: 300 15px/17px 'Open Sans', sans-serif; } #nav ul li div.subnav ul li a:hover { color: #8140C7; }
 div#popup-video-player-wrap { display: block; float: none; clear: both; position: absolute; position: fixed; top: 50%; left: 50%; z-index: 500; margin: 0; background-color: #FFF; border: 10px solid #FFF; border-radius: 10px; } div#popup-video-player-wrap-text { display: block; float: left; clear: left; min-height: 40px; font: 21px/23px 'OpenSans300'; } a#popup-video-player-wrap-close { display: block; float: right; clear: right; cursor: pointer; width: 30px; height: 20px; background: url(../../../Cms_Data/Sites/Virtuabit/Themes/default/img/bg/map-close.png) top left no-repeat; height: 21px; widows: 21px; } a#popup-video-player-wrap-close:hover { background-position: bottom left; }