/* CSS RESET  */
* { margin: 0; padding: 0; }
html { overflow:auto; }
/*form { height: auto!important; }*/
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
a:focus { outline: 0; }
.clearfix:after { content: "."; display: block; height: 0; font-size:0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }

/* RAZNO */
.clr { clear: both; }
br.clr { line-height: 0px; height: 0px; }
p { font:12px Arial, Helvetica, sans-serif; color:#45535E; margin-bottom:10px}
table, ul  { color:#45535E}
strong { font-weight:bold}
em { font-style:italic}
small { font-size: 85%; }
h3 { font:16px Corporate Black, Arial, sans-serif; color:#293b49; font-weight:bold; }
a { cursor: pointer; text-decoration: none; color:#005987 }
a:hover { text-decoration: underline; }
.RadMenu.RadMenu_Outlook { position:absolute; z-index:7000!important; }
.radwindow { z-index: 7001!important; }
#jquery-overlay { z-index:7001 !important; }
#jquery-lightbox { z-index:7002 !important; }
.SubHead center { text-transform: uppercase; font-weight: normal; font-size: 9px; color: #bbb; }
.RadMenu_Outlook_Context .rmItem { z-index: 10000; }
.act_btns a { display: block; background-color: #c70910; border-width: 0; color:#FFF; text-transform: uppercase; font-size: 11px; font-weight: bold; padding: 3px 6px; -moz-border-radius:5px; border-radius: 5px; margin: 0 10px; cursor: pointer; }
.act_btns * { float: right; margin-top: 0; }
.CommandButton { cursor: pointer; }
input.NormalTextBox { border: 1px #BFBFBF solid; font-size: 14px; -moz-border-radius:4px; -webkit-border-radius:4px; padding:3px; }
input.NormalTextBox:focus { border-color: #A40A10; /*background-color:#fcfeff;*/}
#NoRecords { padding-left:15px; font-size:12px; color:#000 }

/* RadMenu osnovne klase */
.RadMenu { z-index: 10!important; position: relative; }
.RadMenu .rmItem { z-index: 0; }
.RadMenu .rmLink { cursor: pointer!important; }

/* Other base class */
.PagingTable { width:100%; background-color:#fff; }
.PagingTable td { font-size:11px; color:#1076a6; font-weight:bold }
.PagingTable td a.CommandButton { color:#686868}
.NormalRed { color: red; }


/* Prijava.ascx - Login Page */
body.login .wrapper  {width:100%; text-align:center; padding-top:150px;}
.LoginPage {margin:0 auto; width:280px; padding:20px 15px 10px 15px; border-width:5px; border-style:solid; text-align:center; -moz-border-radius:5px; -webkit-border-radius:5px;}
.LoginPanel .contentPane .content {padding-left:8px;}
.LoginPanel .SubHead { padding:10px 0 5px 0; font-weight:bold; font-size: 14px;}
.LoginPanel .SubHead img { display:none;}
.LoginPanel .NormalTextBox { width:268px!important; font-size: 16px; height:30px; padding:0 5px; border-width:2px; border-style:solid; -moz-border-radius:4px; -webkit-border-radius:4px;}
.LoginPanel .NormalTextBox:focus { border-width:2px; border-style:solid; outline:none; }
.LoginPanel #dnn_ctr431_Login_chkCookie { margin-right:5px;}
.LoginPanel label { padding-bottom:1px;}
.LoginPanel h2 span { font-size:28px;}
.LoginPanel a { font-size:12px; vertical-align:top;}
.LoginPanel .StandardButton { margin:15px 0 15px 0; border:none; padding:5px 6px; width:60px; cursor:pointer; font-size:14px; -moz-border-radius:4px; -webkit-border-radius:4px; -moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.2); }
.LoginPanel .StandardButton:hover { text-decoration:none; }
.LoginPanel .BackLink a { font-size:11px;}
.LoginPage .CommandButton { margin:5px 0; display:block; }
.LoginPage span.Normal label { padding-left: 5px; }
/* Prijava.ascx - color set */
body.login { background: url("images/backBody1.jpg") center top no-repeat; }
.LoginPage {background:#84add0; border-color:#FFF;}
.LoginPanel .SubHead { color:#1e5280;}
.LoginPanel .NormalTextBox { border-color:#3c73a5; background-color: #cde1f4;}
.LoginPanel .NormalTextBox:focus { border-color:#293b49; }
.LoginPanel h2 span { color:#e8ab35;}
.LoginPanel .StandardButton { background-color: #2b5881; color:#FFF; }
.LoginPanel .StandardButton:hover { background-color:#FFF; color:#2b5881; }
.LoginPanel .CommandButton { color:#8E8F8F;}


/* RadMenu - mainNav i extraNav */
.mainNav { padding-left: 6px; float:left!important}
.extraNav { margin-left: 5px; float:right!important }
.mainNav li,
.extraNav li { height: 45px; }
.mainNav a,
.extraNav a { color: #dadada; font-size: 14px; font-weight: bold; padding: 10px 0 10px 10px!important; }
.mainNav a:hover,
.extraNav a:hover { color: #9fc6e0; text-decoration: none; }
.mainNav a.sel {  color: #9fc6e0!important; }
.mainNav span,
.extraNav span { padding: 0 15px 2px 5px!important; border-right: 1px #949ba1 solid; }
/* Hack za FF da podesim pogrešku zbog širine fonta */
@-moz-document url-prefix() {
	.mainNav a { padding-left:12px!important; }
	.mainNav span { padding-right:19px!important; }
}
.mainNav .rmHorizontal .rmFirst { padding-left: 22px!important }
.mainNav .rmHorizontal .rmLast { padding-right:27px!important }
.mainNav .rmVertical .rmFirst { padding-left:0!important }
.mainNav .rmVertical .rmLast { padding-right:0!important }
.mainNav .rmFirst,
.extraNav .rmFirst { background: url("images/backMainNavRmFirst.png") left top no-repeat!important; }
.mainNav .rmLast,
.extraNav .rmLast { background: url("images/backMainNavRmLast.png") right top no-repeat!important; }
.mainNav .rmItem,
.extraNav .rmItem { background: url("images/backMainNavRmItem.png") left top repeat-x; }
.mainNav .rmFirst a,
.extraNav .rmFirst a { padding-left: 30px!important; }
.mainNav .rmLast a,
.extraNav .rmLast a { padding-right: 30px!important; }
.mainNav .rmLast span,
.extraNav .rmLast span { padding-right: 0!important; border-width: 0; }
.mainNav .rmGroup .rmFirst { background: url("images/backMainNavRmGroupRmFirst.png") left -5px no-repeat!important; height: 25px; padding-top: 17px!important; }
.mainNav .rmGroup .rmLast { background: url("images/backMainNavRmGroupRmLast.png") left bottom no-repeat!important; height: 40px; padding-bottom: 2px!important; }
.mainNav .rmGroup .rmItem { background: url("images/backMainNavRmGroupRmItem.png") left top repeat-y; }
.mainNav .rmGroup a { font-size: 12px; padding: 5px 20px 5px 20px!important; }
.mainNav .rmGroup li { height: 25px; width: 192px; }
.mainNav .rmGroup span { border-width: 0!important; padding: 0!important; }


/* Skin klase */
html, body, form { height: 100%;}
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
body.frontpage { background: url("images/backBody1.jpg") center top no-repeat;}
body.basic { background: url("images/backBody2.jpg") center top no-repeat; } 
/*Opera Fix*/
body:before { content:""; height:100%; float:left; width:0; margin-top:-32767px;/ }
.wrapper { min-height: 100%;}
.centerBox { width: 990px; margin: 0 auto; }
.contentPane { padding-bottom: 190px; }
.logo { float: left; width: 188px; height: 50px; margin: 28px 0 24px 40px;  }
.socialMedia { float: right; margin: 40px 30px 0 0; }
.socialMedia li { display: block; float: left; }
.socialMedia a { display: block; width: 40px; height: 29px; background-position: left top; background-repeat: no-repeat; }
.socialMedia span { display: none; }
.socialMedia .fb { background-image: url("images/btnFacebook.png"); }
.socialMedia .tw { background-image: url("images/btnTwitter.png"); }
.socialMedia .yt { background-image: url("images/btnYouTube.png"); }
.footer { border-top: 2px #ebebeb solid; position: relative; margin-top: -172px; height: 170px; clear:both; background: #293b49 url("images/backFooter.jpg") center top no-repeat; } 
/*@media screen and (max-height: 500px) {
	.footer { margin-top: 0px; } 
}*/
.footerCols { float: left; margin: 25px 50px 0 0; height: 115px; }
.footerCols.c1 { margin-left: 160px; }
.footerCols h4 { color: #FFF; font-weight: bold; font-size: 14px; margin-bottom: 5px; }
.footerCols a { color: #ebebeb; padding: 0!important; }
.bottomFoot { clear: both; text-align: center; color: #99a3aa; font-size: 11px; margin: 0; }
.bottomFoot a { color: #99a3aa; }
.floatPane { position: absolute; top: 169px; left: 50%; margin-left: 184px; width: 283px; height: 338px; background: url("images/backSearchBox.png") left top no-repeat; z-index: 8; }


/* Text/HTML */
/* Usluge na naslovnici */
.bottomServiceNavTop { background: url("images/backBotServiceNavTop.png") center top no-repeat; height: 20px; margin-top: 15px; }
.bottomServiceNav { background: url("images/backBotServiceNavBottom.png") center bottom no-repeat; padding: 0 45px 30px 45px; margin-bottom: 10px; }
.bottomServiceNav li { float: left; width: 313px; }
.bottomServiceNav li.c3 { width: 274px; }
.bottomServiceNav li a { display: block; border-right: 1px #949BA1 solid; margin-right: 20px; padding-right: 20px;  }
.bottomServiceNav li a:hover { text-decoration: none; }
.bottomServiceNav li.c3 a { border-width: 0; margin: 0; padding: 0; }
.bottomServiceNav h3 { color: #FFF; font-size: 18px; font-family: Arial, Helvetica, sans-serif; padding-bottom:5px; }
.bottomServiceNav li a:hover h3 { color: #90b4cc; }
.bottomServiceNav li p { color: #929292; font-size: 12px; margin-bottom: 0; }
.bottomServiceNav li img { float: left; margin-right: 10px; }

/* Navigacija u float pane-u na naslovnici */
.paneNavBox { margin: 10px 31px 10px 32px; }
.paneNavBox li { border-top: 1px #949ba1 solid; padding: 10px 0; }
.paneNavBox img { display: block; }

/* Search */
.searchInput { width:223px; margin:30px 0 0 29px; position:relative }
.searchInput .CommandButton { display:block; width:42px; height:42px; background:none; border:none; text-indent:-5000px; cursor:pointer; position:absolute; top:0px; right:0px }
.searchInput .NormalTextBox { Padding:4px 53px 6px 13px;width:157px; height:32px; background:url('/Portals/0/skins/h1telekom/images/search_bg.png') no-repeat; border:none!important}


/* Usluge - Slider sadržaj */
.slidecontent img.naslovnaSlika { display:block; margin:20px 0 0 150px!important}
.slidecontent { position:relative;}
.slidecontent.telefon .detalji { position:absolute; top:54px; left:378px; }
.slidecontent.internet .detalji { position:absolute; top:68px; left:354px; }
.slidecontent.televizija .detalji { position:absolute; top:58px; left:310px; }
.slidecontent .detalji li { font:15px Corporate Black, Arial, sans-serif!important; color:#fff; background:url('/Portals/0/skins/h1telekom/images/arrow_detalji.png') left no-repeat!important; padding:0 0 0 22px!important; margin:0 0 6px 0!important}

.internet { position:relative; min-height:970px}
.telefon, .televizija { position:relative; min-height:820px}

.block { margin:50px 0 0 0!important; float:left;}
.block ul { float:left}
.block ul li { margin-bottom:4px!important}
.block img { position:absolute; bottom:28px; left:-16px}
.block h3 { text-transform:uppercase;font:16px Corporate Black, Arial, sans-serif!important; color:#45535e!important; margin-bottom:7px!important}
.block h3 span { font-size:16px!important; font-weight:bold}
.block p { font-size:12px; color:#45535e; display:block; background:url('/Portals/0/skins/h1telekom/images/arrow_ponuda.png') 0 4px no-repeat!important; padding:0 0 0 9px!important}
.block a { text-transform:uppercase; color:#4A9ECF; font-weight:bold; display:block; margin-top:12px!important}
.block ul li strong { display:block; height:23px;padding:4px 0 0 0!important; width:118px; background:url('/Portals/0/skins/h1telekom/images/cijena_bg.png') no-repeat!important; color:#FFF; text-align:center; position:absolute}
.block ul li strong span { font-weight:bold; font-size:17px!important}

.telefon .block { width:225px; min-height:255px; position:relative; padding-top:8px!important}
.telefon .block a { position:absolute; top:90px}
.telefon .block.one { border-right:1px solid #717b84!important; padding-right:12px!important; margin-right:38px!important; margin-left:8px!important; }
.telefon .block.one ul li strong { right:30px!important}
.telefon .block ul li strong {right:5px;bottom:36px; right:20px }
.internet .block { width:465px; padding-top:8px!important}
.internet .block  p.subHeadInfo { background:none!important; margin-bottom:15px!important;}
.internet .block h2 { font:24px Corporate, Arial, sans-serif!important; color:#45535e!important; text-transform:uppercase; margin-bottom:25px!important}
.internet .block h2 span { font-weight:bold}
.internet .block.one { border-right:1px solid #717b84!important; margin-left:9px!important}
.internet .block.two { padding-left:20px!important}
.internet .block.one h2 { margin-left:382px!important}
.internet .block.two  h3 { font-size:12px!important }
.internet .item { width:222px; min-height:240px!important; position:relative; float:left; padding-left:8px!important}
.internet .item  img { left:-10px}
.internet .block ul li strong { right:25px!important; bottom:32px!important}
.televizija .block { width:420px; border:none!important; min-height:355px!important; position:relative; padding:8px 23px 0 20px!important; /*border-right:1px solid #717b84!important;*/}
.televizija .block.one { border-right: 1px solid #717B84 !important; margin-left:11px!important}
.televizija .block.two { margin-left:23px!important; padding-right:0px!important}
.televizija .block img { left:0px!important}
.televizija .block ul li strong { left:142px!important; bottom:33px!important}
.televizija .ikoneTrio { float:left; margin:65px 0 0 230px!important; text-align:center!important; }
.televizija .ikoneTrio li { display:inline; float:left; width:140px!important; padding-top:150px!important}
.televizija .ikoneTrio li h4 { font-size:14px!important; font-weight:bold!important; text-transform:uppercase; margin:0 0 20px 0!important}
.televizija .ikoneTrio li.one { background:url('/Portals/0/skins/h1telekom/images/trioTelefon.png') top no-repeat!important;margin-right:10px!important}
.televizija .ikoneTrio li.two { background:url('/Portals/0/skins/h1telekom/images/trioInternet.png') top no-repeat!important;margin-right:10px!important}
.televizija .ikoneTrio li.three { background:url('/Portals/0/skins/h1telekom/images/trioTV.png') top no-repeat!important; width:200px!important}


body.Id417.Id485 .kanaliWrap .kanaliTable.two { margin:-12px 0 20px 15px}

.FAQ { position:absolute; left:420px; bottom:0px}
.FAQ  li { display:inline; float:left}
.FAQ  li  a { display:block; height:21px; padding:14px 45px 3px 0!important; margin:0 28px 0 0!important; font-size:10px!important; color:#293b49!important; text-transform:uppercase}
.FAQ  li  a.one { background:url('/Portals/0/skins/h1telekom/images/H1Pitanja.png') right no-repeat!important;}
.FAQ  li  a.two { background:url('/Portals/0/skins/h1telekom/images/H1Korisnik.png') right no-repeat!important;}
.FAQ  li  a.three { background:url('/Portals/0/skins/h1telekom/images/H1UsporediPakete.png') right no-repeat!important;}

/* ImageFlow Settings
==================================== */
@media screen, projection {
.imageflow { /*overflow:hidden;*/position:relative; text-align:left; visibility:hidden; width:700px; margin:-40px 0 0 144px }
.imageflow img { border:none; position:absolute; top:0px; visibility:hidden; -ms-interpolation-mode:bicubic; /* Enables bicubic image resampling for the IE7 */ }
.imageflow table img { visibility:visible; position:relative}
.imageflow p { margin:0 auto; }
.imageflow .loading { border:1px solid white; height:15px; left:50%; margin-left:-106px; padding:5px; position:relative; visibility:visible; width:200px; }
.imageflow .loading_bar { background:#fff; height:15px; visibility:visible; width:1%; }
.imageflow .navigation { z-index:10000; }
.imageflow .caption { position:relative; margin:100px 0 0 0; z-index:10001; color:#45535e; font-size:12px }
.imageflow .caption .left { float:left; border-left:1px solid #717b84; padding:12px 0 125px 18px; width:225px}
.imageflow .caption .left h3{ text-transform:uppercase;font:16px Corporate Black, Arial, sans-serif; color:#45535e; margin-bottom:32px}
.imageflow .caption .left h3 span { font-size:16px; font-weight:bold}
.imageflow .caption .left img { visibility:visible; position:relative; margin:0 0 16px -10px}
.imageflow .caption .left strong { display:block; height:23px; padding:2px 0 2px 0; width:118px; background: url('/Portals/0/skins/h1telekom/images/cijena_bg.png') no-repeat; font:15px Corporate Black, Arial, sans-serif; color:#FFF; text-align:center;}
.imageflow .caption .left strong span { font-weight:bold; font-size:17px}
.imageflow .caption .right { width:455px}
.imageflow .caption .right table td.plavo { color:#115589; font-weight:bold; font-size:14px}
.imageflow .caption .right table td.crveno { color:#AF5965; font-weight:bold; font-size:14px}
.imageflow .caption .right .custom{ margin-top:20px; color:#45535e; tet-align:center}
.imageflow .caption img { }
/*.imageflow .scrollbar {border-bottom:1px solid #b3b3b3; position:relative; visibility:hidden; z-index:10002; height:1px;}
.imageflow .slider {background:url(../img/slider.png) no-repeat; height:14px; margin:-6px 0 0 -7px; position:absolute; width:14px; z-index:10003;}*/
.imageflow .slideshow { cursor:pointer; height:14px; margin:20px 0 0 20px; position:absolute; width:14px; z-index:10003; }
.imageflow .slideshow.pause { background:url(../img/button_pause.png) no-repeat; }
.imageflow .slideshow.play { background:url(../img/button_play.png) no-repeat; }
.imageflow .images { overflow:hidden; white-space:nowrap; }
.imageflow .button { cursor:pointer; height:47px; position:relative; width:47px; }
.imageflow .previous { background: url('/Portals/0/skins/h1telekom/images/arrows.png') left no-repeat; position: absolute; left: -84px; top: 156px; }
.imageflow .next { background: url('/Portals/0/skins/h1telekom/images/arrows.png') right no-repeat; position: absolute; right: -84px; top: 156px; }
.infoText { width: 300px; display: none; }
}

/*stranice >> detalji - Telefon // Telefon-internet // TV */
.telefonUsluga  { min-height:830px; position:relative}
.internetUsluga { min-height:850px; position:relative}
.televizijaUsluga { min-height:1060px; position:relative}
.televizijaUsluga  .imageflow .caption .left img { margin-left:-2px!important}
.TVuslugaContentWrap { border-left:1px solid #717B84; padding-left:50px; margin-left:75px}
.TVuslugaContentWrap img { visibility:visible; position:relative}
.TVuslugaContentWrap ul.opcijeTelefon li { float:left; margin:20px 30px 0 0}
.TVuslugaContentWrap ul.opcijeTelefon li strong { display:block; margin:0 0 10px 0; text-align:center}
.televizijaUsluga { min-height:1160px}
.trioMonitori li { width:156px; display:inline; float:left; min-height:355px; margin-right:25px }
.trioMonitori li.last-item { margin-right:0px}
.trioMonitori p  { text-align:left}
.trioMonitori h3 { margin-bottom:4px; font-size:14px}
.trioMonitori img { margin-bottom:15px; visibility: visible; position:relative; width:155px}
.kanaliWrap h2 { font:24px Corporate Black, Arial, sans-serif; text-transform:uppercase; margin-bottom:18px; text-align:center; color:#999c9e}
.kanaliWrap .kanaliTable { float:left; font:14px Corporate, Arial, sans-serif}
.kanaliWrap .kanaliTable td { padding:2px 1px}
.kanaliWrap .kanaliTable.two { margin:-27px 10px 20px 10px}
.kanaliWrap .kanaliTable.two strong { font-weight:bold}
.kanaliWrap .kanaliTable.three { margin-bottom:110px}
.kanaliWrap .kanaliTable.four,.kanaliWrap .kanaliTable.five { margin-bottom:30px}
.kanaliWrap .kanaliTable.six  { margin-left:175px}
.kanaliWrap .kanaliTable.six  td { padding:8px 7px}
.kanaliWrap .kanaliTable.six  strong { font-size:16px; font-weight:bold}


/*stranice >> Surf & Call cijene i opcije // Dial up // Kontakt // Cjenik i opci uvjeti // O nama // Usporedba paketa */
.general { padding:20px 180px 20px 180px; }
.general, .general p  { font:12px; color:#45535e}
.general p { margin-bottom:20px}
.general strong, .general b { color:#293b49; }
.general h3 { margin-bottom:15px; font:16px Corporate Black, Arial, sans-serif; color:#293b49; font-weight:bold; text-transform:uppercase; }
.general h4 { font-weight:bold; font-size:12px}
.general table, .SCusluge ul { margin-bottom:10px}
.general table td { padding:0 15px 7px 0}
.general a.backBtn { margin:0 auto; display: block; width:78px; height:25px; padding: 5px 0 0 0!important; background: url('/Portals/0/skins/h1telekom//images/btnGloss.png') no-repeat!important; color: white; font-weight:bold; font-size:11px; text-align: center; }
.general a.backBtn:hover { text-decoration:none; }
/* stranica >> Kontakt */
.kontakt table { margin:0 0 20px 40px; }
.kontakt table td { padding-bottom:20px; }
.kontakt strong, .kontakt b { color:#293b49; }
.kontakt a { font-weight:bold; color:#293b49; }

/* stranica >> Cjenik i opci uvjeti */
.cjenikOpcUvjeti ul { margin:0 0 10px 0 }
.cjenikOpcUvjeti ul li { padding:8px 0 8px 40px; }
.cjenikOpcUvjeti ul li.pdf { background:url('/Portals/0/skins/h1telekom/images/pdf.png') left no-repeat }
.cjenikOpcUvjeti ul li.html { background:url('/Portals/0/skins/h1telekom/images/html.png') left no-repeat }
.cjenikOpcUvjeti a { color:#293b49; }

/* stranica >> Dial Up */
.dialup table { margin:30px 0 30px 40px; font-size:14px; }
.dialup span.priceBtn { display: block; height: 23px; padding: 5px 0 0 0!important; width: 118px; background: url('/Portals/0/skins/h1telekom/images/cijena_bg.png') no-repeat!important; color: white; text-align: center; }
.dialup span.priceBtn strong, .dialup span.priceBtn b { color:white; }

/* stranica >> O nama */
.logoPreuzimanje li { display:inline; float:left;}
.logoPreuzimanje li  a  { display:block; width:300px; padding-top:100px; text-align:center; text-transform:uppercase; padding-bottom:25px}
.logoPreuzimanje li a.one { background:url('/Portals/0/skins/h1telekom/images/preuzimanjeH1logo.jpg') top center no-repeat; margin-right:30px}
.logoPreuzimanje li a.two { background:url('/Portals/0/skins/h1telekom/images/preuzimanjeH1tv.jpg') top center no-repeat}

/* stranica >> Usporedba paketa */


/* Service */
.serviceInfoBox { width: 455px; }
.serviceInfoBox.type2 .c1 { width: 175px; font-weight: bold; }
.serviceInfoBox.type1 .c1 { width: 350px; font-weight: bold; }
.serviceInfoBox.type1 .c2 { text-align: right; }
.serviceInfoBox td { border-bottom: 1px dotted #cbcbcb; vertical-align: middle; padding: 5px; }
.serviceLinkList { margin: 30px 0 0 0; }
.serviceLinkList li { background:url('/Portals/0/skins/h1telekom/images/html.png') left no-repeat; padding:7px 0 7px 35px; margin-bottom:4px}
.serviceLinkList li.pdf { background:url('/Portals/0/skins/h1telekom/images/pdf.png') left no-repeat}
.serviceInfoList { margin: 10px 0 0 0; }
.serviceInfoList li { margin: 0 0 3px 17px; list-style-type: circle; }
.serviceNoteTxt { text-align: left!important; padding: 10px 0; margin: 0!important }

/* Cjenik table */
/* OLD OLD OLD */
/*.main .cjenikTableHolder { margin-bottom: 20px ;}
.main .cjenikTableHolder p { font-size: 12px ; }
.main .cjenikTableHolder h3 { display: block ; background: #CBDCEA ; padding: 3px ; text-transform: uppercase ; font-weight: normal ; color: #000 ;} */
/*.cjenikTableHolder .redTable { background: none ;}
.cjenikTableHolder .redTable td , .cjenikTableHolder .redTable th { padding: 3px 5px ; background: #E3E3E3 ; border-bottom: solid 5px #fff ;}
.cjenikTableHolder .redTable .head th , .cjenikTableHolder .redTable .head td { background: #c42418 ; color: #fff ; font-weight: bold ; padding: 3px ;}
.cjenikTableHolder .redTable .naslov { background: #eddbd8 ;}
.cjenikTableHolder .redTable .naslov th { font-weight: bold ;}

.cjenikTableHolder .blueTable { background: none ;}
.cjenikTableHolder .blueTable td , .cjenikTableHolder .blueTable th { padding: 3px 5px ; background: #E3E3E3 ; border-bottom: solid 5px #fff ;}
.cjenikTableHolder .blueTable .head th , .cjenikTableHolder .blueTable .head td { background: #41A2DF ; color: #fff ; font-weight: bold ; padding: 3px ;}
.cjenikTableHolder .blueTable .naslov {}
.cjenikTableHolder .blueTable .naslov th { font-weight: bold ;}*/


/* .main .cjenikTable , .empty .cjenikTable { border-bottom: solid 1px #d3d3d3 ; margin: 5px auto 10px auto ; width: 100% ; text-align: center ;}
.cjenikTableNarrow70 { width: 70%!important ;}
.type3Col .main .cjenikTableHolder { width: 565px!important;}
.main .cjenikTable td { padding: 3px 3px 3px 0 ; text-align: right ;}
.main .cjenikTable th { padding: 3px 3px 3px 0 ; text-align: left ; font-weight: normal ; white-space: nowrap ; width: 60% ;}
.main .cjenik060Table th , .main .cjenik060Table td , .main .cjenikTableHolder .cjenik060Table .greyBg td , .main .cjenikTableHolder .cjenik060Table .greyBg th { width: auto ; text-align: center ; padding: 4px 4px 4px 0 ; vertical-align: middle ;}
.main .cjenik060Table th { font-weight: bold ;}
.main .cjenik060Table .caption { font-weight: normal ; text-align: left ; font-size: 12px ;}
.type3Col .main .cjenikTable th { white-space: normal; }
.main .cjenikTable p { display: inline ; padding: 0 ; margin: 0 ; }
.main .caption { background: #cbdcea ; padding: 2px 10px; display: block ; text-align: left ;}
.main .cjenikTable .greyBg { background: #d3d3d3 ; }
.main .cjenikTable .greyBg td { padding: 0 3px ; line-height: 12px ;}
.main .cjenikTable .greyBg td p { white-space: nowrap ;}
.main .cjenikTable .greyBg p { font: bold 10px Arial, Helvetica, sans-serif ;}
.main .cjenikTable .boldText { font-weight: bold ;}
.main .cjenikTable .boldText span { font: normal 10px Arial, Helvetica, sans-serif ;}
.main .cjenikTable caption { background: #CBDCEA ; text-align: left ; padding: 3px ; text-transform: uppercase ;} */
/* NEW NEW NEW */
/* general settings */
.cjenikTable { width:100%; }
.cjenikTable p { margin-bottom:5px; }
.cjenikTable tr { border-bottom: 1px dotted #ddd; }
.cjenikTable td, .cjenikTable th { text-align:center; padding: 8px 10px!important;}
.cjenikTable td.c1, .cjenikTable th.c1 { text-align:left!important; }
.cjenikTable .noBg { background:none!important; }
.cjenikTable .alt { background-color:#f9f9f9; }

/* blue row */
.cjenikTable .blueRow { border-bottom:none; }
.cjenikTable .blueRow  .first { background: url(images/tableBlueBg.png) left top no-repeat; }
.cjenikTable .blueRow .c1 { background: url(images/tableBlueBg.png) left top no-repeat; text-transform: uppercase; border-bottom:none; }
.cjenikTable .blueRow td, .cjenikTable .blueRow th { background: url(images/tableBlueBg.png) 50% top no-repeat; border-bottom:none; }
.cjenikTable .blueRow .last { background: url(images/tableBlueBg.png) right top no-repeat; border-bottom:none; }
/* gray row */
.cjenikTable .grayRow { border-bottom:none; }
.cjenikTable .grayRow  .first { background: url(images/tableGrayBg.png) left top no-repeat; }
.cjenikTable .grayRow .c1 { background: url(images/tableGrayBg.png) left top no-repeat; text-transform: uppercase; border-bottom:none; font-weight:bold; }
.cjenikTable .grayRow td, .cjenikTable .grayRow th { background: url(images/tableGrayBg.png) 50% top no-repeat; border-bottom:none; }
.cjenikTable .grayRow .last { background: url(images/tableGrayBg.png) right top no-repeat; border-bottom:none; }

/* table2col */
.cjenikTable.table2col .c2 { width:20%; }

/* table3col */
.cjenikTable.table3col .c1 { width:24%; }
.cjenikTable.table3col .c2, .cjenikTable.table3col .c3  { width:38%; }

/* table4col */
.cjenikTable.table4col td, .cjenikTable.table4col th { width:25%; }

/* Usporedba paketa tablica*/
.usporedbaPaketa td, .usporedbaPaketa th { padding:10px 5px; border-bottom:1px dotted #CBDCEA; vertical-align:middle; text-align:center}
.usporedbaPaketa th { font-weight:bold; font-size:14px}
.usporedbaPaketa .r2 .c1, .usporedbaPaketa .r3 .c1, .usporedbaPaketa .r4 .c1 { border-bottom:none}
.usporedbaPaketa.type1 .r3 .c1 { vertical-align:bottom; padding-bottom:0px}
.usporedbaPaketa.type1 .r4 .c1 { vertical-align:top; padding-top:0px}
.usporedbaPaketa.type2 .r5 .c1, .usporedbaPaketa.type2 .r6 .c1, .usporedbaPaketa.type2 .r7 .c1, .usporedbaPaketa.type2 .r8 .c1 { border-bottom:none} 
.usporedbaPaketa.type2 .r5 .c1 { vertical-align:bottom; padding-bottom:0px}
.usporedbaPaketa.type2 .r6 .c1 { vertical-align:top; padding-top:0px}

.usporedbaPaketa .c2, .usporedbaPaketa .c4, .usporedbaPaketa .c6, .usporedbaPaketa .c8, .usporedbaPaketa .c10 { background: url(images/tableFullColBg.png) left top; }

/* Telefonski imenik */
.tel_imenik { margin:60px 0 0 110px}
.tel_imenik h3 { margin-bottom: 15px; font: 16px Corporate Black, Arial, sans-serif; color: #293B49; font-weight: bold; text-transform: uppercase; display:block; width:100%; margin-bottom:15px; }
.tel_imenik h3 a { font: bold 11px Arial ; text-transform: uppercase ; display: inline-block ; right: 0px ; padding: 10px 38px 5px 0px ; background: url(images/pomoc_icon.png) right top no-repeat ; color: #293B49!important ; margin-left:225px}
.tel_imenik label { font: bold 12px Arial, sans-serif ; color: #293B49 ;}
.tel_imenik strong { color: #000 ;}
.captcha_imenik { margin-top: 15px ;}
.captcha_imenik img { border: solid 1px #000!important ;}
.captcha_imenik input { width: 172px ; height: 15px ; padding: 4px ; border: solid 1px #939393 ;}
.captcha_table .col2 { padding-left: 13px ; vertical-align: bottom ;}
.captcha_table .col2 .botun { margin-bottom: 12px ; padding: 3px 9px ;}
.tel_imenik_table { margin-bottom: 20px ;}
.tel_imenik td { padding: 10px 0 10px 0 ; }
.tel_imenik td:first-child { text-align:right; padding: 10px 20px 10px 0 ; }
.tel_imenik .NormalTextBox { background: url('images/bgTextBox.png') no-repeat!important; border:none; width:216px; height:20px; padding:3px 5px 3px 15px; font-weight:bold; color:#293b49; font-size:11px; }

.tel_imenik .botun { background: url('images/btnGloss.png') no-repeat!important; width:78px; height:25px; border:0; cursor:pointer; text-transform:uppercase; color:#fff; font-weight:bold; font-size:11px; }
.tel_rezultati { line-height: 18px ;}
.tel_rezultati strong { font-size: 14px ;}

/* Telefonski imenik >> SELECT BOX >> JQUERY PLUGIN CSS */

.sbHolder { background: url('images/bgDropDownBox.png') no-repeat; font-family: Arial, sans-serif; font-size: 12px; font-weight: normal; height: 26px; position: relative; width: 236px; }
.sbSelector { display: block; height: 26px; left: 0; line-height: 26px; outline: none; overflow: hidden; position: absolute; text-indent: 10px; top: 0; width: 170px; padding-left:5px; font-size:11px; }
.sbSelector:link, .sbSelector:visited, .sbSelector:hover { color:#293b49; outline: none; text-decoration: none; font-weight:bold; }
.sbToggle { background: url('images/bgDropDownBox.png') right top no-repeat; display: block; height: 26px; outline: none; position: absolute; right: 0; top: 0; width: 30px; }
.sbToggle:hover { background: url('images/bgDropDownBox.png') right -26px no-repeat; }
.sbToggleOpen { background: url('images/bgDropDownBox.png') right -26px no-repeat; }
.sbToggleOpen:hover { background: url('images/bgDropDownBox.png') right -26px no-repeat; }
.sbHolderDisabled { background-color: #3C3C3C; border: solid 1px #515151; }
.sbHolderDisabled .sbHolder {}
.sbHolderDisabled .sbToggle {}
.sbOptions { list-style: none; left: -1px; margin-top:3px; padding:5px; position: absolute; top: 26px; width: 226px; height:145px; z-index: 1; overflow-y:auto; background-color: #efefef; }
.sbOptions li {  }
.sbOptions a { display: block; outline: none; padding: 5px 0 5px 10px; font-size:11px; font-weight:bold; color:#293b49; }
.sbOptions a:link, .sbOptions a:visited { color:#293b49; text-decoration: none; }
.sbOptions a:hover { color:#293b49; background-color:#fefefe; }
.sbOptions li.last a { border-bottom: none; }
.sbOptions .sbDisabled { color: #999; display: block; padding: 5px 0 5px 10px; }
.sbOptions .sbGroup{ color: #EBB52D; display: block; font-weight: bold; padding: 5px 0 5px 10px; }
.sbOptions .sbSub { padding-left: 17px; }

/**/

.DnnModule-1102 table,
.DnnModule-1103 table,
.DnnModule-1104 table { width: 100%; }

/* IE WARNING DIV */
#ie6-warning { z-index:10000; width: 500px; height: 150px; margin:auto; background: #0E0E0E; padding:25px; border:5px solid #fff; }
#ie6-warning p { color:#ffffff; font-size:14px; line-height:20px; }