body{
  background-image: url(images/bg_body.png);
  background-repeat: repeat-x;
  background-color: #d1d1d0 ;
  margin: 0px;
  padding: 0px;
  font-family: Tahoma, Sans-serif;
  font-size: 9pt;
}

*{
  margin: 0px;
  padding: 0px;
}

img {
  border: none;
}

a{
  text-decoration: underline;
}

h1{
  font-size: 14pt;
  margin: 15px 0px 30px 40px;
  clear:both;
}


h3 {
  padding: 10px 10px;
  clear: both;
}

h5{
  font-size: 11px;

}

.login{
  background: url(images/log_in.png) no-repeat;
  width:228px; ;
  height:69px ;
  float: right;
  color: #b2b2b2;
  padding-top: 3px;

}

.login p{
  margin-left:10px;
}


.login a{
  color: orange;
  text-decoration: none;
}

.login a:hover{
  text-decoration: underline;
}

.phone_number{
  margin-top: 18px;
  margin-left: 7px;
  background: url(images/info.png) no-repeat;
  width:208px;
  height: 26px;
}

.phone_number p {
   color: black;
  font-size: 15pt;
  padding-left: 55px;
}

.logo{
  float: left;
}



.wrapper{
  width: 960px;
  height: 100%;
  position: relative;
  left: 50%;
  margin-left: -480px;
}

.wrapper_middle{
  padding-top:145px;
}

.top_rounded{
  background: url(images/bg_main_top.png) no-repeat;
  height: 12px;
  width: 962px;
  border: solid 0px black;
  font-size: 10px;
}


.content  {
  padding: 0px 10px;
  background-color: #ffffff;
  width: 940px;
  border-left: solid 1px #9d9d9d;
  border-right: solid 1px #9d9d9d;

}

.main_section_wrapper{
  position: relative;
   border: solid 0px blue;
  margin-top:10px;
}



/* MAIN HEAD--------------------------------------- */

.head {
  width: 940px;
  height: 160px;
}

.left_corner{
  height: 160px;
  width: 11px;
  background-image: url(images/bg_head_left.png) ;
  float:left;
}

.right_corner{
  background-image: url(images/bg_head_right.png) ;
  height:160px;
  width: 12px;
  float:left;
}

.head_main{
  background-image: url(images/bg_head.png);
  background-repeat: repeat-x;
  float: left;
  width:917px;
  height:160px;

}

.head_main h2{
  color: white;
  padding: 10px 0px 0px 10px;
  font-size: 13pt;
  font-weight: bold;
  margin-bottom: 5px;
  width:250px;
}

.korak1, .korak2, .korak3 {
   background: url(images/bg_arrow_head.png) no-repeat scroll top right;
  float:left;
  background-image: url(images/bg_arrow_head.png);
  background-repeat: no-repeat;
  height:160px;
  width: 283px;

}

.korak4{
  background: url(images/bg_head_payment.png) no-repeat scroll center ;
  height: 160px;
  width: 68px;
  float:left;



}


.head_text{
  color: white;
  width: 240px;
  line-height: 18px;
  padding-left: 10px;
}



#head_prijava a{
  display: block;
  background: url(images/head_btn.png) no-repeat;
  width: 193px;
  height: 46px;
  margin-top: 10px;
  margin-left: 28px;

}


#head_prijava a:hover{
  background: url(images/images/btn_head_hover.png) no-repeat;
  width: 193px ;
  height:46px;
}


.head_text ul{
  margin-left: 18px;
  list-style: url(images/bullet_arrow.gif);


}


/* END OF MAIN HEAD----------------------------*/

/* SIDE BAR------------------------------------*/

.side_bar{
  float: left;
  border: solid 0px green;
  width: 300px;
}

.side_bar_top{
  border: solid 0px green;
  font-size: 10px; /*IE6 fix*/
  width:300px;
  height:12px;
  background: url(images/bg_side_bar_top.png) no-repeat;

}

.side_bar_main{
  border: solid 0px green;
  background: url(images/bg_side_bar_center.png) repeat-x #d0d0d0;
  border-left: solid 1px #cfcfcf ;
  border-right: solid 1px #cfcfcf ;


}

.side_bar_bottom {
  background: url(images/bg_side_bar_bottom.png) no-repeat;
  width:300px;
  height:10px;
}

.side_list {

  width: 245px;
  margin-left:35px;
}

.side_list li{
  padding-top: 10px;
  padding-bottom: 10px;
  height:20px;
  list-style: url(images/bullet2.png);
  padding-left: 5px;
  vertical-align: top;

}




.garancija{
  background: url(images/garancija2.png);
  width: 267px;
  height: 116px;
  margin: auto;
  margin-top: 20px;
}

.prijava a {
  display: block;
  background: url(images/side_bar_btn.png) no-repeat;
  width: 263px;
  height: 89px;
  border: none;
  margin-left: 19px;
  margin-top: 10px;
}

.prijava a:hover{
  display: block;
   background: url(images/images/btn_side_hover.png) no-repeat;
   width: 263px;
  height: 89px;

}


/* MAIN CONTENT -----------------------------------------*/

.main_content{
  float: right;
  top:  0px;
  width: 640px;
}

.main_content h3{
  padding-left: 40px;
}


.first_text{

  width: 560px;
  margin: auto;
  line-height: 18px;
}

.wrapper_plani{
  width: 563px;
  margin: auto;
  height: 235px;
}





.wrapper_lahki, .wrapper_osnovni, .wrapper_intenzivni{
float: left;
width: 182px;

}


.lahki_top, .osnovni_top, .intenzivni_top{
  font-size: 9px; /*IE6 fix*/
  height:11px;
  width: 182px;
  background: url(images/bg_tabs_top.png) no-repeat scroll top right;

}

.lahki_middle, .osnovni_middle, .intenzivni_middle{

  background: url(images/bg_tabs_middle.png) repeat-x #f2f1f2;
 width:180px;
  border-left: solid 1px #b3c2c5;
  border-right: solid 1px #b3c2c5;
  height: 205px;
}

.tab_content{
  width: 162px;
  margin:auto;
}

.tab_text{
  padding: 10px 0px;
  line-height: 18px;

}

.tab_text li{
  margin-left: 15px;
}


.lahki_bottom{
  background: url(images/bg_tab_lahki.png) no-repeat;
  width: 182px;
  height: 26px;
}
.osnovni_bottom{
  background: url(images/bg_tab_osnovni.png) no-repeat;
  width: 182px;
  height: 26px;
}
.intenzivni_bottom{
  background: url(images/bg_tab_intenzivni.png) no-repeat;
  width: 182px;
  height: 26px;
}

.wrapper_osnovni{
  margin: 0px 8px;
}

.badge_prihranite{
  background: url(images/content_prihranek.png) no-repeat;
  width:108px;
  height:94px;
  margin: 155px 0px 0px 520px;
  position: absolute;

}


.banner1{
  background: url(images/banner1.png) no-repeat;
  height: 60px;
  width: 563px;
  margin: auto;
  margin-top: 20px;
  clear: both;
}

.banner2{
  background: url(images/banner2.png) no-repeat;
  height: 60px;
  width: 563px;
  margin: auto;
  padding: 10px 0px;
  clear: both;
}


.three_points{
  width: 563px;
  margin: auto;
  height: 268px;
}

.points_float{
  float: left;
}

.cont_points_text p{
  padding: 16px 0px 0px 10px;
  background: #f6f6f6;
  border-bottom: solid 1px white;
  height: 50px;
  width: 371px;
  vertical-align: bottom;
  float: right;
}


.content_prijava{
  background: url(images/content_prijava.png) no-repeat;
  width: 182px;
  height: 67px;
}

.content_vnos{
  background: url(images/content_vnos.png) no-repeat;
  width: 182px;
  height: 67px;

}

.content_posiljanje{
  background: url(images/content_posiljanje.png) no-repeat;
  width: 182px;
  height: 67px;
}

.content_sistematicno{
  background: url(images/content_sistematicno.png) no-repeat;
  width: 182px;
  height: 67px;
}




#table_plans{
  width:563px;
  margin: 30px auto 0px;
  background: url(images/bg_table.png) repeat-x;
  border-top: solid 1px #b5c3c6;
  border-left: solid 1px #b5c3c6;
  border-collapse: collapse;
}


td{
  border-right: solid 1px #b5c3c6;
  border-bottom: solid 1px #b5c3c6;
  height: 22px;
  width: 187px;
  text-align: center;
  vertical-align: middle;
}

.block_yes{
  background: url(images/block_yes.png) no-repeat;
  background-position: center;
}

.block_no{
  background: url(images/block_no.png) no-repeat;
  background-position: center;
}

.coface_logo{
  clear: both;
  background:  url(images/bg_coface.png) repeat-x;
  height: 113px;
  width: 563px;
  margin:55px 0px 0px 38px;
}

.coface_float{
  padding: 10px;
  float:left;

}

.coface_logo ul{
  padding-top:15px;
}


.coface_logo li{
  margin-left: 335px;
  padding-top: 10px;
  line-height: 18px;
}

.table_first{
  width:563px;
  margin: auto;
}

.table_first td{
   text-align: left;
   padding-left:5px;
}

.partnerstvo_list{
  margin: auto;
  width: 563px;
  line-height: 18px;
}

.partnerstvo_list ul{
  list-style: outside;
  padding-left: 15px;
  padding-bottom: 15px;
  clear: both;
}

.partnerstvo_list li{
  height: 30px;
}


/*footer----------------------------------------------------*/

.wrapper_footer{
  clear: both;
  height: 80px;
  width: 940px;
  margin-top: 20px;
  border-top: solid 1px #899ca1;

}


.copyright{
  padding-top: 10px;
  float: left;
}


.wrapper_footer ul{
  float: right;
  padding: 10px 10px 0px 0px;
}

.wrapper_footer ul li{
  float: left;
  list-style-type: none;
  padding-left: 10px;
  border-left: solid 1px #454545;
  margin-left: 5px;
}

.wrapper_footer ul li.first_menu_item{
  border-left: none;
}


.wrapper_footer a {
  color: #454545;
}

.wrapper_footer a:hover{
  text-decoration: none;
  color: #8f0000;
}

.wrapper_footer a:visited{
  color: #454545;
}







/* Sub page-------------------------------------*/

.head_sub {
  width: 940px;
  height: 35px;
}

.left_corner_sub{
  height: 35px;
  width: 11px;
  background-image: url(images/bg_head_left_sub.png) ;
  float:left;
}

.right_corner_sub{
  background-image: url(images/bg_head_right_sub.png) ;
  height:35px;
  width: 11px;
  float:left;
}

.head_main_sub{
  background-image: url(images/bg_head_sub.png);
  background-repeat: repeat-x;
  float: left;
  width:917px;
  height:35px;

}

.head_sub h4{
  color: white;
  padding: 8px 0px 0px 10px;
  font-size: 10pt;
  font-weight: bold;
  margin-bottom: 5px;
}

.korak2_sub, .korak3_sub {
  background: url(images/bg_arrow_head.png) no-repeat scroll top right;
  float:left;
  background-image: url(images/bg_arrow_head_sub.png);
  background-repeat: no-repeat;
  height:35px;
  width: 130px;
}

.korak1_sub {
  background: url(images/bg_arrow_head.png) no-repeat scroll top right;
  float:left;
  background-image: url(images/bg_arrow_head_sub.png);
  background-repeat: no-repeat;
  height:35px;
  width: 90px;

}

h4 a{
  color: white;
  text-decoration: none;
}

h4 a:hover{
  color: #660000;
  text-decoration: underline ;
}


h4 a:visited{
  color: white;
}


.text_box h2{
  padding-top:20px;
}

.text_box h3 {
  padding-top: 20px;
}

.coface_logo{
  height: 91px;
  width: 300px;
  margin:auto;
}



.text_box{
  width: 570px;
  margin: 20px 20px;
}

.text_section{
  border-bottom: dotted 1px black;
}

.text_section ul{
  padding-left: 15px;
}


.text_section li{
  padding-left: 10px;
  line-height: 18px;


  }


.text_box p{
  line-height: 18px;
  padding-bottom: 10px;
  padding-top: 20px;

}

.table_price{
  width:563px;
  margin: 10px 0px;
  background: url(images/bg_table.png) repeat-x #eae9ea;
  border-top: solid 1px #b5c3c6;
  border-left: solid 1px #b5c3c6;
  border-collapse: collapse;
}