/* iPujcka.cz */

body{
  margin: 0px;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #e2fafa;
  font-size: 14px;
}
.accessibility{
  position: absolute;
  top: -1000px;
  left: -1000px;
  width: 1px;
  height: 1px;
  font-size: 0px;
}
.hidden{
  display: none;
}
.clear{
  height: 0px;
  line-height: 0px;
  clear: both;
  font-size: 0px;
}
form{
  margin: 0px;
  padding: 0px;
}
fieldset{
  border: none;
  padding: 0px;
  margin: 0px;
}
a{
  color: #45aaea;
  font-weight: bold;
}
a:hover{
  text-decoration: none;
}
a img{
  border: none;
}
img{
  border: none;
}
.smalltext{
  font-size: 12px;
  color: #666;
  line-height: 100%;
}


#bg_main{
  background: url(../img/header_bg.png) repeat-x;
}
.container{
  position: relative;
  width: 980px;
  margin: 0 auto;
}
#navigation{
  position: relative;
  right: -24px;
}
#navigation #left_bg{
  float: right;
  width: 27px;
  height: 27px;
  background: url(../img/menu_bg_left.gif) no-repeat;
}
#navigation #right_bg{
  float: right;
  width: 27px;
  height: 27px;
  background: url(../img/menu_bg_right.gif) no-repeat;
}
#navigation ul{
  margin: 0px;
  padding: 0px;
  float: right;
  list-style: none;
}
#navigation li{
  display: inline;
}
#navigation li a{
  float: left;
  padding: 7px 10px 4px 10px;
  background-color: #d9f7fa;
  text-decoration: none;
  color: #292a25;
  font-size: 14px;
  font-weight: bold;
}
#navigation li a:hover{
  background: #d9f7fa url(../img/menu_deco.png) no-repeat bottom;
}
#navigation li#active a{
  color: #e01642;
  background: #d9f7fa url(../img/menu_deco_active.png) no-repeat bottom;
}
#header{
  position: relative;
  height: 100px;
}
#header #logo{
  position: absolute;
  top: 10px;
  display: block;
  width: 377px;
  height: 64px;
  background: url(../img/logo_ipujcka.png) no-repeat;
  overflow: hidden;
}
#header #ge_logo{
  position: absolute;
  top: 10px;
  right: 0px;
  width: 150px;
  height: 62px;
  background: url(../img/logo_hc_header.png) no-repeat;
}
.container h1{
  margin: 40px 0px 10px 0px;
  font-size: 30px;
  font-weight: normal;
  text-transform: uppercase;
  color: #292a25;
  letter-spacing: -2px;
}
.white h1{
  margin-top: 0px;
}
.container h1 span{
  color: #e01642;
  font-weight: bold;
  font-size: 34px;
}
.container h2{
  margin: 0px 0px 30px 0px;
  color: #292a25;
  font-size: 24px;
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: -1px;
}
.container h2 span{
  color: #45aaea;
  font-size: 30px;
}
.container h3{
  margin: 0px 0px 10px 0px;
  color: #e01642;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: -1px;
}
.container p{
  margin: 0px 0px 15px 0px;
  line-height: 160%;
}
.container ul,
.container ol{
  margin: 0px 0px 20px 0px;
  padding: 0px 0px 0px 30px;
  line-height: 140%;
}
.container li{
  margin: 0px 0px 5px 0px;
}
.container table{
  width: 100%;
  margin: 0px 0px 20px 0px;
  border-collapse: collapse;
  background-color: #e4f2fe;
}
.container table .even{
  background-color: #fff;
}
.container table th{
  padding: 5px 10px 5px 10px;
  text-align: left;
}
.container table td{
  padding: 5px 10px 5px 10px;
}
/* ---- SPLATKY ---- */
.container table.splatky{
  font-size: 13px;
  background-color: #f4f4f4;
}
.container table.splatky th{
  padding: 2px 3px 2px 3px;
  border: 1px solid #b2cdf4;
  font-weight: normal;
  text-align: center;
  background-color: #d9effc;
}
.container table.splatky td{
  padding: 2px 3px 2px 3px;
  border: 1px solid #cbe1f5;
  color: #1e5988;
  text-align: center;
}
/* ---- end:SPLATKY ---- */

/* ---- FORMULAR ---- */
.container form table{
  margin: 0px;
  background: none;
}
fieldset{
  margin: 0px 20px 10px 0px;
  padding: 10px 40px 10px 30px;
  border: 1px solid #a3f0ff;
  background-color: #d9effc;
}
fieldset.callback{
  position: relative;
  top: -11px;
  border-top: none;
  margin: 0px 40px 10px 20px;
  padding: 5px 20px 10px 10px;
  overflow: hidden;
}
form table td.form_label{
  width: 150px;
}
.form_star{
  vertical-align: top;
  text-align: right;
}
a#button_odeslat{
  margin: 0 auto;
  display: block;
  width: 193px;
  height: 64px;
  background: url(../img/button_odeslat.png) no-repeat 0px 0px;
/*  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/button_odeslat.png', sizingMethod='crop');*/
  cursor: pointer;
  overflow: hidden;
}
a#button_odeslat:hover{
  background-position: 0px -64px;
/*  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/button_odeslat.png', sizingMethod='crop');*/
  cursor: pointer;
  overflow: hidden;
}

/* ---- end:FORMULAR ---- */


#content{
  float: left;
  width: 600px;
  padding: 0px 20px 0px 0px;
}
#content .icon_box{
  padding: 25px 0px 0px 0px;
  background: url(../img/hr.gif) repeat-x 0 0;
}
#content .icon_box .wrapper{
  padding: 0px 0px 0px 120px;
}
#content #pet_procent .wrapper{
  background: url(../img/icon_fivepercent.png) no-repeat 30px 50%;
}
#content #renomovana_spolecnost .wrapper{
  background: url(../img/icon_hclogo.png) no-repeat 26px 50%;
}
#content #flexibilita .wrapper{
  background: url(../img/icon_arrows.png) no-repeat 30px 50%;
}
#content #bez_rucitele .wrapper{
  background: url(../img/icon_noman.png) no-repeat 32px 50%;
}
#content .icon_box h3{
  margin: 0px 0px 10px 0px;
  font-size: 20px;
  color: #292a25;
  font-weight: normal;
}
#content #pet_procent h3{
  color: #e01642;
}
#content .icon_box p{
  margin: 0px 0px 23px 0px;
  line-height: 22px;
}

#right_panel{
  float: left;
  width: 360px;
  padding: 25px 0px 0px 0px;
}
#right_panel #cta_box{
  position: relative;
  right: -10px;
  width: 360px;
  height: 353px;
  margin: 0px 0px 30px 0px;
  background: url(../img/box_clerk.png) no-repeat;
  color: #292a25;
}
#right_panel #cta_box h4{
  position: absolute;
  top: 45px;
  left: 30px;
  margin: 0px;
  font-size: 20px;
  font-weight: normal;
}
#right_panel #cta_box h4 strong{
  font-size: 22px;
}
#right_panel #cta_box #percentage{
  position: absolute;
  top: 70px;
  left: 40px;
  font-size: 72px;
  font-style: italic;
  font-weight: bold;
}
a#button_chcipujcku{
  position: absolute;
  bottom: 30px;
  left: 40px;
  display: block;
  width: 156px;
  height: 156px;
  padding-right: 140px;
  padding-top: 150px;
  background: url(../img/button_chcipujckut.png) no-repeat 0px 0px;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/button_chcipujckut.png', sizingMethod='crop');
  cursor: pointer;
  overflow: hidden;
}
a#button_chcipujcku:hover{
  background-position: 0px -306px;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/button_chcipujckut.png', sizingMethod='crop');
  cursor: pointer;
  overflow: hidden;
}
#more_info{
  position: relative;
  padding: 0px 0px 0px 120px;
  color: #80b4b4;
}
#more_info span{
  position: absolute;
  top: 20px;
  left: 358px;
}
a#button_chcipujcku2{
  display: block;
  width: 230px;
  height: 57px;
  background: url(../img/button_chcipujcku2.png) no-repeat 0px 0px;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/button_chcipujcku2.png', sizingMethod='crop');
  cursor: pointer;
  overflow: hidden;
}
a#button_chcipujcku2:hover{
  background-position: 0px -57px;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/button_chcipujcku2.png', sizingMethod='crop');
  cursor: pointer;
  overflow: hidden;
}

#progress{
  position: relative;
  right: -10px;
  width: 337px;
  height: 290px;
  background: url(../img/progress.png) no-repeat bottom;
}
#progress h4{
  margin: 0px;
  font-size: 30px;
  color: #292a25;
  text-transform: uppercase;
  letter-spacing: -1px;
  font-weight: normal;
}
#progress h4 span{
  font-size: 34px;
  font-weight: bold;
}
#progress01,
#progress02,
#progress03
{
  position: absolute;
  top: 71px;
  left: 52px;
  font-size: 19px;
  color: #fff;
  text-shadow: 1px 1px 1px #000;
}
#progress02{
  top: 152px;
  left: 58px;
  font-size: 20px;
}
#progress03{
  top: 240px;
  left: 60px;
  font-size: 22px;
}
#progress a{
  color: #ffffff;
}


.bg_wrapper_top{
  margin: 40px 0px 0px 0px;
  padding: 20px 0px 0px 0px;
  background: #fff url(../img/lines_top.png) repeat-x 0 0; 
}
.bg_wrapper_bottom{
  padding: 20px 0px 20px 0px; 
  background: #fff url(../img/lines_bottom.png) repeat-x 0 100%;
}
.white a{
  color: #45aaea;
  font-weight: bold;
}
.white .box{
  float: left;
  width: 295px;
  padding: 0px 15px 0px 15px;
}
.white .box h5{
  margin: 0px 0px 15px 0px;
  font-size: 28px;
  text-transform: uppercase;
  color: #292a25;
  letter-spacing: -1px;
  line-height: 32px;
}
.white .box h5 span{
  color: #e01642;
  font-size: 32px;
  line-height: 28px;
}
.white .box p{
  margin: 0px 0px 0px 0px;
  font-size: 14px;
  line-height: 24px;
}
.white .box table{
  width: 100%;
  background: #fff;
}
.white .box table th{
  padding: 3px 0px 3px 0px;
  text-align: left;
  color: #45aaea;
}
.white .box table td{
  padding: 5px 10px 8px 0px;
}
.white .box a.button_orange{
  float: right;
  display: block;
  width: 176px;
  height: 28px;
  margin: 15px 0px 0px 0px;
  padding: 12px 0px 0px 0px;
  text-align: center;
  color: #fff;
  background: url(../img/button_orange.png) no-repeat;
  text-decoration: none;
  text-shadow: 1px 1px 1px #222;
}
.white .box a.button_blue{
  float: right;
  display: block;
  width: 123px;
  height: 41px;
  margin: 15px 0px 0px 0px;
  padding: 12px 0px 0px 0px;
  text-align: center;
  color: #fff;
  background: url(../img/button_blue.png) no-repeat;
  text-decoration: none;
  text-shadow: 1px 1px 1px #222;
}
.white .box a.button_orange:hover,
.white .box a.button_blue:hover{
  text-decoration: underline;
}


#footer{
  padding: 25px 0px 15px 0px;
  background: url(../img/logo_hc_footer.png) no-repeat 98% 50%;
}
#footer a{
  color: #000;
  font-weight: bold;
}
#footer p{
  line-height: f24px;
}
.error{
  color: red;
  font-weight: bold;
}
.small_text{
  font-size: 10px;
}

fieldset a {
  font-size: 8pt;
}