/* CSS Document */
/* Style pre stranku pre vsetky sekcie */
body {
  background: url(img/grad_page.jpg) repeat-x;
  text-align: center;
  font-family:arial,sans-serif;
}
img {
  border:none;
}
a {
  color: #F38B04;
}
a:hover {
  color: #831F22;
}
div {
  text-align: left;
}
.clb {
  clear: both;
  margin: 0;
  padding: 0;
}
form {
  padding: 0px;
  margin: 0px;
}

/* bloky stranky */
.block-top {
  width: 990px;
  height: 120px;
  margin: 0 auto;
  padding: 0px;
	margin-left: auto;
	margin-right: auto;
}
.block-top-td-logo {
  width: 220px;
  height: 100px;
  margin: 0px;
  padding: 20px 0 0 0;
  display: block;
  float: left;
}
.block-top-td-operator {
  width: 470px;
  height: 120px;
  margin: 0px;
  padding: 0px;
  display: block;
  float: left;
  background-image: url(img/header_operator.gif);
}
.block-top-td-operator span {
  width: 371px;
  margin: 36px 0 0 6px;
  padding: 0px;
  display: block;
  font-family: arial;
  font-size: 35px;
  color: #F38B04;
  text-align: center;
}
.block-top-td-kontakt {
  width: 135px;
  height: 120px;
  margin: 0px;
  padding: 0px;
  display: block;
  float: left;
}
.block-top-td-kontakt ul {
  list-style: none;
  padding: 10px 0px 0px 0px;
  font-family: arial;
  font-size: 13px;
  margin: 13px 0px 0px 0px;
}
.block-top-td-kontakt ul li {
  padding-top: 5px;
}
.telnum {
  background: url(./img/top_telnum.gif) no-repeat; 
}
.awards {
  width:205px;
  height:auto; /*dle výšky top-menu - pozor -změna velikosti fontu změní i polohu tohoto prvhku - kvůli IE 6*/
  background: url(./img/oceneni.gif) no-repeat;
  padding:88px 0 22px 0;
  font-size:12px;
  text-align:center; 
  color:#458706;
}
.block-lef-top-menu {
  height:120px;
  display: block;  
}
.menu-lef {
  margin:0;
  padding:0;
}
.menu-lef li {
  margin:0;
  list-style: none;
}
.menu-lef li a {
  display:block;
  padding: 0 0 0 20px;
  height:25px;
  color:#0F3973;
  text-decoration:none;
  font-size:14px;
  background: url(./img/back-ico.gif) no-repeat 0 0;

}
.menu-lef li a:hover {
  background: url(./img/back-ico-act.gif) no-repeat 0 0;
  color:#F38B04;
  text-decoration:underline;  
}
.block-top-menu {
  height:auto;
  margin:0px;
  padding:0px;
  width:765px;
  padding-bottom:17px;
}
.block-top-menu .tabs-top {
  height:59px;
  width:765px;
}
.block-top-menu .tabs-top span {
  display:block;
  padding:10px 0 0 10px;
  font-size:24px;
  text-decoration:none;
}
.block-top-menu .tabs-bottom {
  height:44px;
  width:765px;
  background: transparent url(./img/tabs-bottom_bg.gif) 0 0 no-repeat;
}
.block-top-menu .tabs-bottom span {
  display:block;
  padding:12px 0 0 10px;
  font-size:18px;
}
.block-top-menu .tabs-top ul, .block-top-menu .tabs-bottom ul {
  list-style:none;  
  margin:0;
  padding:0;
}
.block-top-menu .tabs-top li, .block-top-menu .tabs-bottom li {
  float:left;
}
.block-top-menu .tabs-top a {
  display:block;
  float:left;
  width: 174px;
  height:59px;
  background: transparent url(./img/tabs_top.gif) 0 0 no-repeat;
  text-decoration:none;
  color:#0F3973;
}
.block-top-menu .tabs-bottom a {
  display:block;
  float:left;
  width: 178px;
  height:44px;
  background: transparent url(./img/tabs-bottom.gif) 1px 4px no-repeat;
  text-decoration:none;
  color:#0F3973;
}
.block-top-menu .tabs-top a.active {
  background: transparent url(./img/tabs_top_active.gif) 0 0 no-repeat;
  color:#fff;
}
.block-top-menu .tabs-bottom a.active {
  background: transparent url(./img/tabs-bottom_active.gif) 1px 4px no-repeat;
  color:#fff;
}
.block-top-menu .tabs-top a:hover, .block-top-menu .tabs-bottom a:hover{
  text-decoration: underline;
  color:#F38B04;
}
.block-top-menu .tabs-top a.active:hover, .block-top-menu .tabs-bottom a.active:hover{
  text-decoration: underline;
  color:#fff;
}
.block {
  width: 990px;
  margin: 0px;
  padding: 0px;
	margin-left: auto;
	margin-right: auto;
	position:relative;
}
.block-left {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 225px;
  display: block;
  float: left;
}
.block-right {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 765px;
  display: block;
  float: right;
}
/* tlacitka */
.button_back{
  display: block;
  float: left;
}
.button_next{
  display: block;
  float: right;
}
.button_next#text{
  width: 600px;
}
.button_next#text p{
  padding-top: 10px;
  margin: 0px;
  font-family: Corbel, arial;
  font-size: 14px;
  color: #000000;
}
.gotostep{
  width:117px;
  height: 35px;
  float: left;  
  display: block;
  text-align: center;
  cursor: pointer;
  font-family: Corbel, arial;
  font-size: 14px;
  color: #FFFFFF;
}
.gotostep span{
  padding-top: 10px;
  display: block;
  width:117px;
  height: 25px;
  float: left;  
  display: block;
}

.gotostep#normal {
  background: url(./img/form_gotostep.gif);
}

.gotostep#normal span:hover{
  background: url(./img/form_gotostep_hover.gif);
}

.gotostep#back {
  background: url(./img/form_gotostep_b.gif);
}

.gotostep#back span:hover{
  background: url(./img/form_gotostep_b_hover.gif);
}

.gotostep#back {
  background: url(./img/form_gotostep_b.gif);
}

.gotostep#back span:hover{
  background: url(./img/form_gotostep_b_hover.gif);
}

.gotostep#normal_blbg {
  background: url(./img/form_gotostep_blbg.gif);
}

.gotostep#normal_blbg span:hover{
  background: url(./img/form_gotostep_blbg_hover.gif);
}
.gotostep#vyber1, .gotostep#vyber{
  width:120px;
  height: 45px;
  background: url(./img/form_vyber_first.gif);
}
.gotostep#vyber1 span, .gotostep#vyber span{
  padding-top: 5px;
  width:120px;
  height: 40px;
}
.gotostep#vyber1 span:hover{
  background: url(./img/form_vyber_first_hover.gif);
}
.gotostep#vyber{
  background: url(./img/form_vyber.gif);
}
.gotostep#vyber span:hover{
  background: url(./img/form_vyber_hover.gif);
}
/* menu left */
ul.menu-left {
  list-style: none;
  margin: 0;
  padding: 5px 0 17px 0;
  font-family: arial;
  font-size: 15px;
  width:203px;
}
ul.menu-left li{
  padding: 0px 10px 5px 8px;
}
ul.menu-left a {
  background: url(./img/odrazka_modra.gif) no-repeat 0px 4px;
  color: #0F3973;
  text-decoration: none;
  padding-left:18px;
  display: block;
}
ul.menu-left a:hover {
  background: url(./img/odrazka_oranzova.gif) no-repeat 0px 4px;
  color: #F38B04;
  text-decoration: underline;
}
ul.menu-left a.active {
  background: url(./img/odrazka_oranzova.gif) no-repeat 0px 2px;
  color: #F38B04;
}
ul.small {
  font-size: 12px;
}
ul.small a {
  background-position: 0px 2px;
}
ul.small a:hover {
  background-position: 0px 2px;
}
/* calkulacka v menu */
.calc-pocet {
  height: 48px;
  margin: 0px 0px 15px 0;
  background: url(./img/kalkulacka.gif) no-repeat left center;
  font-family: arial;
  color: #3D4756;
}
.calc-pocet span {
  padding: 0px 10px 0 40px;
  line-height: 1.4;
  font-size:11px;
  display: block;
}
.calc-pocet span strong {
  font-weight: bold;
}
/* footer */
.footer span, .footer-links span {
  color: #C0C0C0;
}
.footer, .footer-links {
  width: 765px;
  padding: 0px;
  margin: 0px;
  font-family: arial;
  font-size: 11px;
  color: #3D4756;
}
.footer-links {
  padding: 0px 0px 25px 0px;
  text-align: center;
  line-height: 20px;
}

/* nadpisy */
h1,h2,h3,h4 {
  font-family: arial, sans-serif;
  font-size: 25px;
  padding: 15px 5px 5px 0px;
  color: #274F88;
  margin: 0px;
}
h2 {
  font-size: 20px;
  padding: 15px 5px 5px 0px;
}
h3 {
  font-size: 15px;
  padding: 10px 0px 5px 0px;
}
h4 {
  font-size: 12px;
  padding: 5px 5px 0px 0px;
}
.block-left h1 {
  font-family: arial;
  font-size: 13px;
  padding: 0px 0px 0px 5px;
}
.block-left h3 {
  display:block;
  width:195px;
  height:27px;
  font-size: 18px;
  font-weight:normal;
  background: url(./img/left_h3.gif) no-repeat 0 0;
  padding:10px 0 0 10px;
}
.block-left h4 {
  display:block;
  width:195px;
  height:27px;
  font-size: 14px;
  font-weight:bold;
  background: url(./img/left_h3.gif) no-repeat 0 0;
  padding:10px 0 0 10px;
}
.endmenu-middle {
  width:203px;
  border-left: 1px #C7CDD4 solid;
  border-right: 1px #C7CDD4 solid;
}
.endmenu-left {
  display:block;
  width:205px;
  height:10px;
  background: url(./img/endmenu-left.gif) no-repeat 0 0;
  padding-bottom: 27px;
}
/* box okno */
.box-top {
  width: 765px;
  background: url(./img/box-top.gif) no-repeat left top;
  padding-top: 10px;
  padding-bottom: 15px;
}
.box-bottom {
  width: 765px;
  background: url(./img/box-bottom.gif) no-repeat left bottom;
  padding-bottom: 10px;
}
.box {
  width: 765px;
  background: url(./img/box-middle.gif) repeat-y center center;
  padding: 0px;
}
.box-content {
  padding: 0px 18px 5px 17px;
}
.box-content p {
  font-family: arial;
  font-size: 12px;
  line-height: 20px;
  text-align: justify;
  margin: 0px;
  padding: 6px 0px 6px 0px;
}
.box-content ul {
  font-family: arial;
  font-size: 12px;
  line-height: 20px;
  text-align: justify;
  margin: 0px 0px 0px 15px;
  padding: 2px 0px 2px 0px;
}
.box-content .img_alg_left {
  float: left;
  padding: 0px 10px 10px 0px;
}
/* errorove okno */
.err_top, .ok_top {
  display: block;
  width: 730px;
  background: url(./img/background_err_top.gif) no-repeat top;
  padding-top: 10px;
  margin: 0px 0px 10px 0px;
}
.err_middle, .ok_middle {
  display: block;
  width: 730px;
  background: url(./img/background_err_middle.gif) repeat-y;
  padding: 0px;
}
.err_middle p, .ok_middle p {
  font-family: arial;
  font-weight: bold;
  font-size: 16px;
  color: #FFFFFF;
  padding: 0px 20px 0px 20px;
}
.err_bottom, .ok_bottom {
  display: block;
  width: 730px;
  background: url(./img/background_err_bottom.gif) no-repeat bottom;
  padding-bottom: 10px;
  margin: 0px;
}
.ok_top {
  background: url(./img/background_ok_top.gif) no-repeat top;
}
.ok_middle {
  background: url(./img/background_ok_middle.gif) repeat-y;
}
.ok_bottom {
  background: url(./img/background_ok_bottom.gif) no-repeat bottom;
}
/* styly pre datumy vo formularoch */
.datum_d, .datum_m, .datum_y {
  width: 40px;
  text-align: center;
}
.datum_y {
  width: 60px;
}
#form_error {
  border: 2px #FF0000 solid;
}
input#form_error[type="checkbox"], input#form_error[type="radio"] {
  border: none;
  outline: 2px #FF0000 solid;
}
/* tabulka - všeobecna */
table.tabulka {
  border: 1px #000000 solid;
  font-family: arial;
}
table.tabulka th {
  font-size: 12px;
  border-bottom: 1px #C0C0C0 solid;
  border-right: 1px #C0C0C0 solid;
  padding:5px;
  margin:0px;
  font-weight: bold;
  background-color: #F0F0F0;
}
table.tabulka td {
  font-size: 12px;
  border-bottom: 1px #C0C0C0 solid;
  border-right: 1px #C0C0C0 solid;
  padding:5px;
  margin:0px;
}
/* callmenow */
#cmn_container input, #cmn_container select, #cmn_container .cmn_form_button {
  padding:1px 0 1px 0px;
  margin:1px 0 1px 10px;
}
.cmn_text {
  font-size:12px;
  padding:5px 10px 5px 10px;
}
.cmn_text p {
  margin:0;
  color:#0F3973;
  padding:0px 0px 5px 0px;
}
.cmn_text img {
  float:left;
}
.cmn_text span {
  color:#0F3973;
  font-weight:bold;
}
/* ostatní styly používaní po celém webu */
.hr {
  margin-top:30px;
  border-top:1px solid #C7CDD4;
}
.more {
  margin:18px 0 10px 0;
  font-size:12px;
}
.more li{ 
  list-style: url(./img/point.gif);
  padding:0;
  margin:2px;
  border:none;
}
p.datum {
  margin:0;
  padding:0;
  color:#999;
  font-size:12px;
}
/* pozadí pro ostantní stránky na webu ktere nemají vlastní styl*/
.aktuality-z-pojisteni {
  background: url(./img/hp/novinky.gif) no-repeat 620px 0; 
}
/* helpbox */
.helpbox {
  display: block;
  font-family: arial;
  position: absolute;
  padding: 5px;
  width: 400px;
  height: 140px;
  background: url(img/bublina.gif) no-repeat;
}
.helpbox_content {
  display: block;
  width: 365px;
  height: 95px;
  overflow: auto;
  font-size:12px;
  padding: 15px 15px 10px 10px
}
.helpbox_zavri {
  position: absolute;
  top: 3px;
  left: 365px;
}