.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}.clearfix{display:inline-block;}html[xmlns] .clearfix{display:block;}* html .clearfix{height:1%;}

/* BEGIN Common */
body{
    margin:0;
    padding:0;
    font-size: 14px;
    font-family: Arial, Verdana, sans-serif;
    color:#444;
}
.clr{
    clear: both;
}
.plus_image {
     //background: url('../images/icons/plus_green.png');
     color: yellow;
     background: blue;
     float: right;
}

#panel1, #flip1, #panel2, #flip2, #panel3, #flip3, #panel4, #flip4, #panel5, #flip5, #panel6, #flip6,
#panel7, #flip7, #panel8, #flip8, #panel9, #flip9,#panel10, #flip10
{
padding:5px;
margin-left: 40px;
margin-top: 25px;
text-align:left;
width: 270px;

//background: url('../images/products/cms-bg.png') 0 -30px;
background-color:#D4E9FF;
border:solid 1px #c3c3c3;
}
#panel1, #panel2, #panel3, #panel4, #panel5, #panel6, #panel7, #panel8, #panel9, #panel10
{

background-color:white;
display:none;
}
a#top{
    display: none;
}
#wrapper{
    min-width: 980px;
    margin: 0;
    padding: 0;
}
#content p{
    line-height: 120%;
}
h1, .h1{
    color:#194c83;
    font-size: 30px;
    padding-bottom:10px;
}
h2, .h2{
    color:#194c83;
    font-size: 24px;
    padding-bottom:7px;
}
h3, .h3, h4, .h4, h5 .h5{
    color:#194c83;
    padding-bottom: 4px;
}
h3, .h3{font-size: 20px;}
h4, .h4{font-size: 16px;}
h5, .h5{font-size: 14px;}
a{
    text-decoration: none;
    color: #3369a3;
    outline: none;
    cursor: pointer;
}
a:hover{
    color: #3f7bbb;
}
.wrap{
    clear: both;
    width: 100%;
    overflow: hidden;
}
.main{
    width: 100%;
}
.main-inner{
    width: 980px;
    margin:0 auto;
}
.main-inner, .main-inner1{
    width: 980px;
    margin: 0 auto;
    height: 100%;
}
.form-container{display: none;}
.bold, ul li.bold{font-weight: bold !important;}
/* END Common */

/* BEGIN Top Menu */
#top-menu{
    background: url('../images/bg-site.png') 0 0  repeat-x;
    height: 50px;
}
.top-menu{
    float:left;
    width:1050px;
    overflow:hidden;
}
.top-menu ul{
    clear: left;
    float:left;
    list-style:none;
    margin:0;
    padding:0;
    position:relative;
    text-align:center;
    display: inline-block;
}
.top-menu ul li{
    display:block;
    float:left;
    list-style:none;
    margin:0;
    padding:0;
    position:relative;
}
.top-menu ul li a{
    display:block;
    margin:0 10px;
    padding:15px 10px 15px 20px;
    background: url('../images/sidebar-leading.png') 0 20px no-repeat;
    text-decoration:none;
    color:#4e4e4e;
    font-weight: bold;
    line-height: 20px;
    text-shadow: -1px -1px 0 #fff;
}
.top-menu ul li a:hover, .top-menu ul li a.active{
    color:#3f7bbb;
    text-shadow: none;
}

/* END Top Menu */

/* BEGIN Header */
#header{
    height: 304px;
    background: url('../images/bg-site.png') 0 -50px  repeat-x;
}
#header .main{
    width: 100%;
    height: 303px;
    background: url('../images/bg-header-main.jpg')  top center  no-repeat;
}
#header .main-inner{
    background: url('../images/bg-header-curtain.png')  top center  repeat-x;
    width: 100%;
    height: 100%
}
#header .main-inner1{
    position: relative;
}
.logo {
    float: left;
    margin-left: 10px;
    padding-top: 90px;
}
.logo a{
    width: 257px;
    height: 165px;
    background: url('../images/WebDimension-logo.png')  no-repeat;
    display: block;
}
.logo a span{
    display: none;
}
.heading{
    color: #f1f1f1;
    float: right;
    font-size: 72px;
    font-weight: bold;
    line-height: 135px;
    text-align: center;
    width: 680px;
    text-shadow:
        1px 1px 1px #fff,
        -1px -1px 2px #444;
}
#news-scroller{
    width: 680px;
    float:right;
    clear: right;
    background: url('../images/darken-blue70.png') repeat;
    color:#fff;
    border-bottom: 2px solid #0a233e;
    position: relative;
    overflow: hidden;
    height: 120px;
}
div.news{
    padding:10px 15px 20px;
    font-size: 12px;
    line-height: 14px;
}
#news-scroller h6{
    padding-left:20px;
    background: url('../images/sidebar-leading.png') -1014px 2px no-repeat;
    font-size: 16px;
    padding-bottom: 15px;
}
#news-selector{
    position: absolute;
    top:10px;
    right:15px;
    height: 10px;
    overflow: visible;
}
#news-selector > div{
    width: 10px;
    height: 10px;
    border-radius: 3px;
    box-shadow: 1px 1px 1px #0a233e;
    background: #3f7bbb;
    float:left;
    margin-left: 5px;
    cursor: pointer;
}
#news-selector > div.active{
    background: #fff;
    cursor: default;
}
#news-progress{
    margin:0 15px;
    width: 650px;
    height: 1px;
    background: #2367ae;
    position: absolute;
    bottom: 10px;
}
/* END Header */

/* BEGIN Main Menu */
.navigation{
    position: absolute;
    right:20px;
    bottom:2px;
}
.navigation a{
    margin: 6px -7px 0 0;
    display: block;
    line-height: 30px;
    color: #4e4e4e;
    background: url('../images/menu-item.png')  3px -153px no-repeat;
    padding-left:27px;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
}
.navigation a:hover{
    background-position: 5px -189px;
}
.main-navigation {
    float: right;
    list-style-type: none;
}
.main-navigation li, .main-navigation div{
    float: left;
    height: 36px;
}
.main-navigation li div{
    background: url('../images/menu-item.png') repeat-x;
}
.main-navigation .main-menu-l{
    width: 10px;
    background-position: 0 -72px;
    padding-left:0;
}
.main-navigation .first .main-menu{
    padding:0;
}
.main-navigation .main-menu{
    position: relative;
    background-position: 0 -36px;
}
.main-navigation .main-menu-r{
    width: 24px;
    background-position: 0 0;
}
.main-navigation .last .main-menu-r{
    width: 24px;
    background-position: 24px -108px;
}
.sidebar-separator, .menu ul li.sidebar-separator, ul li.sidebar-separator{
    line-height: 1px;
    height: 1px;
    background: #ccc;
    margin:15px 0;
}
.hidden{
    visibility: hidden;
}
/* END Main Menu */

/* BEGIN Main Content */
#main-content{
    min-height: 700px;
	background: url(../images/galaxy.jpg) no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-position: center center;
}
#main-content .main {
    min-height: 700px;
/*    background: url('../images/bg-site.png') 0 -354px repeat-x #fff;*/
    background: rgba(255,255,255,0.7);
}
#main-content .main-inner{
    background: url('../images/content-shadow.png') left top no-repeat;
    position: relative;
}
#content-top{
    background: url('../images/main-block-top.png') top center no-repeat;
    position: absolute;
    z-index: 100;
    width: 736px;
    height: 387px;
    right: -28px;
    top:-25px;
}
#content-bot{
    background: url('../images/main-block-bot.png') center bottom no-repeat;
    width: 688px;
    height: 72px;
    float: right;
    position: relative;
    z-index: 105;
    right:-4px;
    top:-21px;
}

#content{
    background: url('../images/main-block.png') center top repeat-y;
    float: right;
    padding-top: 21px;
    position: relative;
    top: -21px;
    width: 688px;
    z-index: 110;
    right:-4px;
    min-height: 800px;
}
.content-block{
    background: url('../images/content-shadow.png') bottom right no-repeat;
    padding:0 20px 20px;
    margin-bottom: 30px;
}

.content-block-no-padding{
    background: url('../images/content-shadow.png') bottom right no-repeat;
    padding:0 0px 20px;
    margin-bottom: 30px;
}

.content-block.last{
    background: none;
    padding:0 20px 0;
    margin-bottom: 0;
}
/* BEGIN Sidebar */
#sidebar{
    width: 270px;
    float: left;
    margin: 30px 0 0;
    min-height: 200px;
    font-size: 12px;
    color:#666;
    padding-top:12px;
}
.sidebar-block{
    background: url('../images/sidebar-block.png') top center repeat-y;
    position: relative;
    margin-bottom:60px;
}
.sidebar-block-top{
    background: url('../images/sidebar-block.png') top left no-repeat;
    position: absolute;
    top:-12px;
    min-height: 70px;
    width: 100%;
}
.sidebar-block-bottom{
    background: url('../images/sidebar-block.png') top right no-repeat;
    position: absolute;
    bottom:-12px;
    min-height: 70px;
    width: 100%;
}
.sidebar-block-content{
    width: 260px;
    position: relative;
}
.sidebar-block-inner{
    padding:3px 10px 2px 20px;
}
#sidebar h3{
    background: url('../images/sidebar-separator.png') bottom center no-repeat;
    padding:5px 0 35px;
    text-align: center;
    color:#444;
    font-size: 16px;
}
#sidebar p{
    line-height: 110%;
}
p.news{
    background: url('../images/sidebar-leading.png') top left no-repeat;
    padding-left:20px;
    margin-bottom:15px;
}
p.news span.leading{
    display: block;
    font-weight: bold;
    color:#444;
}
#sidebar .readmore{
    display: block;
    text-align: right;
}
#sidebar .readmore:hover{
    text-decoration: underline;
}
p.support{
    font-weight: bold;
    font-size: 40px;
    color:#444;
    padding-left:10px;
}
#sidebar p.support-r{
    background: url('../images/support.png') bottom left no-repeat;
    line-height: 40px;
    text-align: center;
    padding:10px 0 0 100px;
    font-size: 60px;
    color:#144e8c;
    font-weight: bold;
}
p.support-r span{
    font-size: 24px;
    color:#444;
}    

/* END Sidebar */
/* END Main Content */

/* BEGIN Footer */
#footer{
    color:#fff;
    
    background: url('../images/footer.png') bottom center repeat-x #356eab;
    border-top: 1px solid #0d3259;
    border-bottom: 1px solid #0d3259;
    -webkit-box-shadow: 0 -2px 3px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 -2px 3px rgba(0,0,0,0.5);
    box-shadow: 0 -2px 3px rgba(0,0,0,0.5);
}
#footer .main{
    background: url('../images/shine-blue.png') bottom center no-repeat;
}

#blabla{
    width:1000px;
    margin-left: 60px;
}

.footer-navigation{
    float:left;
    width:100;
    position:relative;
    margin:5px 0 15px;
}
.footer-navigation ul{
    list-style-type: none;
    clear:left;
    float:left;
    list-style:none;
    margin:0;
    padding:0;
    position:relative;
    left:50%;
    text-align:center;
}
.footer-navigation li{
    border-right: 1px solid #fff;
    display:block;
    float:left;
    list-style:none;
    margin:0;
    padding:0;
    position:relative;
    right:50%;
}
.footer-navigation li.last{
    border:0;
}
.footer-navigation a{
    color:#fff;
    font-size: 11px;
    padding:0 10px 0;
    display:block;
}
.footer-navigation a:hover{
    color:#fff;
    text-decoration: underline;
}
.language-switcher ul{
    height: 42px;
    width: 440px;
    padding: 0;
    list-style-type: none;
    margin: 0 auto;
}
.language-switcher span{
    display: none;
}
.language-switcher ul li{
    float: left;
    margin:10px;
}
.language-switcher ul li a{
    width: 34px;
    height: 24px;
    background: url('../images/langs.png') 0 0 no-repeat;
    display: block;
}
.language-switcher ul li a.croatian{
    background-position: 0 0;
}
.language-switcher ul li a.english{
    background-position: 0 -24px;
}
.language-switcher ul li a.german{
    background-position: 0 -48px;
}
.language-switcher ul li a.french{
    background-position: 0 -72px;
}
.language-switcher ul li a.spanish{
    background-position: 0 -96px;
}
.language-switcher ul li a.russian{
    background-position: 0 -120px;
}
.language-switcher ul li a.italian{
    background-position: 0 -144px;
}
.language-switcher ul li a.serbian{
    background-position: 0 -168px;
}
.language-switcher ul li a.croatian:hover{
    background-position: -34px 0;
}
.language-switcher ul li a.english:hover{
    background-position: -34px -24px;
}
.language-switcher ul li a.german:hover{
    background-position: -34px -48px;
}
.language-switcher ul li a.french:hover{
    background-position: -34px -72px;
}
.language-switcher ul li a.spanish:hover{
    background-position: -34px -96px;
}
.language-switcher ul li a.russian:hover{
    background-position: -34px -120px;
}
.language-switcher ul li a.italian:hover{
    background-position: -34px -144px;
}
.language-switcher ul li a.serbian:hover{
    background-position: -34px -168px;
}

.copyright{
    text-align: center;
    line-height: 30px;
    font-size: 12px;
}
.copyright a{
    color:#fff;
}
/* END Footer */


/* BEGIN User menu */
menu {
    padding:0 5px;
}
.menu li, .menu a{
    color:#444;
    text-decoration: none;
    font-size: 14px;
    cursor: pointer;
}
.menu a:hover{
    color:#3f7bbb;
}
.menu ul{
    list-style-type: none;
    line-height: 18px;
    font-weight: bold;
}
.menu ul li{
    margin:8px 0;
    padding-left: 24px;
    cursor: default;
}
.menu ul ul{
    font-weight: normal;
    margin: 0 0 15px;
}
/* END User menu */

/* BEGIN Info / Support */
.info {
    padding:0 5px;
}
.info li, .info a{
    font-weight: normal;
    color:#444;
    text-decoration: none;
    font-size: 14px;
    cursor: pointer;
}
.info a:hover{
    color:#3f7bbb;
}
.info ul{
    list-style-type: none;
    line-height: 18px;
    font-weight: bold;
}
.info ul li{
    margin:8px 0;
    padding-left: 24px;
    cursor: default;
}
.info ul ul{
    margin: 0 0 15px;
}
/* END Info / Support */

/* BEGIN Icons */
.icon-login{background: url('../images/icons/16x16/user.png') 0 0 no-repeat;}
.icon-userpages{background: url('../images/icons/16x16/customers.png') 0 0 no-repeat;}
.icon-emailbusiness{background: url('../images/icons/16x16/emailbus.png') 0 0 no-repeat;}
.icon-emailpersonal{background: url('../images/icons/16x16/email.png') 0 0 no-repeat;}
.icon-adduser{background: url('../images/icons/16x16/useradd.png') 0 0 no-repeat;}
.icon-world{background: url('../images/icons/16x16/world.png') 0 0 no-repeat;}
.icon-home{background: url('../images/icons/16x16/home.png') 0 0 no-repeat;}
.icon-phone{background: url('../images/icons/16x16/phone.png') 0 0 no-repeat;}
.icon-bcontact{background: url('../images/icons/16x16/business-contact.png') 0 0 no-repeat;}
.icon-adr{background: url('../images/icons/16x16/address.png') 0 0 no-repeat;}
/* Social */
.icon-adduser{background: url('../images/icons/16x16/useradd.png') 0 0 no-repeat;}
.icon-sk{background: url('../images/icons/social/skype_16.png') 0 0 no-repeat;}
.icon-fb{background: url('../images/icons/social/facebook_16.png') 0 0 no-repeat;}
.icon-tw{background: url('../images/icons/social/twitter_16.png') 0 0 no-repeat;}
.icon-ggl{background: url('../images/icons/social/google_plus_16.png') 0 0 no-repeat;}
.icon-lin{background: url('../images/icons/social/linkedin_16.png') 0 0 no-repeat;}
.icon-msp{background: url('../images/icons/social/myspace_16.png') 0 0 no-repeat;}
.icon-in{background: url('../images/icons/social/instagram_16.png') 0 0 no-repeat;}
.icon-yt{background: url('../images/icons/social/youtube_16.png') 0 0 no-repeat;}
/* END Icons */

a.h-links { 
    text-transform: uppercase; 
    font-size: 14px; 
    background-color: #bfdaf3; 
    padding: 7px; 
    margin-right: 10px; 
    border: 1px solid #bbb; 
    text-align: center; 
    border-radius: 5px; 
    color: #555;
}
a.h-links:hover {
    background-color: #E0DDD8;
}

p.p-blue { background-color: #BFDAF3; border: 1px solid #bbb; padding: 10px; }
p.p-light-blue { background-color: #ECF6FF; border: 1px solid #bbb; padding: 10px; }
p.p-gray { background-color: #EEEEEE; border: 1px solid #bbb; padding: 10px; }
p.p-border { border: 1px solid #bbb; padding: 10px; }

.goog-te-gadget-simple  {
    background: transparent !important;
    border: none !important;
}

.goog-te-menu-value {
    color:#fff !important;
    text-shadow: black 1px 1px 1px, black 1px -1px 1px, black -1px 1px 1px, black -1px -1px 1px;
}

.goog-te-gadget-simple .goog-te-menu-value span {
    color:#fff !important;
}