* {
    margin: 0;
    padding: 0;
}
html, body {
    height:100%;
}
html {
    font-size: 100%;
}
body {
    font: 62.5% Arial, Helvetica, sans-serif;    
    background: white;
}
img {
  border: 0;  
}
.clear{
    clear: both;
}
a {  
  
}
/**/
div.menu {
    background: url('../img/bg_body.png') top right repeat-x white;   
}
div.top {
    background: url('../img/bg_body.png') 0 -51px repeat-x white;
    overflow: hidden;
    width: 100%;
    clear: both;
    position: relative;
}
/**/
#container {
    min-height:100%;
    position:relative;    
}
p, .vice {
    font-size: 1.4em;
    line-height: 1.5;
}

#foot_main, #content, .m_c, .m_c, #head, .lista {
    width: 936px;    
    margin: 0 auto;
    text-align: left;
}
 #content  {
    padding: 0 12px 0 12px;
}
#content {
    padding-bottom: 162px;
}
#foot_main {
    padding: 0 12px;
}


#foot {    
    background: url('../img/bg_foot.png') top right repeat-x #070a0d;
    width: 100%;
    position: absolute;
    bottom: 0px;
}
#foot, #foot_main {
    height: 162px;
}
/**/
#head{
    background: url('../img/bg_head.jpg') 484px 0px no-repeat;
    position: relative;
}
/**/
ul.menu, ul.vyhody {
  list-style-type: none;
}
ul.menu li, ul.menu a {
    float: left;
}
ul.menu {    
    margin: 0 0 0 60px;
    height: 51px; overflow: hidden;
}
ul.menu a, ul.menu .r, ul.menu .l {
    display: block;    
    line-height: 42px;
}
ul.menu .r {
    padding: 0 18px;
}
ul.menu li {
    margin: 4px 22px 5px;
    font-size: 12px;
}
ul.menu p, ul.vyhody p {
    font-size: 14px;
}
ul.menu .active a, ul.menu .active .l, ul.menu .active .r,
ul.menu a:hover, ul.menu a:hover .l, ul.menu a:hover .r{
    background: url('../img/bg_menu.png') no-repeat;
}
 ul.menu a:hover, ul.menu .active a {
    background-position: center center;
    background-repeat: repeat-x;
}
ul.menu .active .r, ul.menu a:hover .r {
    background-position: right bottom;
}
ul.menu a {
    color: white;
    text-decoration: none;
}
/**/
.logo, .vyhody  {
    float: left;    
}
.zadost {
    float: right;
    margin-left: 100px;
}
.logo {
    width: 204px;
    height: 176px;
    background: url('../img/bg_logo.png') no-repeat;
    font-size: 21px;
}
.logo a {
    text-decoration: none;
    color: #d21c10;
    margin-top: 58px;
    padding-left: 36px;
}
.logo a, .logo a span {
    display: block;    
}
.logo a span {
    color: black;
}
/**/
ul.vyhody {
    position: relative;
    width: 288px;
    margin-left: 20px;
}
ul.vyhody li {
    color: #055c2a;
    padding-left: 18px;
    float: left;
    
}
ul.vyhody h2{
    font-size: 16px;
}

ul.vyhody li.arrow {
    background: url('../img/arrow.png') no-repeat 0 6px;
    margin-left: 10px;
}
ul.vyhody li.h2 {   
    padding-left: 10px;
}
ul.vyhody li p{
    line-height: 1.7;
    background: url("../img/bg_vyhody_row.png") repeat-x left bottom;
}

.noBackground{
    background: none !important;
}

ul.vyhody h2 {
    color: black;
    padding: 27px 0 8px 0;
}
a.vice {
    background: url('../img/vice.png') no-repeat;
    width: 55px;
    height: 26px;
    display: block;
    text-align: center;
    color: white;
    margin: 0px 0 0 200px;
}

a.vice:hover {
    text-decoration: none;
}
/**/
.zadost h2 {    
    padding: 0;
    margin: 48px 0px 0 10px;
    font-size: 17px;
}
.zadost h2 span {
    color: #ed1b34;
    font-style: italic;
}
p.button {
    margin: 25px 0 0 99px;
    width: 163px;    
    height: 60px;
    background: url('../img/button.png') no-repeat;
    line-height: 66px;
    text-decoration: none;
    font-size: 1.8em;
    /*font-weight: bold;*/
}
p.button a {
    padding: 0 0 0 10px;
    display: block;
    color: white;
    font-style: italic;
    text-decoration: none;
}
.button a:hover {
    text-decoration: underline;
}
/**/
h2.lista {
    margin-top: 25px;
    background: url('../img/bg_lista.png') no-repeat;
    height: 65px;
    line-height: 52px;
    color: white;
    font-weight: normal;
    font-size: 1.9em;
    overflow: hidden;
}
h2.lista span {
    padding: 0 20px;
}
/**/
#main {
    padding: 15px 0 20px;
}
#main h1 {
    font-size: 2.2em;    
    color: #d21c10;
}
#main h2 {
    margin-top: 10px;
    font-size: 1.8em;
    color: #001d52;    
}
#main .h h2 {
    margin-top: 10px !important;
}

#main p {
    margin: 5px 0;
}
#main a {
    color: #2375ae;
}
#main a:hover {
    text-decoration: none;
}

a.arrow {
    background: url('../img/double_arrow.png') no-repeat;
    padding-left: 11px;
    background-position: 0 7px
}
/**/
#right, #left {
    float: left;
}
#left {
    width: 606px;
    padding-right: 24px;
    overflow: hidden;
}
#right {
    width: 306px;
}
#right p, #left p {
    text-align: justify;
}

/**/
.bred, .bred a, .bred span,
.bblue, .bblue a, .bblue span,
.akcniButton, .akcniButton a, .akcniButton span {
    width: 170px;
    float: right;
    display: block;
    line-height: 51px;
    background: url('../img/akcni_button.png');
    text-align: center;
}
.bblue, .bblue a, .bblue span {
    background: url('../img/bblue.png');
}
.bred, .bred a, .bred span {
    background: url('../img/bred.png');
}
.bblue, .bblue a, .bblue span,
.bred, .bred a, .bred span {
    height: 42px; overflow: hidden;
    line-height: 42px;
}
.bred, .bred a, .bred span,
.bblue, .bblue a, .bblue span {
    width: 122px;
    font-weight: normal !important;
    font-size: 17px !important;
}
p.bblue {
    margin-right: 10px !important;
}
#main p.akcniButton,
#main p.bred,
#main p.bblue {
    text-align: center;
    padding: 0;
    background-position: center center;
    background-repeat: repeat-x;
}
#main .akcniButton a,
#main .bred a,
#main .bblue a{
    color: white;
    font-style: italic;
    font-size: 1.3em;    
}
.akcniButton span,
.bred span,
.bblue span{
    background-position: top left;
    background-repeat: no-repeat;
}
.akcniButton a,
.bred a,
.bblue a{    
    background-position: bottom right;
    background-repeat: no-repeat;
}
#main .akcniButton a:hover,
#main .bred a:hover,
#main .bblue a:hover{
    text-decoration: underline;
}
#main .akcniButton a,
#main .bred a,
#main .bblue a{
    text-decoration: none;
}
.bblue, .bred {
    margin-top: 100px !important;
}
/**/
#main p, #main h1, #main h2, #main h3 {
    padding-left: 0px;
}
/**/
#foot_main {
    background: url('../img/bg_foot_r.png') no-repeat left top;     
}
/**/
.odkazy, .copy {
    float: left;
    margin-top: 61px;
}
.copy {
    float: right;
    /*margin-right: 12px;*/
}
h2.odkazy strong {
    display: block;
    color: white;
    
}
h2.odkazy {
    padding-left: 22px;
    color: #91adcd;
    font-size: 1.7em;
    font-weight: normal;
}
ul.odkazy p, ul.odkazy li, ul.odkazy a {
    float: left;
}
ul.odkazy {    
    list-style-type: none;    
    margin-left: 50px;
}
ul.odkazy a {
    color: #b5c2d0;
    font-weight: bold;
}
ul.odkazy a:hover {
    text-decoration: none;
}
ul.odkazy li {
    padding: 0 20px;
    background: url("../img/foot_li_bg.png") no-repeat scroll 100% 70% transparent;
}
ul.odkazy li.noBack{
    background: none;
}
p.copy, ul.odkazy {
    margin-top: 68px;
}
p.copy {
    color: #b5c2d0;
    margin-top: 69px;
}

 p.copy a {
    color: white;
}
p.copy a {
    text-decoration: none;
}
p.copy a:hover {    
    text-decoration: underline;
}
#blank {
    padding: 6px 6px 0 0;
}
#blank hr {
    clear: both;
    height: 1px;
    overflow: hidden;
    background: #d8dbdf;
    border: 0px;
    
}
.item {
    padding: 30px 0 25px;
}
.nahled, .list {
    float: left;
}
.nahled {
    margin: 4px 20px 0 0;
}
#blank h2 {
    margin: 0px; padding: 0px;
}
.list li {
    background: url("../img/bg_list_li.png") no-repeat 0 7px;
    padding-left: 15px;
}
.list ul {
    margin: 0 0 0 0px;
    list-style-type: none;
}

#main p {
    text-align: justify;
}

div.list {
    width: 450px;
}
.detailBlue {
    padding-right: 122px;
}
.navigace {
    margin: 0px 0 10px 1px;
    font-size: 1.2em;
}
#zadost_r, #zadost_l {
    float:left;
    margin-top: 10px;
}
#zadost_l {
    width: 600px;
    margin-right: 10px;
    height: 750px;
}
#zadost_r {
    width: 320px;
    float: left;    
}
.blue {
    color: #001d52;
}
.red {
   color: #d21c10;
}
.block {
    display: block;
}
#zadost_r h2 {
    margin-left: 60px;
    font-size: 2.4em;
    font-weight: normal;
}

.zadost-detail ul, .zadost li {
    margin: 0; padding:0;
}
.zadost-detail {
    margin-bottom: 40px;
}
.zadost-detail li {
    background: url('../img/zadost-li-back.png') no-repeat;
    list-style-type: none;
    margin: 10px 0 15px;
}
.zadost-detail .number {
    font-size: 1.8em;
    font-weight: bold;
    float: left;
    display: block;
    width: 56px;
    height: 56px;
    text-align: center;
    line-height: 56px;
    color: white;
}
.zadost-detail p {
    padding-top: 5px;
    padding-right: 5px;
    float:right;
    clear: right;
    width: 76%;
}
#box-detail {
    margin: 0 auto;
    width: 280px;
    padding: 0 16px;
    background: url('../img/box.png') 0 100%;
}
#box-detail {
    width: 270px;
    padding: 0 21px 30px;
    background: url('../img/box.png') 0 100% no-repeat;
}
#box-detail-top {
    background: url('../img/box.png') no-repeat;
    height: 12px;
    margin: 0 -21px;
}
#main #box-detail p {
    text-align: left;
}
#box-detail-ul {
    
}
#box-detail-ul li{
    list-style-type: none;
    background: url('../img/box-detail-ul-li.png') no-repeat 0 1px;
    padding-left: 32px;
    margin: 14px 0;
}