
html{
padding: 0px;
margin: 0px;
}

*{
padding: 0px;
margin: 0px;
}


body{
background: #fff url('../images/bg.png') repeat-x;
text-align: center;
font-family: Arial;
}

a{
text-decoration: none;
}

a:hover{
text-decoration: none;
}

.cleaner{
clear: both;
}

ul{
padding: 0px;
margin: 0px;
}

p{
padding: 0px;
margin: 0px;
font-size: 85%;
margin: 0 0 20px 0;
}

#header{
width: 920px;
height: 164px;
position: relative;
text-align: left;
margin: 0 auto 0 auto;
background: url('../images/header.png') top no-repeat;
}

div#logo {
	float: left;
	position: relative; 
	overflow: hidden;
	background: none;
	text-decoration: none;
	left: 100px;
	top: 25px;
}

div#logo, div#logo span {
width: 145px;
height: 56px;
	display: block;
	cursor: pointer;
}
 
div#logo span {
	position: absolute; 
	left: 0; 
	top: 0; 
	z-index: 1;
	background: url('../images/logo.gif') no-repeat;
}


h2#slogan{
float: right;
width: 400px;
color: #fff;
font-weight: normal;
line-height: 25px;
font-size: 105%;
}


#navigation{
list-style: none;
float: right;
background: url('../images/menu_up.png') left repeat-x;
border-right: 1px solid #3766A5;
}

#navigation li{
float: left;
font-size: 72%;
padding: 9px 5px 13px 5px;
background: url('../images/lista.png') right no-repeat;
}

#navigation li#first{
background: url('../images/menu_up-first.png') left no-repeat;
}

#navigation a{
color: #000;
text-decoration: underline;
}

#navigation a:hover{
color: #000;
text-decoration: none;
}

#menu{
position: absolute;
list-style: none;
padding: 54px 0 0 0;
}

#menu li{
float: left;
margin: 0 12px 0 0;
font-size: 85%;
font-weight: bold;
}

#menu li a{
padding: 8px 13px 9px 13px;
text-decoration: none;
color: #fff;
line-height: 38px;
font-weight: bold;
background: url('../images/menu.gif') left repeat-x;
}

#menu li span.right{
width: 9px;
padding: 9px 0 9px 0;
line-height: 35px;
background: url('../images/menu-right.gif') top no-repeat;
}

#menu li a:hover{
text-decoration: underline;
color: #fff;
}

#menu li#active{
line-height: 35px;
float: left;
margin: 1px 12px 0 0;
}

#menu li#active span.right{
width: 14px;
line-height: 38px;
padding: 8px 0 9px 0;
background: url('../images/menu-active-right.png') top repeat-x;
}

#menu li#active a{
padding: 8px 13px 9px 13px;
text-decoration: none;
color: #1B455D;
font-weight: bold;
background: url('../images/menu-active.png') top repeat-x;
}

#menu li#active a:hover{
text-decoration: underline;
color: #1B455D;
}

#submenu{
list-style: none;
width: 920px;
height: 30px;
text-align: left;
margin: 15px auto 0 auto;
}

#submenu li{
float: left;
font-weight: bold;
font-size: 77%;
background: url('../images/lista2.png') right no-repeat;
}

#submenu li a{
padding: 8px 17px 10px 9px;
font-weight: bold;
color: #29404C;
}

#submenu li a:hover{
color: #29404C;
text-decoration: underline;
}

#layout{
clear: both;
width: 931px;
text-align: left;
margin: 0 auto 0 auto;
background: #fff url('../images/layout.gif') no-repeat;
}

#layout #left{
padding: 10px 300px 0 31px;
}

#layout #left p{
line-height: 21px;
font-size: 80%;
}

#left ul {
  line-height: 21px;
  font-size: 13px;
  padding-left: 20px;
  padding-bottom: 7px;
}

#layout #right{
float: right;
width: 265px;
padding: 0 19px 0 0;
margin: 0px;
}

#layout h1{
font-size: 165%;
margin: 10px 0 15px 0;
font-weight: normal;
color: #4471AD;
}

#layout h2{
font-size: 125%;
margin: 15px 0 15px 0;
padding: 10px 0 0 0;
color: #4471AD;
}

#layout a#box-pojisteni{
float: left;
width: 182px;
height: 176px;
padding: 10px 0 0 10px;
margin: 0 8px 15px 0;
color: #fff;
font-weight: bold;
display: block;
text-decoration: none;
background: url('../images/box-pojisteni.png') top left no-repeat;
}

#layout a#box-pripojisteni{
float: left;
width: 182px;
height: 176px;
padding: 10px 0 0 10px;
margin: 0 0 15px 0;
color: #fff;
font-weight: bold;
display: block;
text-decoration: none;
background: url('../images/box-pripojisteni.png') top left no-repeat;
}

#layout a#box-sporeni{
float: left;
width: 182px;
height: 176px;
padding: 10px 0 0 10px;
margin: 0 8px 15px 0;
color: #fff;
font-weight: bold;
display: block;
text-decoration: none;
background: url('../images/box-sporeni.png') top left no-repeat;
}



#layout div.news{
color: #6A6A6A;
width: 570px;
/* font-size: 85%; */
padding: 0 0 10px 0;
margin: 0 0 10px 0; 
border-bottom: 1px solid #E8E8E8;
}

#layout div.news a{
color:#4471AD;
font-weight: bold;
/* font-size: 93%; */
text-decoration: underline;
}

#layout div.news a:hover{
color:#4471AD;
font-weight: bold;
text-decoration: none;
}



#left a{
color:#4471AD;
font-weight: bold;
font-size: 93%;
text-decoration: underline;
}

#left a:hover{
color:#4471AD;
font-weight: bold;
text-decoration: none;
}


#layout div.news strong{
color: #000;
}

#layout div.news img{
float: left;
margin: 5px;
}

#layout #box-big{
float: left;
width: 606px;
margin: 15px 0 15px 0;
background: url('../images/box-big.png') top left repeat-y;
}

#layout #box-big h2{
width: 596px;
height: 38px;
color: #fff;
margin: 0 0 0 0;
font-size: 98%;
padding: 10px 0 0 10px;
background: url('../images/box-big-up.png') top left no-repeat;
}


#layout #box-big span.down{
float: left;
width: 606px;
height: 12px;
margin: 0 0 0 0;
padding: 0px;
background: url('../images/box-big-down.png') bottom left no-repeat;
}

#layout .box{
width: 256px;
color: #1F3954;
margin: 30px 0 0 0;
}



#layout .box h2{
width: 246px;
height: 38px;
color: #fff;
margin: 0 0 0 0;
font-size: 98%;
padding: 10px 0 0 10px;
background: url('../images/box-up.png') top left no-repeat;
}

#layout .box .hr{
width: 230px;
border: 1px solid #CBD4D9;
margin: 7px 0 7px 0;
}

#layout .box .text{
padding: 5px 8px 8px 8px;
margin: 0px;
background: url('../images/box.png') top repeat-y;
}

#layout .box .text p{
line-height: 20px;
margin: 0 0 20px 0;
font-size: 80%;
font-weight: normal;
}

.box .text ul {
  font-size: 80%;
  padding: 5px 8px 8px 8px;
  padding-left: 15px;
  padding-top: 0px;
}

#layout .box .text span.sipka{
padding: 0 5px 0 2px;
background: url('../images/sipka.png') 0px 3px no-repeat;
}

#layout .box .text address{
font-style: normal;
line-height: 20px;
font-size: 80%;
}

#layout .box .text a{
color: #1F3954;
text-decoration: underline;
}

#layout .box .text a:hover{
color: #1F3954;
text-decoration: none;
}


#layout .box span.down{
clear: both;
float: left;
width: 256px;
height: 12px;
margin: 0 0 0 0;
padding: 0px;
background: url('../images/box-down.png') top no-repeat;
}

#partneri{
list-style: none;
padding: 21px;
}

#partneri li{
width: 180px;
height: 80px;
float: left;
text-align: center;
}

#partneri img{
border: none;
}


#box-big #all{
clear: both;
text-align: right;
color: #22426C;
margin: 0 25px 0 0;
}

#box-big #all a{
color: #22426C;
font-size: 85%;
font-weight: bold;
text-decoration: underline;
}

#box-big #all a:hover{
color: #22426C;
text-decoration: none;
}

#footer{
width: 100%;
height: 89px;
height: auto;
margin: 0 auto 0 auto;
background: url('../images/foot.png') top repeat-x;
}

#footer p{
float: left;
color: #1F3954;
font-weight:bold;
padding: 20px 6px 6px 180px;
}

#footer a, #footer a:hover{
color: #1F3954;
font-weight:bold;
text-decoration: none;
}

/* podstranka style */


#layout table{
width: 580px;
margin: 15px auto 15px auto;
}

#layout table tr.blue{
background: #4A76B0;
color: #fff;
}
#layout table td{
padding: 5px;
}

#layout table tr{
background: #E8E8E8;
}

form{
float: left;
width: 580px;
padding: 0px;
margin: 0px;
font-size: 95%;
}

form label{
clear: both;
float: left;
margin: 7px 0 0 0;
width: 108px;
}

form input{
float: left;
margin: 7px;
border: none;
}


form .formular{
width: 222px;
height: 16px;
padding: 8px;
background: url('../images/form.png') no-repeat;
}

form .textarea{
float: left;
width: 309px;
border: none;
height: 148px;
margin: 7px 0 0 0;
padding: 5px;
background: url('../images/textarea.png') no-repeat;
}

form .submit{
clear: both;
width: 81px;
border: none;
height: 31px;
margin: 7px 0 0 110px;
color: #fff;
font-weight: bold;
background: url('../images/submit2.png') no-repeat;
}

a#sjednat-pojisteni-big{
padding: 9px 0 12px 50px;
color: #fff;
font-weight: bold;
margin: 19px 0 6px 0;
display: block;
background: url('../images/sjednat-pojisteni-big.png') no-repeat;
}

a#mam-dotaz-big{
padding: 9px 0 12px 50px;
color: #fff;
font-weight: bold;
margin: 6px 0 6px 0;
display: block;
background: url('../images/mam-dotaz-big.png') no-repeat;
}

a#zavolej-big{
padding: 9px 0 12px 50px;
color: #fff;
font-weight: bold;
margin: 6px 0 6px 0;
display: block;
background: url('../images/zavolej-big.png') no-repeat;
}

a#sjednat-pojisteni{
float: left;
padding: 9px 21px 12px 45px;
color: #fff;
font-weight: bold;
display: block;
text-decoration: none;
margin: 15px 5px 0 0;
background: url('../images/sjednat-pojisteni.png') no-repeat;
}

a:hover#sjednat-pojisteni {
  color: #ffffff;
}

a#mam-dotaz{
float: left;
padding: 9px 77px 12px 34px;
color: #fff;
font-weight: bold;
text-decoration: none;
display: block;
margin: 15px 5px 0 0;
background: url('../images/mam-dotaz.png') no-repeat;
}


a:hover#mam-dotaz {
  color: #ffffff;
}

a#zavolej{
float: left;
padding: 9px 75px 12px 30px;
color: #fff;
font-weight: bold;
text-decoration: none;
display: block;
margin: 15px 5px 0 0;
background: url('../images/zavolej.png') no-repeat;
}

a:hover#zavolej {
  color: #ffffff;
}

.tlacitka a {
  text-decoration: none;
  color: #ffffff;
}

.tlacitka a:hover {
  text-decoration: none;
  color: #ffffff;
}




ol {
list-style-type: none;
}

.ad {
  float: left;
  padding-right: 0px;
  padding-bottom: 10px;
}
.clear {
  clear: both;
}
