pre { color: #393; background: #ff6; clear: both; }
 
* { margin: 0; padding: 0; }

a img,
fieldset { border: 0; }

:focus { outline: none; }

.no-wrap    { white-space: nowrap; }
.wrap       { white-space: normal; }
.pipe       { padding: 0 5px; color: #ccc; }

.highlight { background: #f0ff00; }

.hidden { display: none; }

html { height: 100%; margin-bottom: 1px; font: 12px/18px Arial, sans-serif; color: #333; background: #ddd url(i/html-gradient.png) repeat-x 0 0; background: #d2f4ff url(i/cloud.png) no-repeat 50% 0; background: #fff; } 

@font-face {
    font-family: 'Tele-GroteskFet';
    src: url('../font/tele-groteskfet-webfont.eot');
    src: url('../font/tele-groteskfet-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/tele-groteskfet-webfont.woff') format('woff'),
         url('../font/tele-groteskfet-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Tele-GroteskHal';
    src: url('../font/tele-groteskhal-webfont.eot');
    src: url('../font/tele-groteskhal-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/tele-groteskhal-webfont.woff') format('woff'),
         url('../font/tele-groteskhal-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Tele-Grotesk';
    src: url('../font/tele-grotesknor-webfont.eot');
    src: url('../font/tele-grotesknor-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/tele-grotesknor-webfont.woff') format('woff'),
         url('../font/tele-grotesknor-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Tele-GroteskUlt';
    src: url('../font/tele-groteskult-webfont.eot');
    src: url('../font/tele-groteskult-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/tele-groteskult-webfont.woff') format('woff'),
         url('../font/tele-groteskult-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

a           { color: #ffff00; outline: none; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; }
a:hover     { text-decoration: none; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; }

#sizer { width: 980px; padding: 0 10px; margin: 0 auto; }

.grid           { width: 980px; margin: 0 auto; }
.grid:after     { content: " "; display: block; clear: both; height: 0; font-size: 0; visibility: hidden; }

.grid-on .grid  { background: url(i/grid.png) repeat-y 10px 0 !important; }

#header         { float: left; width: 100%; }
#header .grid   { border-bottom: 5px solid #dd0072; position: relative; }

#header a           { text-decoration: none; }

#header #logo       { float: right; width: 220px; height: 72px; margin: 18px 0; background: url(./rba-logo.png) no-repeat 100% 50%; }
#header #logo a     { display: block; width: 100%; height: 72px; text-indent: -9999px; overflow: hidden; }

#application-title      { float: left; padding: 32px 0 0 0; font-size: 12px; }
#application-title h1   { color: #ffff00; letter-spacing: -1px; font-size: 24px; height: 27px; line-height: 27px; }
#tagline { }

#header #user-controls   { float: left; padding: 40px 0 0 0; } 


#header #user-controls ul { border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; 
    background: #fff; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ddd)); background-image: -moz-linear-gradient(#fff, #ddd); }
    
#header #user-controls ul:after  { content: " "; display: block; clear: both; height: 0; font-size: 0; visibility: hidden; }
#header #user-controls li  { float: left; display: inline; list-style: none; position: relative; z-index: 100; border-left: 1px solid #ddd; }
#header #user-controls li#user-greeting { border: 0; color: #000; }
#header #user-controls li.dropdown { }

#header #user-controls li a,
#header #user-controls li#user-greeting strong { display: block; padding: 4px 15px 5px; }
#header #user-controls li a:hover { color: #0cb0fc; }


#user-controls .message-count { font-weight: bold; padding: 1px 8px; margin-left: 5px; -webkit-border-radius: 9px; -moz-border-radius: 9px; -o-border-radius: 9px; border-radius: 9px; color: #fff; background: #dd0072; }

#header #user-controls a.main-dropdown-link { padding-right: 30px; background: url(i/icons/arrow-down-black.png) no-repeat 92% 11px; -webkit-transition: none; -moz-transition: none; -o-transition: none; }

#header #user-controls .dropdown:hover .main-dropdown-link  { color: #fff; background: #dd0072 url(i/icons/arrow-down-white.png) no-repeat 92% 11px; }

#header #user-controls ul ul             { display: none; position: absolute; top: 27px; left: 0; width: 300px; padding: 9px 0; background: #dd0072; z-index: 101; 
    border: 0; 
    border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; -moz-border-radius: 0 4px 4px 4px; 
    box-shadow: 0 5px 5px rgba(0,0,0,.2); -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.2); -moz-box-shadow: 0 5px 5px rgba(0,0,0,.2); 
}
#header #user-controls li:hover ul       { display: block; }
#header #user-controls ul ul li          { width: 100%; list-style: none; border: 0; }
#header #user-controls ul ul li a        { display: block; font-weight: bold; padding: 4px 15px 5px; color: #fff; }
#header #user-controls ul ul li a:hover  { color: #ffff00; background: #fff; text-decoration: none; }


.message-bar                { float: left; display: inline; clear: both; width: 980px; margin: 0 0 27px; font-weight: bold; font-size: 22px; line-height: 27px; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.5); background: url(i/boxes/silver-box-sides-XXL.png) repeat-y 0 0; }
.message-bar:after          { content: " "; display: block; clear: both; height: 0; font-size: 0; visibility: hidden; }
.message-bar .inner         { background: url(i/boxes/silver-box-bottom-XXL.png) no-repeat 0 100%; }
.message-bar .sides         { padding: 27px 20px 27px 81px; background: url(i/boxes/confirmation-box-top-XXL.png) no-repeat 0 0; }
.message-bar .sides:after   { content: " "; display: block; clear: both; height: 0; font-size: 0; visibility: hidden; }
.message-bar a { color: #fff !important; }

#confirmation               { background-image: url(i/boxes/green-bar-sides.png); }
#confirmation .inner        { background-image: url(i/boxes/green-bar-bottom.png); }
#confirmation .sides        { background-image: url(i/boxes/green-bar-top.png); }

#error              { background-image: url(i/boxes/red-bar-sides.png); }
#error .inner       { background-image: url(i/boxes/red-bar-bottom.png); }
#error .sides       { background-image: url(i/boxes/red-bar-top.png); }




.main-content               { float: left; display: inline; width: 710px; margin-left: 240px; padding: 27px 0 54px 30px; background: url(i/content-top.png) repeat-x 0 0; background: none; }
    
.float-left { float: left; }
.float-right { float: right; }    

.pseudo-row { width: 100%; }
.pseudo-row:after  { content: " "; display: block; clear: both; height: 0; font-size: 0; visibility: hidden; }

.input-text,
textarea,
select { text-shadow: none !important; }
                               
.footer         { clear: both; width: 100%; font-size: 11px; color: #999; }
.footer .grid   { width: 940px; padding: 18px 20px 54px; text-align: center; border-top: 1px solid #dedede; border-top: 1px solid rgba(0,0,0,.10); }
.footer .pipe   { color: #ccc; padding: 0 5px; }
.footer a       { color: #999; text-decoration: none; }
.footer a:hover,
.footer a:focus { color: #ffff00; text-decoration: underline; }

.input-submit { -webkit-appearance: none; }







.content        { clear: both; float: left; width: 980px; background: #fff; overflow: hidden; } 
.content .grid  { width: 980px; padding: 18px 0; background: url(i/content-top.png) repeat-x 0 0; }

.content .grid-homepage { width: 980px; margin: 18px auto; }
.content .grid-homepage:after  { content: " "; display: block; clear: both; height: 0; font-size: 0; visibility: hidden; }


.content .grid h1,
.content .grid p,
.content .grid ul,
.content .grid ol { margin-bottom: 18px; } 

.content .grid h1 { font: bold 27px/27px Arial, sans-serif; color: #000; }
.content .grid h2 { font: bold 18px/27px Arial, sans-serif; color: #ffff00; margin-bottom: 9px; }
.content .grid h3 { font: bold 12px/18px Arial, sans-serif; }

.content .grid h2.black { color: #333;}

.content .grid li { margin-left: 20px; }

.box-left   { float: left; display: inline; width: 340px;  }
.box-right  { float: right; width: 340px; padding: 18px 20px; }




/*** FORMS GENERAL ***/

.content fieldset { 
    border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; 
    background: #eee; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#ddd)); background-image: -moz-linear-gradient(#eee, #ddd);
    border: 1px solid #ddd; 
}

fieldset .sides:after  { content: " "; display: block; clear: both; height: 0; font-size: 0; visibility: hidden; }

#login-single fieldset,
#password-reset-form fieldset,
.registration-steps fieldset        { width: 480px; margin: 0 auto 27px; padding: 0 !important; }

#login-single fieldset .inner,
#password-reset-form fieldset .inner,
.registration-steps fieldset .inner { overflow: hidden; }

#login-single fieldset .sides,
#password-reset-form fieldset .sides,
.registration-steps fieldset .sides { padding: 18px 40px 0; }

.registration-steps fieldset h2 { padding-bottom: 8px; margin-bottom: 18px; border-bottom: 1px solid #ccc; }

#login-single .field,
#password-reset-form .field,
.registration-steps .field          { float: left; display: inline; padding: 18px 0 0; }

#login-single label,
#password-reset-form label,
.registration-steps label           { display: block; padding: 0 0 6px; font-weight: bold; color: #000; }

#login-single fieldset .button-holder,
#password-reset-form .button-holder,
.registration-steps .button-holder       { width: 400px; border-top: 1px solid #fff; padding: 27px 40px; margin: 27px -40px 0 -40px; 
    border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; 
    background: #ddd; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ccc), to(#bbb)); background-image: -moz-linear-gradient(#ccc, #bbb);
}

.inline-notice { font-size: 11px !important; padding: 0 10px; }

.small-input { width: 70px; }    

.radiogroup                 { float: left; width: 394px; padding: 18px 0 18px 150px; border-top: 1px solid #e7e7e7; }
.radiogroup:first-child     {  }
.radiogroup label           { float: left; clear: both; width: 300px; padding: 0 0 9px 12px; }
.radiogroup h2              { font-size: 16px !important; font-weight: bold; margin-bottom: 9px; }

.label-check input,
.label-radio input { float: left; margin: 2px 8px 0 0; } 

.inline-note { clear: both; padding-top: 5px; margin-bottom: 0 !important; }

.input-text { width: 387px; 
    padding: 4px 5px; 
    font: bold 16px/27px Arial, sans-serif; 
    border: 1px solid #ccc; border-color: #7d7d7d #c4c4c4 #dedede; 
    color: #369;
    background: #fff url(i/input-shadow.png) repeat-x 0 0; 
    outline: none;
}

.content .grid .input-submit { 
    float: right; padding: 4px 20px 5px; margin: 0; font: bold 16px/27px Arial, sans-serif; color: #fff; 
    background: #99004f; 
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dd0072), to(#99004f)); 
    background-image: -moz-linear-gradient(#dd0072, #99004f);
    border: 0;
    -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;  
    -webkit-box-shadow: 0 1px 0 #aaa; -moz-box-shadow: 0 1px 0 #aaa; -o-box-shadow: 0 1px 0 #aaa; box-shadow: 0 1px 0 #aaa; 
    -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;
    cursor: pointer;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
}
    
.input-submit:hover,
.input-submit:focus     { -webkit-box-shadow: 1px 1px 5px #aaa; }    
.input-submit:active    { -webkit-box-shadow: 0 1px 0 #fff; }


a.button        { 
    display: block; padding: 4px 20px 5px; font: bold 16px/27px Arial, sans-serif; color: #fff; text-decoration: none; 
    background: #e61071 url(i/buttons/button-gradient.png) repeat-x 0 100%;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dd0072), to(#99004f)); 
    background-image: -moz-linear-gradient(#dd0072, #99004f);
    -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;  
    -webkit-box-shadow: 0 1px 0 #aaa; -moz-box-shadow: 0 1px 0 #aaa; -o-box-shadow: 0 1px 0 #aaa; box-shadow: 0 1px 0 #aaa;
    -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25); 
}

.registration-steps .button-holder a.button { float: left; margin-right: 5px; }
.button-holder .float-right { float: right !important; margin: 0 0 0 5px !important; }

.button-holder a.button:hover { -webkit-box-shadow: 0 0 20px rgba(0,252,255,.5); -moz-box-shadow: 0 0 20px rgba(0,252,255,.5); -o-box-shadow: 0 0 20px rgba(0,252,255,.5); box-shadow: 0 0 20px rgba(0,252,255,.5); }
.button-holder a.button:active { position: relative; bottom: -1px; }





/*** HOMEPAGE + LOGIN ***/

#what-is-mojt           { float: left; display: inline; position: relative; width: 980px; height: 410px; margin: 0 20px 60px 0; border: 0; color: #fff; 
    background: url(i/boxes/homepage-box-gradient.jpg) repeat-x;
    background: -webkit-gradient(linear, left top, left bottom, from(#b1005b), to(#dd0072));
    background: -moz-linear-gradient(#b1005b, #dd0072);
    -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; 
}
#what-is-mojt h1        { width: 635px; height: 35px; margin: 35px 0 16px 38px; background: url(i/boxes/sve-vase-usluge.png); text-indent: -9999px; overflow: hidden; }

#what-is-mojt #service-desc     { margin: 0 40px; text-shadow: 0 1px 0 rgba(0,0,0,.25); }
#what-is-mojt #service-desc p   { font-weight: bold; font-size: 16px; line-height: 36px; margin: 0 0 9px; }

#what-is-mojt li        { list-style: none; padding-left: 33px; margin: 0; font-size: 16px; line-height: 27px; background: url(i/icons/checkmark.png) no-repeat 8px 10px; }

#registration-button    { position: absolute; left: 35px; bottom: 35px; }
#registration-button a  { display: block; width: 295px; height: 55px; background: url(i/buttons/register-link.png); text-indent: -9999px; overflow: hidden; }

#existing-users-login   { float: left; width: 240px; }

#login-box              { background: #61a3b2 url(i/boxes/login-box-bottom.png) no-repeat 0 100%; }
#login-box h2           { padding: 0 20px; font: bold 14px/45px Arial, Helvetica, sans-serif; color: #fff; background: #12768a url(i/boxes/login-box-top.png) no-repeat 0 0; border-bottom: 1px solid #80b5c1; }

#login-form                 { padding: 9px 0 14px; background: none; border: 0; }
#login-form label           { display: block; padding: 0 20px 5px; color: #fff; }
#login-form .input-text     { width: 190px; padding: 4px 5px; margin: 0 19px 18px; font: bold 14px/18px Arial, Helvetica, sans-serif; border: 1px solid #92c3ce; border-color: #18292d #538d9a #92c3ce; background: #fff url(i/input-shadow.png) repeat-x 0 0; outline: none; }
#login-form .input-image    { width: 210px; height: 46px; margin: 0 0 0 15px; }

#login-single .supporting-links,
#existing-users-login .supporting-links     { text-align: center; padding: 18px 0; }
#login-single .supporting-links a,
#existing-users-login .supporting-links a   { color: #12768a; } 


/* Moj T promo */

#mojt-promo { float: left; clear: both; width: 980px; background: url(i/registration/what-is-mojt-blue.jpg) no-repeat 0 0; }
#mojt-promo .inner { padding: 40px; }

#mojt-promo .short-desc { float: left; width: 280px; margin-bottom: 550px; padding-top: 65px; color: #007a94; }

#mojt-promo .short-desc h2  { position: absolute; left: -9999px; top: -9999px; }
#mojt-promo .short-desc p   { color: #fff; width: 200px; font-weight: bold; }

#mojt-promo .feature-list           { float: left; clear: both; width: 1000px; }
#mojt-promo .feature-list li        { float: left; display: inline; list-style: none; width: 260px; min-height: 200px; margin: 0 60px 27px 0; }
#mojt-promo .feature-list li strong { display: block; color: #ffff00; margin-bottom: 9px; }

#footer-registration { clear: both; width: 620px; height: 141px; margin: 0 auto; padding: 71px 0 0; background: url(i/buttons/register-link-footer.png) no-repeat; }
#footer-registration a { display: block; width: 285px; height: 45px; margin: 0 0 0 168px !important; text-indent: -9999px; overflow: hidden; }

#login-single,
#password-reset-form { }

#login-single h1,
#password-reset-form h1 { text-align: center; padding: 27px 0; }

 


/*** SERVICES ***/

#tportal-services-list                  { float: left; clear: both; width: 100%; }
#tportal-services-list #activation-box  { padding: 0 27px !important; margin-bottom: 54px; }
#tportal-services-list #activation-box h2 { font-size: 24px; line-height: 27px; }

#tportal-services-list li { list-style: none; float: left; display: inline; width: 280px; height: 100px; margin: 0 40px 24px 0; padding-left: 120px; }
#tportal-services-list li h3    { margin-bottom: 9px; }
#tportal-services-list li h3 a { color: #ffff00; }
#tportal-services-list li h3 a:hover { color: #000; }
#tportal-services-list li p     { font-size: 14px; line-height: 21px; }

#webmail    { background: url(i/servisi/webmail.png) no-repeat 10px 0; }
#forum      { background: url(i/servisi/forum.png) no-repeat 36px 0; }
#chat       { background: url(i/servisi/chat.png) no-repeat 28px 0; }
#fonoteka   { background: url(i/servisi/fonoteka.png) no-repeat 20px 0; }
#shopping   { background: url(i/servisi/shopping.png) no-repeat 31px 0; }
#bigblog    { background: url(i/servisi/bigblog.png) no-repeat 20px 0; }





/*** WIZZARD NAVIGATION ***/

.registration-steps             { width: 980px; padding: 36px 0; position:relative; }

.registration-steps h1          { line-height: 36px !important; }
.registration-step-heading      { text-align: center; padding-bottom: 18px; }


.wizzard-steps                  { float: left; display: inline; width: 980px; margin: 0 0 36px; border-bottom: 1px solid #dd0072; background: #fff; }
.wizzard-steps h2               { float: left; font-weight: bold; font-size: 12px !important; line-height: 36px !important; text-transform: uppercase; color: #ffff00; padding: 0 14px; margin: 0 !important; }
.wizzard-steps ul               { }
.wizzard-steps li               { float: left; display: inline; list-style: none; margin: 0 2px 0 0 !important; background: #fff; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; }
.wizzard-steps li a             { display: block; padding: 9px 15px; text-decoration: none; color: #ccc; cursor: default; }
.wizzard-steps li.current       { 
    background: #e61071 url(i/buttons/button-gradient.png) repeat-x 0 100%;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dd0072), to(#99004f)); 
    background-image: -moz-linear-gradient(#dd0072, #99004f);
    border: 0; 
}
.wizzard-steps li.current a     { font-weight: bold; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.25); }
.wizzard-steps li.done          { background: #eee url(i/icons/check.png) no-repeat 10px 50%; }
.wizzard-steps li.done a        { padding-left: 30px; color: #ffff00; cursor: pointer; }

.body-registracija .content h1         { border-bottom: 1px solid #e7e7e7; }
.body-registracija .content h1 span    { display: inline-block; padding: 0 12px 18px 0; margin-bottom: -1px; border-bottom: 1px solid #999; }




/*** STEP 01 ***/

#services-list                  { float: left; display: inline; width: 980px; }
#services-list li               { float: left; display: inline; width: 220px; padding: 200px 0 18px; margin: 0 20px 18px 0; text-align: center; background: transparent none no-repeat 50% 20px; }


/*** DODAJ USLUGU ***/

.account-add-01-body #services-list { margin-top: -4px; }

#services-list              { height: 289px; width: 980px; background: url(i/icons/xl/register-service-buttons.png) no-repeat; margin:0 auto 18px; display:block; float:none;}
#services-list li           { float: left; display: inline; width: auto; height: 289px; padding: 0; margin: 0; text-align: center; background: none; }
#services-list li a         { display: block; height: 107px; width: 176px; padding: 180px 10px 0; font-size: 14px; text-decoration: none; text-shadow: 0 1px 0 #fff; }
#services-list li a strong  { display: block; font: bold 24px/36px Arial, Helvetica, sans-serif; }

#phone-link a { width: 124px; }
#mojt-link a { width: 124px; }


#services-list li a:hover { background: url(i/icons/xl/register-service-buttons.png) no-repeat; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }
#services-list li#phone-link a:hover        { background-position: 0 -289px; }
#services-list li#internet-link a:hover     { background-position: -196px -289px; }
#services-list li#iptv-link a:hover         { background-position: -392px -289px; }
#services-list li#mobile-link a:hover       { background-position: -588px -289px; }
#services-list li#pin-link a:hover         { background-position: -784px -289px; } 


/*** STEP 02 ***/

#check-sms { padding-left: 10px; color: #060; }
#true-login { display: none; }


/*** STEP 03 ***/

#detected-services-overview fieldset { width: 680px; }
#detected-services-overview .button-holder { width: 600px; }

#detected-services-overview .back-link { float: left; margin: 0; }

#detected-services      { float: left; width: 280px; padding: 0 40px 0 0; margin: 18px 0; }

#detected-services li           { list-style: none; margin: 0 0 18px; }
#detected-services li strong    { display: block; }


#detected-personal-info     { float: left; width: 280px; margin: 18px 0; }
#detected-personal-info li  { list-style: none; margin: 0; }

#invalid-data { padding-left: 20px; line-height: 27px; margin: 0; }


/*** STEP 04 ***/

#activation-box { 
    clear: both;
    padding: 36px 20px 18px;
    text-align: center;
    color: #fff;
    background: #e71071 url(i/boxes/activation-gradient.png) repeat-x 0 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#dd0072), to(#b1005b));
    background: -moz-linear-gradient(#dd0072, #b1005b);
    -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; 
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
}

#activation-box h1,
#activation-box a   { color: #fff !important; }

#activation-box p { font-size: 16px; line-height: 24px; }

/*** LOADER ***/

.loader {
	position:fixed;
	top:82px;
	left:50%;
	margin:0 0 0 -45px;
}

/*** GRESKA 404 ***/

.error {
	background:#fff url(i/error.jpg) no-repeat left top;
	padding:0 0 0 200px;
	min-height:168px;
	margin:50px 0 30px 30px;
}

.content .error h1 span {
	font-size:80px;
	font-weight:normal;
}

.content .error h1 {
	width: 100%; font: bold 27px/70px Arial, Helvetica, sans-serif; letter-spacing: -1px; color: #000; overflow: auto; margin-bottom: 18px; border-bottom: 2px solid #dd0072; padding-bottom: 10px;
}

.content .error h2 {
	font-weight:normal;
}

/*** VIDEO BOX ***/

.video-holder {position:absolute; bottom:-120px; right:30px; z-index:20; -webkit-box-shadow: 0 0 15px rgba(0,0,0,.8); -moz-box-shadow: 0 0 15px rgba(0,0,0,.8); -o-box-shadow: 0 0 15px rgba(0,0,0,.8); -ms-box-shadow: 0 0 15px rgba(0,0,0,.8); box-shadow: 0 0 15px rgba(0,0,0,.8); background:transparent url(i/registration/videobg-top.png) no-repeat 0 0; padding:27px 0 0; width:560px;}
.video-holder iframe {float:left;}
.video-holder img {float:left;}

.video-box {position:relative; padding:50px 620px 50px 50px; border:1px solid #c2c2c2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; min-height:208px; margin:50px 0 0; 
background: #eeeeee; 
background: -moz-linear-gradient(top,  #eeeeee 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eeeeee 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eeeeee 0%,#e5e5e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eeeeee 0%,#e5e5e5 100%); /* IE10+ */
background: linear-gradient(top,  #eeeeee 0%,#e5e5e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}
.content .video-box h3 {font-size:24px; margin:0 0 20px;}
.video-box iframe {position:absolute; right:30px; top:-35px; -webkit-box-shadow: 0 0 15px rgba(0,0,0,.8); -moz-box-shadow: 0 0 15px rgba(0,0,0,.8); -o-box-shadow: 0 0 15px rgba(0,0,0,.8); -ms-box-shadow: 0 0 15px rgba(0,0,0,.8); box-shadow: 0 0 15px rgba(0,0,0,.8);}

/*** OVERLAY ***/

.simple_overlay {
	display:none;
	z-index:10000;
	background-color:#fff;
	width:710px;
	border:5px solid #e5e5e5;
	-webkit-border-radius: 15px; 
	-moz-border-radius: 15px;	
	border-radius: 15px;
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,.9); -moz-box-shadow: 0 0 15px rgba(0,0,0,.9); -o-box-shadow: 0 0 15px rgba(0,0,0,.9); -ms-box-shadow: 0 0 15px rgba(0,0,0,.9); box-shadow: 0 0 15px rgba(0,0,0,.9);
	padding:16px 20px;
	margin:15px 0 0;
}

.simple_overlay .close {
	background-image:url(i/close.png);
	position:absolute;
	right:-20px;
	top:-20px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/*** NOVA NASLOVNICA ***/

#header-new {float:left; width:100%; border-bottom:1px solid #e7e7e7; padding:0 0 1px; position:relative;}
#header-new .header-box {float:left; width:100%; padding:20px 0 18px;
background: #fcfcfc; /* Old browsers */
background: -moz-linear-gradient(top,  #fcfcfc 0%, #f0f0f0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#f0f0f0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fcfcfc 0%,#f0f0f0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fcfcfc 0%,#f0f0f0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fcfcfc 0%,#f0f0f0 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fcfcfc 0%,#f0f0f0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
}
#header-new .grid {width:960px;}
#header-new h1.logo {width:960px; height:55px; background:transparent url(./RBA-logo.png) no-repeat center center; margin:0; padding:0;}
#header-new h1.logo a {display:block; overflow:hidden; text-indent:-9999px; height:55px;}

.carusel-container {float:left; width:100%;
}
.carusel-container .grid {width:960px;}
.carusel-container .carusel-container-inner {height:410px; padding:40px 0 0;
background: #fafafa; /* Old browsers */
background: -moz-linear-gradient(top,  #fafafa 0%, #f5f5f5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fafafa 0%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fafafa 0%,#f5f5f5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fafafa 0%,#f5f5f5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fafafa 0%,#f5f5f5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */
}
.login-container {width:340px; float:right;}
.login-container h2 {font:normal 24px/1 Tele-grotesk; color:#4b4b4b; text-align:right; padding:0 26px 8px 8px;}
.login-box {border:1px solid #d5d5d5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding:25px 20px 20px; background:#fff; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 1px rgba(0,0,0,.1); -o-box-shadow: 0 1px 1px rgba(0,0,0,.1); -ms-box-shadow: 0 1px 1px rgba(0,0,0,.1); box-shadow: 0 1px 1px rgba(0,0,0,.1); width:298px;}
.login-box label {font:normal 14px/26px Tele-grotesk; color:#444;}
.login-box input.input-text {border:1px solid #d2d9dc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1), 0 0 0 5px #f7f9fa; -moz-box-shadow: inset 0 0 6px rgba(0,0,0,.1), 0 0 0 5px #f7f9fa; -o-box-shadow: inset 0 0 6px rgba(0,0,0,.1), 0 0 0 5px #f7f9fa; -ms-box-shadow: inset 0 0 6px rgba(0,0,0,.1), 0 0 0 5px #f7f9fa; box-shadow: inset 0 0 6px rgba(0,0,0,.1), 0 0 0 5px #f7f9fa; background:#fff; width:280px; font:bold 15px/25px Arial, sans-serif; padding:4px 8px; margin:4px 0 12px;}
.login-box input.input-text:focus {border:1px solid #abcae2; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1), 0 0 0 5px #e9f4fc; -moz-box-shadow: inset 0 0 6px rgba(0,0,0,.1), 0 0 0 5px #e9f4fc; -o-box-shadow: inset 0 0 6px rgba(0,0,0,.1), 0 0 0 5px #e9f4fc; -ms-box-shadow: inset 0 0 6px rgba(0,0,0,.1), 0 0 0 5px #e9f4fc; box-shadow: inset 0 0 6px rgba(0,0,0,.1), 0 0 0 5px #e9f4fc;}
.login-box a.pass-forget {
    float:right; color:#4279b0; font:normal 15px/1.3 Tele-grotesk; text-decoration:none;
}
.login-box a.pass-forget:hover {
    color:#000000;
}
.login-button-box {float:left; width:336px; margin:20px 0 0 -20px; border-top:1px solid #dde0e8; padding:1px;}
.login-button-box .inner {width:100%; padding:18px 19px 18px 0; width:317px; float:left;
background: #e8e9e9; /* Old browsers */
background: -moz-linear-gradient(top,  #e8e9e9 0%, #e2e4e4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e9e9), color-stop(100%,#e2e4e4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e8e9e9 0%,#e2e4e4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e8e9e9 0%,#e2e4e4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e8e9e9 0%,#e2e4e4 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e8e9e9 0%,#e2e4e4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e9e9', endColorstr='#e2e4e4',GradientType=0 ); /* IE6-9 */
}
.login-button-box a.button {float:right; margin:0;}
.login-reg {text-align:right; padding:0 20px 0 0; margin:15px 0 0;}
.login-reg a {color:#4279b0; font:normal 15px/1.5 Tele-grotesk; text-decoration:none;}
.login-reg a:hover {color:#e20074;}
.carusel-box {float:left; height:500px; width:620px;}
.carusel-bann.case01 {padding:44px 0 0 25px;}
.carusel-bann.case01 img {float:left; margin:0 30px 0 0;}
.carusel-bann.case01 h1 {font:normal 43px/1.1 Tele-groteskfet; color:#4b4b4b; margin:70px 0 25px; width:580px;}
.carusel-bann.case01 h2 {font:normal 27px/30px Tele-groteskhal; color:#4b4b4b; margin:0 0 10px;}
.carusel-bann.case01 .button {float:left;}
.carusel-bann.case01 p {font:normal 18px/1.1 Tele-grotesk; margin:0 0 10px;}
.carusel-bann.case01 p a {text-decoration:none; color:#4279b0;}
.carusel-bann.case01 p a:hover {color:#e20074;}
.carusel-bann.case01 .app-icon {float:left; margin:0 10px 0 0;}
.carusel-bann.case01 .app-icon img {margin:0;}

.carusel-bann.case02 .ebill-bann-container {background:transparent url(i/ebill-bann.png) no-repeat 0 0; width:439px; height:394px; margin:60px 0 0 40px;}
.carusel-bann.case02 .ebill-bann-box {float:left; background:#fff; width:260px; margin:150px 0 0 60px; padding:17px 20px;
	-webkit-box-shadow: 0 0 7px rgba(0,0,0,.2);
	-moz-box-shadow: 0 0 7px rgba(0,0,0,.2);
	-o-box-shadow: 0 0 7px rgba(0,0,0,.2);
	-ms-box-shadow: 0 0 7px rgba(0,0,0,.2);
	box-shadow: 0 0 7px rgba(0,0,0,.2);
}
.carusel-bann.case02 .ebill-bann-box h2 {font:normal 19px/1.4 Tele-groteskhal; cursor:default;}

.home-content {float:left; width:100%;}
.home-content .grid {width:960px;}
.home-content h2 {font:normal 24px/1.5 Tele-groteskhal; color:#333; border-bottom:1px solid #e2e2e2; margin:0 0 36px;}
ul.services-list {list-style-type:none; margin:0; padding:0; float:left; margin:0 0 25px;}
ul.services-list li {text-align:center; float:left; padding:0 0 0 25px; margin:0 0 0 25px; border-left:1px solid #dfdfdf; width:202px;}
ul.services-list li:first-child {padding:0; margin:0; border-left:none; width:201px;}
ul.services-list h3 {font:normal 22px/1.2 Tele-groteskhal; color:#333; margin:0 0 15px; text-align:left;}
ul.services-list p {font:normal 15px/1.2 Tele-grotesk; color:#666; text-align:left;}
ul.services-list img {margin:0 0 40px;}

.footer-new {float:left; width:100%; margin:20px 0 0; color:#888;}
.footer-new .grid {width:960px; border-top:1px solid #e2e2e2; padding:40px 0;}
.footer-new .copyright {clear:both; float:left; margin:30px 0 0; width:100%;}
ul.footer-links {float:left; width:172px; padding:0 20px 0 0; list-style-type:none;}
ul.footer-links li {font:normal 13px/normal Arial, sans-serif; margin:0 0 12px;}
ul.footer-links li h5 {font:bold 13px/normal Arial, sans-serif;}
.footer-new a {font:inherit; color:inherit; text-decoration:none;}
.footer-new a:hover {color:#e20074;}
.footer-contact {display:block; background:transparent url(./social-icons.png) no-repeat 0 0; padding:0 0 0 20px;}
.footer-contact.twitter {background-position:0 -26px;}
.footer-contact.facebook {background-position:0 0;}
.footer-contact.youtube {background-position:0 -52px;}

#slides {z-index:100; position:relative;}
.slides_container {width:620px;	height:500px; overflow:hidden; position:relative; display:none;}
#slides .slide {width:620px; height:500px; display:block;}
#slides .next,#slides .prev {width:18px; height:25px; display:block; z-index:101; overflow:hidden; text-indent:-999px; background-image:url(i/carousel-pagination.png); background-position:0 0; float:left;}
#slides .next {background-position:0 -30px; float:right;}
.pagination-container {position:absolute; bottom:40px; right:16%;}
.pagination {margin:5px 3px 0 8px; padding:0; list-style-type:none; float:left;}
.pagination li {float:left; margin:0; list-style:none;}
.pagination li a {display:block; width:12px; height:13px; padding:0; margin:0 6px 0 0; background-image:url(i/carousel-pagination.png); background-position:-2px -58px; float:left; overflow:hidden; text-indent:-9999px; -webkit-transition: none; -moz-transition: none; -o-transition: none; }
.pagination li.current a {background-position:-2px -73px;}

/*** RECAPTCHA ***/

#recaptcha_widget {float:left; background: #ddd; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ddd), to(#ccc)); background-image: -moz-linear-gradient(#ddd, #ccc); padding:6px; webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width:330px;}
#recaptcha_widget .input-text {width:220px; font:bold 14px/normal Arial, sans-serif; margin:3px 0 0;}
#recaptcha_image {margin:0 6px 7px 0; webkit




















































-border-






















radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow:hidden; float:left;}
#recaptcha_widget .buttons {float:left; width:24px;}
#recaptcha_widget .buttons a {overflow:hidden; text-indent:-9999px; display:block; width:24px; height:19px; background: transparent url(i/icons/recaptcha.png) no-repeat 0 0; -webkit-transition: none; -moz-transition: none; -o-transition: none;}
#recaptcha_widget .buttons a.captcha-reload {background-position:0 0;}
#recaptcha_widget .buttons a.captcha-audio {background-position:0 -19px;}
#recaptcha_widget .buttons a.captcha-image {background-position:0 -38px;}
#recaptcha_widget .buttons a.captcha-help {background-position:0 -57px;}
#recaptcha_widget .buttons a.captcha-reload:hover {background-position:-24px 0;}
#recaptcha_widget .buttons a.captcha-audio:hover {background-position:-24px -19px;}
#recaptcha_widget .buttons a.captcha-image:hover {background-position:-24px -38px;}
#recaptcha_widget .buttons a.captcha-help:hover {background-position:-24px -57px;}
#recaptcha_widget .inputs {padding:4px 8px 8px; background:#e5e5e5; float:left; webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#recaptcha_widget .inputs img { float:right; margin:8px 0 0;}

/*** ERROR ***/

#upgrade          { color: #ffff00; text-shadow: 0 1px 0 #fff; background-image: url(i/boxes/silver-bar-sides.png); }
#upgrade .inner   { background-image: url(i/boxes/silver-bar-bottom.png); }
#upgrade .sides   { background-image: url(i/boxes/silver-bar-top-error.png); }
#upgrade.message-bar p {font-size:14px; font-weight:normal; line-height:20px; margin-top:20px; color:#333;}
#upgrade.message-bar p a {font-weight:bold; color:#e20074 !important;}

.error_footer {padding:10px 0 0; margin:80px 0 0; border-top:1px solid #e5e5e5;}
.error_footer ul {margin:10px 0 0;}
.content .error_footer li {float:left; list-style-type:none; margin-left:30px; padding-left:30px; border-left:1px solid #e5e5e5; width:286px;}
.content .error_footer li.videoteka {background:transparent url(i/servisi/videoteka.png) no-repeat 0 0; padding-left:86px; margin-left:0; width:200px; border-left:0;}
.content .error_footer li.maxzona {background:transparent url(i/servisi/maxzona.png) no-repeat 30px 0; padding-left:140px; width:176px;}
.content .error_footer li.forum {background:transparent url(i/servisi/forum.png) no-repeat 30px 0; padding-left:98px; width:218px;}

.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%;}