/*-------------------------------------------------------------------------------------------
Project: OliveBox - www.olivebox.net
Design and Code: Milos Zekovic - www.conectivia.rs
--------------------------------------------------------------------------------------------*/

/* global css */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, hr, acronym, address, em, font, img, strong, b, u, i, ol, ul, li, fieldset, form, label, select, option, input, textarea { margin:0; padding:0; border:0; outline:none; }
body { font-family:"Droid Sans", Arial, Helvetica, sans-serif; color:#666; font-size:13px; background:#f8f8f8; }
ul, li { list-style: none; }
a, a:link { color:#3aa9f8; text-decoration:underline; font-size:13px; }
a:hover, a:active { text-decoration:none; }
a:active { color:#888; }
a img:hover { opacity:.80; -moz-opacity:.80; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
a img:active { opacity:.60; -moz-opacity:.60; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }
p { text-shadow:0 1px 0 #fff; float:left; }
h1, h2, h3, h4, h5 { width:100%; text-shadow:0 1px 0 #fff; float:left; }
b { font-weight:bold; }
#wrapper { width:100%; float:left; }
.container { width:970px; margin-left:auto; margin-right:auto; }
.containerPages { width:978px; margin-left:auto; margin-right:auto; }
p a, a img { transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; }

/* header */
#header { width:100%; height:79px; float:left; background:url("../pagefiles/images/basic/headerTop.png") top repeat-x #eee; border-bottom:1px solid #fff; }
.header { width:970px; height:70px; padding:9px 0 0 0; }
.header .logo { width:209px; float:left; padding:16px 0 0 5px; }
.header .nav { width:756px; float:left; }
.header .nav li { float:right; padding:0 1px 0 11px; }
.header .nav li a { display:block; height:33px; padding:26px 0 0 0; text-align:center; font-size:16px; text-shadow:0 1px 0 #fff; color:#000; text-decoration:none; }
.header .nav li a:active { opacity:.70; -moz-opacity:.70; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }
.buttonHome { width:97px; background:url("../pagefiles/images/basic/nav/button_home.png") top left no-repeat; }
.buttonHome:hover { background:url("../pagefiles/images/basic/nav/button_home.png") top right no-repeat; }
.header .nav li .buttonHome_sel, .header .nav li .buttonHome_sel:hover, .header .nav li .buttonHome_sel:active { width:97px; background:url("../pagefiles/images/basic/nav/button_home.png") bottom right no-repeat; color:#fff; text-shadow:0 2px 0 #000; }
.buttonTour { width:95px; background:url("../pagefiles/images/basic/nav/button_tour.png") top left no-repeat; }
.buttonTour:hover { background:url("../pagefiles/images/basic/nav/button_tour.png") top right no-repeat; }
.header .nav li .buttonTour_sel, .header .nav li .buttonTour_sel:hover, .header .nav li .buttonTour_sel:active { width:95px; background:url("../pagefiles/images/basic/nav/button_tour.png") bottom right no-repeat; color:#fff; text-shadow:0 2px 0 #000; }
.buttonPrice { width:161px; background:url("../pagefiles/images/basic/nav/button_price.png") top left no-repeat; }
.buttonPrice:hover { background:url("../pagefiles/images/basic/nav/button_price.png") top right no-repeat; }
.header .nav li .buttonPrice_sel, .header .nav li .buttonPrice_sel:hover, .header .nav li .buttonPrice_sel:active { width:161px; background:url("../pagefiles/images/basic/nav/button_price.png") bottom right no-repeat; color:#fff; text-shadow:0 2px 0 #000; }
.buttonSupport { width:88px; background:url("../pagefiles/images/basic/nav/button_support.png") top left no-repeat; }
.buttonSupport:hover { background:url("../pagefiles/images/basic/nav/button_support.png") top right no-repeat; }
.header .nav li .buttonSupport_sel, .header .nav li .buttonSupport_sel:hover, .header .nav li .buttonSupport_sel:active { width:88px; background:url("../pagefiles/images/basic/nav/button_support.png") bottom right no-repeat; color:#fff; text-shadow:0 2px 0 #000; }
.header .nav li .buttonLogin { width:97px; background:url("../pagefiles/images/basic/nav/button_login.png") left no-repeat; color:#fff; text-shadow:0 1px 0 #519429; }
.header .nav li .buttonLogin:hover { background:url("../pagefiles/images/basic/nav/button_login.png") right no-repeat; }

/* footer */
#footer { width:100%; float:left; background:url("../pagefiles/images/basic/footer/bgTop.png") top repeat-x #eee; text-shadow:0 1px 0 #fff; }
.footerTop { width:970px; float:left; padding:20px 0 20px 0; }
.footerTop ul { width:970px; float:left; }
.footerTop ul li { width:220px; float:left; padding:0 30px 0 0; }
.footerTop ul li h2, .footerTop ul li h3, .footerTop ul li h4 { width:200px; float:left; padding:5px 0 8px 10px; font-size:18px; }
.footerTop ul li h2 { color:#333; }
.footerTop ul li h3 { color:#0272c1; }
.footerTop ul li h4 { color:#68af3e; }
.footerTop ul li p { width:200px; float:left; padding:0 0 0 10px; line-height:18px; }
.footerTop ul li p a { text-decoration:underline; }
.footerTop ul li p a:hover { text-decoration:none; }
.footerTop ul li span { width:220px; float:left; padding:5px 0 23px 0; }
.footerTop ul li img { float:right; margin-left:2px; display:inline; }
.footerTop ul li .socialButts { width:220px; float:left; }
#footerBottom { width:100%; float:left; padding:0 0 10px 0; background:url("../pagefiles/images/basic/footer/bgBottom.png") bottom repeat-x #e3e2e2; }
.footerBottom { width:950px; height:37px; float:left; padding:28px 10px 0 10px; }
.footerBottom p { width:450px; float:left; font-size:12px; padding-top:1px; }
.footerBottom p a { font-size:12px; text-decoration:none; }
.footerBottom ul { width:500px; float:left; }
.footerBottom ul li { float:right; padding:0 0 0 19px; }
.footerBottom ul li a { color:#393838; font-size:12px; text-decoration:none; }
.footerBottom ul li a:hover { color:#3aa9f8; }
.footerBottom ul li a:active { color:#888; }

/* home */
#homeHeaderWrapp { width:100%; float:left; background:url("../pagefiles/images/home/headerBg.png") repeat-x #219aef; }
#homeHeader { width:100%; float:left; background:url("../pagefiles/images/home/headerBg.jpg") center no-repeat; }
.homeHeader { width:970px; height:400px; float:left; }
.homeHeader img { float:left; padding:16px 0 0 24px; }
.homeHeader .homeHeaderCont { width:440px; float:left; padding-top:70px; }
.homeHeader .homeHeaderCont h1 { width:429px; padding:0 0 0 11px; font-size:26px; color:#002946; line-height:35px; text-shadow:0 1px 0 #4bb2fc; font-weight:normal; }
ul.bjqs { position:relative; display:none; float:left; }
li.bjqs-slide { display:none; position:absolute; float:left; }
p.bjqs-caption { display:block; position:absolute; bottom:0; float:left; }
#slider { position:relative; float:left; padding-top:25px; }
ol.bjqs-markers { display:none; }
#slider ul { padding:0 0 0 20px; float:left; }
#slider ul li { float:left; clear:both; }
#slider ul li ul { padding:0; }
#slider ul li ul li { padding:0 0 8px 20px; background:url("../pagefiles/images/home/spot.png") left top no-repeat; font-size:18px; color:#fff; text-shadow:0 1px 0 #004676; }
.homeHeader .homeHeaderCont a { display:block; text-indent:-9999px; width:404px; height:71px; background:url("../pagefiles/images/content/buton_signin.png") top no-repeat; float:left; }
.homeHeader .homeHeaderCont a:hover { background:url("../pagefiles/images/content/buton_signin.png") bottom no-repeat; }
#homeMessage { width:100%; height:69px; float:left; background:url("../pagefiles/images/home/lineBg.png") repeat-x #e2e2e2; border-bottom:1px solid #d1cfcf; border-top:1px solid #d1cfcf; }
.homeMessage { width:970px; float:left; text-shadow:0 1px 0 #fff; }
.homeMessage p { width:740px; padding:24px 0 0 10px; float:left; font-size:20px; color:#4f4f4f; }
.homeMessage span { width:210px; padding:17px 0 0 10px; float:left; font-size:12px; line-height:17px; }
.homeMessage span a { font-weight:bold; font-size:12px; }
#homeContent { width:100%; float:left; }
.homeContent { width:970px; float:left; }
.homeContent .homeWhy { width:740px; padding:33px 0 40px 10px; float:left; }
.homeContent h2 { color:#68af3e; font-size:28px; }
.homeContent h3 { width:210px; font-size:16px; color:#333; padding:0 0 0 10px; }
.homeContent b { color:#0781d7; }
.homeContent img { font-size:12px; margin:7px 0 5px 0; float:left; }
.homeContent .homeWhy p { width:700px; margin-top:12px; line-height:22px; }
.homeContent .homeVideo { width:220px; padding:37px 0 40px 0; float:left; }
.homeContent .homeVideo h3 { color:#666; }
.homeContent .homeVideo p, .homeContent .homeTestimonials p { color:#777; width:210px; }
.homeContent .homeTops p { width:200px; }
.homeContent .homeVideo p, .homeContent .homeTops p, .homeContent .homeTestimonials p { padding:0 0 0 10px; font-size:12px; line-height:18px; }
.homeContent .homeTops { width:970px; padding:0 0 35px 0; float:left; background:url("../pagefiles/images/home/line.png") bottom repeat-x; }
.homeContent .homeTops li { width:220px; padding:0 30px 0 0; float:left; }
.homeContent .homeTops li:last-child { padding:0; }
.homeContent .homeWho { width:490px; height:409px; padding:0 0 0 260px; background:url("../pagefiles/images/home/top_ilustration.jpg") left top no-repeat; float:left; margin:33px 0 0 0; }
.homeContent .homeWho h2 { font-size:19px; }
.homeContent .homeWho p { width:440px; line-height:18px; padding:5px 0 0 0; font-size:12px; }
.homeContent .homeTestimonials { width:220px; float:left; margin:33px 0 0 0; }
.homeContent .homeTestimonials h3 { margin-top:2px; color:#0781d7; padding-bottom:5px; }
.homeContent .homeTestimonials ul { width:180px; height:328px; text-shadow:0 1px 0 #fff; padding:20px 20px 0 20px; float:left; background:url("../pagefiles/images/home/test_box.png") no-repeat #ebebeb; margin-top:11px; }
.homeContent .homeTestimonials ul li { width:180px; float:left; background:url("../pagefiles/images/home/lineTest.png") bottom repeat-x; padding:0 0 24px 0; margin-bottom:22px; }
.homeContent .homeTestimonials ul li i { width:180px; float:left; font-size:12px; line-height:18px; }
.homeContent .homeTestimonials ul li span { width:180px; float:left; font-size:12px; padding-top:10px; }