/************************
*      Default setting    *
*************************/

body{
  background:#f9fafb;
  color:#3c576c;
  font-family:Arial, sans-serif;
  font-size:12px;
  margin:0;
  padding:0;
}

h1{
  color:#3c576c;
  font-size:24px;
  font-weight:400;
  line-height:32px;
  margin:12px 0;
}

h2{
  color:#3c576c;
  font-size:18px;
  font-weight:400;
  line-height:32px;
  margin:12px 0;
}

.itemAct .h2
{
margin-bottom: 0;
}

p{
  color:#3c576c;
  font-size:12px;
  line-height:20px;
}

p.prefex{
  color:#3c576c;
  font-size:14px;
  line-height:21px;
}

p.small{font-size:11px;}

ul{
  list-style:none;
  margin-left:0;
  margin-right:0;
  padding:0;
}

ul li{
  background:url('../images/list-bg.png') no-repeat 0 9px;
  color:#3c576c;
  line-height:21px;
  padding-left:13px;
}

a{
  color:#2d96c3;
  outline:0;
  text-decoration:underline;
}

table{
  border-collapse:collapse;
  border-spacing:0;
}

table td,table th{padding:2px;}

ol{padding-left:18px;}

ol li{
  color:#3c576c;
  line-height:21px;
}

/********************************
*      One-function classes      *
*********************************/
.fleft{  float:left;}
.width262{  width:262px;}
.pr20{padding-right:20px;}
.tcenter{text-align:center;}
.height460{height:490px;}
.height480{height:578px;}
.dn {display: none;}


/********************************
*      styles for HEADERWRAP      *
*********************************/
#homeWrap{background:url('../images/home-bg.gif') no-repeat center 0;}
#pageWrap{background:url('../images/page-bg.gif') no-repeat center 0;}

#header{
  height:154px;
  position:relative;
}

#main{
  margin:0 auto;
  width:960px;
}

#logo{
  background:url('../images/logo.gif') no-repeat;
  float:left;
  height:73px;
  margin:40px 35px 0 20px;
  width:199px;
}

#logo a{
  display:block;
  height:100%;
  width:100%;
}

#logo a span{display:none;}

#searchWrap{
  float:right;
  height:30px;
  margin-right:20px;
  margin-top:22px;
  width: 470px; /*width: 320px;*/
}
#searchWrap div.fleft{padding-top: 7px;  }
#searchWrap div.fleft a{
  color:#909090;
  font-size:11px;
  margin-right:20px;
  text-transform:uppercase;
}


.form{
  background:#fff;
  border:1px solid #ededed;
  padding:2px;
  height: 24px;
}

.form input.textSearch{
  border:0;
  padding:4px 5px 2px 25px;
}

#searchWrap input.textSearch{
  background:url('../images/textSearch-bg.gif') no-repeat;
  height:16px;
  width:110px;
  float: left;
  margin-top: 2px;
}

#submitSearch{
  background:url('../images/ok-bg.gif') no-repeat;
  border:0;
  height:25px;
  width:39px;
}

#menu{
  position:absolute;
  right:0;
  top:65px;
}

#menu ul li{
  background:none;
  border-right:1px solid #ececec;
  display:inline;
  float:left;
  //padding:12px 10px;
  padding:12px 5px;
}

#menu ul li.last{
  border:0;
}

#menu ul li a{
  color:#3c576c;
  display:block;
  font-size:14px;
  padding:5px 10px 4px;
  text-decoration:none;
  text-transform:uppercase;
}

#menu ul li a:hover{
  background:#eef5f7 url('../images/menu-link-bg.gif') repeat-x;
  border-right:1px solid #c8cfd0;
  border-left:1px solid #c8cfd0;
  border-top:3px solid #333;
  padding:2px 9px 4px;
}

#menu ul li.m1 a:hover{border-top:3px solid #2990c7;}
#menu ul li.m2 a:hover{border-top:3px solid #9ec639;}
#menu ul li.m3 a:hover{border-top:3px solid #ee9515;}
#menu ul li.m4 a:hover, #menu ul li.m6 a:hover{border-top:3px solid #e23733;}
#menu ul li.m5 a:hover{border-top:3px solid #996699;}
#menu ul li.last a:hover{border-top:3px solid orange;}

#boxes{
  height:240px;
  position:relative;
  width:962px;
}

#boxes .itemB{
  float:left;
  height:240px;
  position:relative;
  width:320px;
}

#boxes .itemB a{
  display:block;
  height:240px;
  text-decoration:none;
  width:320px;
}

#boxes .itemB a span{
  background:url('../images/arrow.png') no-repeat -20px 185px;
  color:#fff;
  display:block;
  line-height:18px;
  padding-left:20px;
  padding-top:180px;
}


#boxes .itemB a.bj:hover span {
  background:url('../images/arrow.png') no-repeat 20px 185px;
  padding-left: 40px;
}

#boxes .itemB .hovered a:hover span {text-decoration: none;}

#boxes .itemB a span em.hl{
  font-size:22px;
  font-style:normal;
}

#boxes .itemB a span em.hb{
  font-size:17px;
  font-style:normal;
  text-transform:uppercase;
}

#boxes div{
  bottom:0;
  position:absolute;  
}
#boxes .width322{  width:322px;}
#boxes .first{
  background:url('../images/home-graphic.jpg') no-repeat -10px bottom;
  width: 320px;
  left: -45px;
  padding-left:45px;
  height:240px;
  padding-top:40px;

}

#boxes .second{
  background:url('../images/home-graphic.jpg') no-repeat -375px bottom;
  width:322px;
  left: 0;
  height:240px;
  padding-top:40px;
}
#boxes .third{
  background:url('../images/home-graphic.jpg') no-repeat -697px bottom;
  width: 350px;
  left: 0;
  height:240px;
  padding-top:40px;
}

#texto{
  height:75px;
  overflow:hidden;
  width:962px;
}

#texto ul{
  margin:0;
  width:1020px;
}

#texto ul li{
  background:none;
  display:inline;
  float:left;
  height:75px;
  margin:0;
  padding:0;
  position:relative;
}

#texto ul li > span{
  background:url('../images/separate.png') no-repeat;
  display:block;
  height:66px;
  position:absolute;
  right:-1px;
  top:4px;
  width:2px;
}

#texto ul li a{
  background:url('../images/gradient.gif') repeat-x 0 -280px;
  color:#fff;
  display:block;
  font-size:19px;
  height:50px;
  line-height:21px;
  padding:15px 10px 10px 20px;
  position:relative;
  text-decoration:none;
  width:212px;
}

#texto ul li a em.hl{
  font-size:19px;
  font-style:normal;
}

#texto ul li a em.hb{
  font-size:15px;
  font-style:normal;
  text-transform:uppercase;
}

#texto ul li a:hover{
  background:url('../images/gradient.gif') repeat-x 0 -355px;
}

#texto ul li a span.icon{
  display:block;
  left:209px;
  position:absolute;
  top:17px;
}

#texto ul li a span.one{
  background:url('../images/watch-icon.png') no-repeat;
  height:46px;
  width:41px;
}

#texto ul li a span.two{
  background:url('../images/present-icon.png') no-repeat;
  height:45px;
  width:38px;
}

#texto ul li a span.three{
  background:url('../images/mapa-icon.png') no-repeat;
  height:38px;
  left:160px;
  width:78px;
}

#texto ul li a span.four{
  background:url('../images/phone-icon.png') no-repeat;
  height:37px;
  width:35px;
}

.itemCap1{
  background:#fff;
  border:1px solid #d4d4d4;
  height:120px;
  padding:80px 0 0 100px;
  width:180px;
}

.itemCap2{
  background:#fff;
  border:0px solid #d4d4d4;
  height:115px;
  margin-bottom:15px;
  width:140px;
}

.itemAct{
/*height:75px;*/
  margin-bottom:25px;
}

#actualities .itemAct{
  margin-bottom:15px;
height:75px;
}

.itemAct .date{
  background:url('../images/date-bg.gif') no-repeat;
  float:left;
  height:70px;
  margin-right:10px;
  text-align:center;
  width:60px;
}

.itemAct .date .day{
  color:#3c576c;
  display:block;
  font-size:24px;
  margin-top:5px;
}

.itemAct .date .month{
  color:#768998;
  display:block;
  font-size:10px;
  margin-top:3px;
}

.itemAct .date .year{
  color:#fff;
  display:block;
  font-size:10px;
  margin-top:6px;
}

.itemAct a{
  color:#50697d;
  display:block;
  font-size:13px;
  padding-top:5px;
}

.itemAct p{
  color:#333;
  font-size:11px;
  line-height:17px;
  margin:5px 0;
margin-left: 70px;
}

.itemAct a.read-more{
  color:#2d96c3;
  display:inline;
}

.itemAct em{
  color:#2d96c3;
  font-size:13px;
  margin-right:7px;
}

.title18L{
  font-size:18px;
  margin:0 0 15px;
}

.importantAct a{
  color:#df0547;
}

.importantAct .date{
  background:url('../images/dateRed-bg.gif') no-repeat;
}

.importantAct .date .day,.importantAct .date .month{
  color:#481324;
}

.title20L{
  color:#333;
  font-size:20px;
  margin:10px 0;
}

.title22L{
  font-size:22px;
  margin:0 0 15px;
}

.title16H{
  font-size:16px;
  margin:5px 0;
}

.title24H{
  font-size:24px;
  margin:10px 0;
}

.title18A{
  font-size:18px;
  margin:0 0 10px;
}

.itemBottom{
  float:left;
  height:230px;
  padding:30px 20px 10px;
  width:280px;
}

#availibility{
  padding:30px 19px 10px;
}

#availibility select.optionSearch{
  width:260px;
}

.rightSide select.optionSearch{
  width:185px;
}

.rightSide #checkedAvailibility{
  margin-bottom:10px;
  width:195px;
}

input.setPhone{
  border:1px solid #D4D4D4;
  color:#333;
  font-size:11px;
  height:16px;
  margin-bottom:10px;
  padding:7px 4px 5px;
  width:185px;
}

.facebook{
  background:url('../images/facebook-bg.gif') no-repeat;
  color:#fff;
  display:block;
  font-size:11px;
  font-weight:700;
  height:30px;
  line-height:30px;
  margin-bottom:20px;
  padding-left:30px;
  text-align:left;
  text-decoration:none;
  width:239px;
}

#checkedAvailibility{
  background:url('../images/checkedAva-bg.gif') no-repeat;
  border:0;
  color:#fff;
  cursor:pointer;
  font-size:11px;
  font-weight:700;
  height:30px;
  margin-bottom:30px;
  outline:0;
  padding-left:30px;
  text-align:left;
  width:269px;
}

#titleBox{
  background:url('../images/gradient.gif') repeat-x 0 -56px;
  height:56px;
}

#titleBox h1{
  color:#fff;
  font-size:15px;
  line-height:56px;
  margin:0 20px;
  text-transform:uppercase;
}

#titleBox ul li{
  display:inline;
  float:left;
  height:56px;
  padding:0;
  position:relative;
  width:240px;
}

#titleBox ul li a{
  background:#a3b6be url('../images/gradient.gif') repeat-x 0 0;
  color:#fff;
  display:block;
  font-size:15px;
  height:100%;
  line-height:56px;
  padding-left:20px;
  text-decoration:none;
  text-transform:uppercase;
  width:220px;
}

.internet #titleBox ul li a.current, .internet #titleBox ul li a:hover{background-position:0 -56px;}
.television #titleBox ul li a.current, .television #titleBox ul li a:hover{background-position:0 -112px;}
.pc_courses #titleBox ul li a.current, .pc_courses #titleBox ul li a:hover{background-position:0 -224px;}
.pc_ambulance #titleBox ul li a.current, .pc_ambulance #titleBox ul li a:hover{background-position:0 -224px;}
.packages_services #titleBox ul li a.current, .packages_services #titleBox ul li a:hover{background-position:0 -168px;}
.firm-solution #titleBox ul li a.current, .firm-solution #titleBox ul li a:hover{background-position:0 -168px;}
.ambulance #titleBox ul li a.current, .ambulance #titleBox ul li a:hover{background-position:0 -224px;}
.phone #titleBox ul li a.current, .phone #titleBox ul li a:hover{background-position:0 -430px;}

#titleBox ul li span{
  background:url('../images/separate.png') no-repeat;
  display:block;
  height:48px;
  position:absolute;
  right:-1px;
  top:4px;
  width:2px;
}

.leftSide{
  border-right:1px solid #e9eaeb;
  float:left;
  margin:20px 0;
  padding:0 20px;
  width:680px;
}

.rightSide{
  border-left:1px solid #fcfdfd;
  float:left;
  margin:20px 0;
  padding:0 20px;
  width: 198px;
}

.blueBox{
  background:#f6f8f9;
  border:1px solid #c0cbcf;
  margin-bottom:25px;
}

.columnTab{
  float:left;
  width:213px;
}

.height460 .columnTab{height:456px;}
.height480 .columnTab{height:486px;}
.leftTab{margin:1px 0 1px 2px;}
.rightTab{margin:1px 2px 1px 0;}
.middleTab{margin:1px 6px;  width:236px;}

.blueBox .best{
  background:#fff;
  margin:1px;
  padding:0 2px;
  position:relative;
  top:-10px;
}

.internet .blueBox .best{border:3px solid #2d96c3;}
.television .blueBox .best{border:3px solid #9ec639;}
.phone .blueBox .best{border:3px solid #9e0639;}
.firm-solution .blueBox .best{border:3px solid #ee9515;}
.ambulance .blueBox .best{border:3px solid #e23733;}
.height460 .best{height:474px;}
.height480 .best{height:590px;}

.columnTab table{
  border-collapse:separate;
  width:100%;
}

.columnTab tr,.columnTab th{
  border-bottom:1px solid #d1d8dd;
  border-top:1px solid #fff;
}

.columnTab tr.first{
  height:90px;
}

.columnTab tr.first,.columnTab tr.first td,.columnTab tr.first th{border-top:0;}
.columnTab tr.last,.columnTab tr.last td,.columnTab tr.last th{border-bottom:0;}

.columnTab tr.first th{
  background:url('../images/gradient-pattern.gif') repeat-x;
}

.blueBox .best tr.first th{
  background:none;
  padding-top:9px;
}

.columnTab td{
  border-bottom:1px solid #d1d8dd;
  border-top:1px solid #fff;
  padding:7px 2px 6px;
  text-align:center;
}

.blueBox .order-link{
  background:url('../images/order-link-bg.gif') no-repeat 0 0;
  color:#fff;
  display:block;
  font-size:14px;
  font-weight:700;
  height:40px;
  border: 0;
  height: 40px;
  margin:15px auto;
  text-decoration:none;
  width:149px;
  cursor: pointer;
}

.internet .order-link{background-position:0 0;}
.television .order-link{background-position:0 -40px;}
.firm-solution .order-link{background-position:0 -80px;}
.ambulance .order-link{background-position:0 -120px;}

.blueBox .top{
  border-bottom:1px solid #c0cbcf;
  border-top:1px solid #fff;
  padding:20px;
}

.blueBox input{
  border:1px solid #d4d4d4;
  height:18px;
  margin-bottom:5px;
  padding: 6px 4px;
}

.blueBox .top input{
  width:280px;
}

.blueBox .left input,.blueBox .right input{
  width:290px;
}

.blueBox .bottom{
  border-top:1px solid #fff;
  padding:20px;
}

.blueBox .left{
  border-right:1px solid #c0cbcf;
  border-top:1px solid #fff;
  float:left;
  padding:20px;
  width:298px;
}

.blueBox .right{
  border-top:1px solid #fff;
  float:left;
  padding:20px;
  width:298px;
}

.blueBox .bottom select.optionSearch{
  width:300px;
}

.blueBox .bottom textarea{
  border:1px solid #d4d4d4;
}

.gallery{
  border-top:1px solid #fff;
  padding:13px 0;
}

.itemG{
  background:url('../images/itemG-bg.gif') no-repeat;
  float:left;
  height:145px;
  margin:0 4px 0 15px;
  padding:5px 6px 7px;
  width:136px;
}

.numberCustomer{
  background:url('../images/map-bg.gif') no-repeat right 0;
  line-height:20px;
  margin-bottom:15px;
  padding-top:15px;
}

.numberCustomer span strong{
  font-size:16px;
}

.numberCustomer em{
  color:#2D96C3;
  font-size:13px;
  margin-right:5px;
}

.arrowList li{
  background:0;
  color:#3c576c;
  padding:0;
}

.arrowList li a{
  color:#3c576c;
  text-decoration:none;
}

.arrowList li em{
  font-size:13px;
  margin-right:8px;
}

.itemR{
  border:1px solid #c0cbcf;
  float:left;
  height:106px;
  margin-bottom:8px;
  width:220px;
}

.middleR{
  margin:0 7px 8px;
}

.bigCheckedBox{
  background:url('../images/checkedBox-bg.gif') no-repeat right 0;
  border:0;
  height:18px;
  margin:5px 0;
  width:18px;
}

.separateLine{
  border-bottom:1px solid #fdfdfd;
  border-top:1px solid #ecedee;
  margin:15px 0;
}

.blueBox input.log{
  background:url('../images/blue-bg.gif') no-repeat;
  border:0;
  color:#fff;
  font-size:14px;
  font-weight:700;
  height:40px;
  margin:10px 0;
  width:296px;
}

/* fake checkbox : unchecked (default/base) state */
.fakecheck{
  background:url('../images/checkedBox-bg.png') no-repeat 0 0;
  height:30px;
  margin:0 auto 11px;
  text-decoration:none;
  width:28px;
}

/* fake checkbox : checked state */
.fakechecked{
  background-position:left -30px;
}

#footer{
  border-top:1px solid #ecedee;
  color:#abafb1;
  font-size:11px;
  height:86px;
  margin:0 auto;
  width:960px;
}

#footer .leftF{
  background:url('../images/logo-foot.gif') no-repeat;
  float:left;
  height:40px;
  margin:26px 20px 0;
  padding-left:55px;
}

#footer .leftF ul li{
  background:none;
  color:#b8b8b9;
  display:inline;
  float:left;
  padding-left:0;
  padding-right:8px;
}

#footer .leftF ul li a{
  color:#7c7d7d;
  padding-right:8px;
}

#footer .fright{
  margin:45px 15px 0 20px;
}

#footer .fright a{
  color:#abafb1;
}

a:hover,#texto ul li a:hover span.icon{
  text-decoration:none;
}

.clear,#footer .leftF span{clear:both;}
.fright,#searchWrap .form{float:right;}

.order-link:hover,.arrowList li a:hover{  text-decoration:underline;}

#caption,#actualities{border-right:1px solid #e9eaec;}

#titleBox ul,#footer .leftF ul{
  margin:0;
}

.red{
  color: red;
}

.columnTab td span,.columnTab td strong,.blueBox .top span,.blueBox .bottom span{color:#333;}


#homepageContactUsPhone
{
  float:left;
  margin-right:9px;
  width:33%;
}

#homepageContactUsAddress
{
  width:54%;
}

#dostupnost ul li
{

float: left;
width : 200px;
padding-right: 10px;

}

#dostupnost input.filter
{
  border:1px solid #909090;
  background: url("../images/textSearch-bg.gif") no-repeat scroll 2px 3px white;
  padding: 5px;
  padding-left: 25px;
}

#dostupnost #input-frame input
{
  margin-left: 10px;
  margin-top: 10px;
  width: 201px;
  height: 18px;
}

#dostupnost
{
  margin-left: 10px;
}

#dostupnost #input-frame
{
  background: #C9E4F2;
  height: 50px;
  width: 253px;
}

table th, table td {
padding-left: 1em;
padding-right:1em;
}

.phone-right-side #checkedAvailibility
{
  background:url("../images/checkedAva-bg-phone.gif");
}

.tv-right-side #checkedAvailibility
{
  background:url("../images/checkedAva-bg-tv.gif");
}
.age-input{
display: none;
visibility: hidden;
}
.carousel
{
width: 280px !important;
padding-left: 0;
}
.carousel ul li
{
list-style: none;
background: none;
}

/*** CSS from Deda01 ***/
.pc_ambulance #titleBox{background:#a3b6be url('../images/gradient.gif') repeat-x 0 0;}
.packages_services #titleBox{background:#a3b6be url('../images/gradient.gif') repeat-x 0 0;}
.radius-do{-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}

/* leftSide 680px */
ul.reference-ul{position: static; float: left; width: 640px; height: 240px; margin-left: 20px;}
ul.reference-ul li{position: static; float: left; width: 190px;}
ul.reference-ul li p{position: static; float: left; margin: 0px; font-size: 11px;}

.internet #titleBox ul li{width:222px;}
.internet #titleBox ul li a{ width:202px;}
.internet #titleBox ul li.long-internet{width:294px;}
.internet #titleBox ul li.long-internet a{ width:274px;}

/* css for TV packages Deda01 */
div.tv_package{position: static; float: left; width: 680px; margin-bottom: 30px;}
div.tv_package .tv_package_top{position: static; float: left; width: 634px; height:75px; padding-left: 20px; padding-right: 20px; background-image: url(/public/images/tv_package-top.png); background-repeat: no-repeat; }
div.tv_package .tv_package_top h3{position: static; float: left; font-size: 18px; margin-left: 23px; margin-top: 5px; width: 600px; margin-bottom: 5px;}
div.tv_package .tv_package_top .tv_package_number{position:static; width:50%; float:left; font-size: 17px; letter-spacing:1px; margin-top:10px; margin-bottom: 15px; font-weight: bold;}
div.tv_package .tv_package_top .tv_package_price{position:static; width:90px; float:right; color:white; font-size: 16px; font-weight: bold; text-align: right;  margin-top: -5px;}
div.tv_package .tv_package_top .tv_package_price em{position:static; width:90px; float:left; font-size: 12px; font-style: normal;}
div.tv_package .tv_package_content{position: static; float: left; width: 630px; padding-left: 20px; padding-right: 20px; background-color: #dee9ce; border: 2px solid #9ec639; border-bottom: none; border-top: none; font-weight: bold; text-transform: uppercase;}
div.tv_package .tv_package_content .tv_package_programs{position:static; width:100%; float:left; margin-top: 10px;}
div.tv_package a.tv_package_button{position:static; width:100px; float:right; background-color: #9ec639; text-align: center; color: white; font-weight: bold; text-decoration: none; padding-top: 8px; margin-top:10px; padding-bottom: 8px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
div.tv_package a.tv_package_button:hover{text-decoration: underline;}
div.tv_package .tv_package_down{position: static; float: left; width: 674px; height:11px; background-image: url(/public/images/tv_package-down.png); background-repeat: no-repeat; }


.tab_grey{position: static; float: left; width: 670px; margin-top:15px; margin-bottom: 25px;}
.tab_grey thead{background-color: #d3d3d3; font-size: 15px; font-weight: bold;}
.tab_grey thead tr td{padding-top: 7px; padding-bottom: 7px;}
.tab_grey tbody tr td{line-height: 25px;}
.tab_grey tbody tr td.tabulator{padding-left: 30px;}
.tab_grey tbody tr td.td_right,.tab_grey thead tr td.td_right{text-align: right;}
.tab_grey tbody tr td.td_center,.tab_grey thead tr td.td_center{text-align: center;}

div.service_package{position: static; float: left; width: 200px; text-align: center; margin: 8px; border:3px solid #f5b918; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding-bottom: 10px; background-color:white; box-shadow: 5px 5px 5px #ccc;cursor:pointer;}
div.service_package h3{position: static; font-size:16px; font-weight:bold; border-bottom: 1px solid #ddd; padding-bottom: 8px; padding-top:0px; margin-bottom:5px; text-transform: uppercase; color: #c00;}
div.service_package p{position: static; float: left; width: 100%; margin: 0px; padding: 4px; font-weight: bold; color: #363636;}
div.service_package p.old_price{position: static; float: left; text-decoration: line-through; color: #5d5d5d;}
div.service_package p.action_price{position: static; float: left; font-size: 17px; color: #5d5d5d;}
div.service_package p em{font-style:normal; color: #c00;}
div.service_package p a{position:static; float:left; margin-left:60px; margin-top:10px; text-transform: uppercase; text-decoration: none; border: 1px solid #f5b919; color: white; padding: 3px 8px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background:#f5b919; box-shadow: 5px 5px 5px #ccc;}
div.service_package p a:hover {background:#fc2;}

div.tariff_package-obal{position: static; float: left; margin-left: 65px;}
div.tariff_package{position: static; float: left; width: 250px; text-align: center; border: 1px solid #c0cbcf; margin: 10px; background-image: url(/public/themes/tlapnet/images/gradient-pattern.gif); background-repeat: repeat-x; }
div.tariff_package h3{position: static; float: left; width: 100%; height: 55px;}
div.tariff_package p{position: static; float: left; width: 100%; margin: 0px; padding: 5px 0px; border-top: 1px solid #c0cbcf; font-weight: bold; color: #333333; }
div.tariff_package p.t_normal{font-weight: normal;}
div.tariff_package p.t_bold{font-weight: bold;}
div.tariff_package p.price{border-top: none; margin-bottom:5px; padding: 0px; }
div.tariff_package p.price-text{font-size:10px; border-top: none; margin-bottom:10px; padding: 0px; line-height: 13px;}
div.tariff_package p.slogan{line-height: 13px; }
div.tariff_package p.speed{font-size: 18px; font-weight: bold; padding: 10px 0px;}
div.tariff_package p.button{padding:20px 0px; }
div.tariff_package p.button a, div.tariff_package p.button input{background-color: #0af; padding: 5px 15px; color: white; text-decoration: none; font-weight: bold; font-size: 15px; border:1px solid #0af; border-radius:4px; box-shadow:5px 5px 5px #ccc; cursor:pointer;}
div.tariff_package p.button a:hover, div.tariff_package p.button input:hover { background-color: #8cf;}
div.tariff_package div.plus{position:static; float:left; background-color: #def1f8; border-top: 1px solid #c0cbcf;}

div.letak{position: static; float: left; width: 100%;}
div.letak div.letak-item{position: static; float: left;  margin: 5px;  width: 150px; border: 1px solid #2d96c3; text-align: center; padding-bottom: 5px;}
div.letak div.letak-item h2{padding:0px; margin:0px; font-size: 16px;}
div.letak div.letak-item a{position:static; float:left; margin-left: 4px;}
div.letak div.letak-item a img{position:static; float:left; width: 140px; height: 100px; border: 1px solid #5dc9f7;}
div.letak div.letak-item a img:hover{border: 1px solid orange;}

/**** Kalkulator css ****/
#calculator{position: static; float: left; width: 660px; min-height: 320px; padding: 10px; border:1px solid orange; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding-bottom: 10px; background-color:#fffbef;}
#calculator #calculator-form{position: static; float: left; width: 490px; min-height: 320px;}
#calculator #calculator-form .serviceObal{position: static; float: left; width: 160px;}
#calculator #calculator-form .serviceObal h3{position: static; float: left; width:100%; margin-bottom: 0px;}
#calculator #calculator-form .serviceObal p {margin: 0px; padding: 0px;}
#calculator #calculator-form .serviceObal label {font-size: 17px; font-weight: bold;}
#calculator #calculator-form .serviceObal p label {font-size: 14px; font-weight: normal;}

#calculator #calculator-form .serviceObal .servicesItemDiv{position: static; float: left; margin-top: 10px; border: 1px solid orange; padding:0px 5px;}
#calculator #calculator-form .serviceObal .servicesItemDiv .serviceItemItem{position: static; float: left; margin-top: 10px; padding-top:10px; border-top: 1px dotted orange;}

#calculator #calculator-controlPanel{position: static; float: left; width: 160px; min-height: 300px;}
#calculator #calculator-controlPanel #button-select{position: static; float: left; width:140px; text-align:center; border: 1px solid orange; padding: 3px 5px; margin-left:8px; margin-bottom:20px;}
#calculator #calculator-controlPanel #button-select:hover{}

#calculator #calculator-price{position: static; float: right; width: 130px; min-height: 80px; padding:10px; text-align:center; border:1px solid orange; font-size:18px; font-weight:bold;}
#calculator #calculator-price h3{ color:#cc0000; font-size: 16px; margin: 0px; margin-top: 10px; margin-bottom: 5px;}

#calculator #calculator-price p{ margin: 0px; padding: 0px; font-size: 11px;}
#calculator #calculator-price p.oldPrice{ text-decoration: line-through;}
#calculator #calculator-price p.discountPrice{ font-size: 14px;}
#calculator #calculator-price p.prepaidPrice{ font-size: 11px;}
#calculator #calculator-price p.buttonSendOrder{position:static; float:left; width:70px; margin-left:20px; margin-top:10px; border: 1px solid orange; color: white; padding: 3px 8px; background-color: #f5b919;}
#calculator #calculator-price p.buttonSendOrder:hover{background-color: #f6cd60;}
#calculator #calculator-price #selectedProducts{ position: static; float: left; width:100%;  background-color: #fceec4; margin-top: 10px;}

#calculator #calculator-infoText{position: static; float: left; width: 100%; height: 20px; border: 1px solid orange; text-align: center;}
#calculator #calculator-infoText p{ margin: 0px; padding: 0px; font-size: 13px;}

.buttonOrange{ color: #105578; padding: 3px 8px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-image: url(images/button.gif);}
.buttonOrange:hover{color: #3396c9; background-image: url(images/button-hover.gif); background-position: 0px -3px;}