html {
height: 100%;
margin: 0px;
padding: 0px;
}
body {
height: 100%;
margin: 0px;
background: #012e5c url(../images/body_bg.gif) top left repeat-x;
}
#global {
width: 100%;
height: 100%;
position: absolute;
margin-top: 0px;
margin-left: 0px;
top: 0%;
left: 0%;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 9px;
font-style: normal;
font-weight: normal;
line-height: 11px;
color: #7400f4;
}
/******************************* podklad *******************************/
#podklad {
width: 1400px;
height: 1032px;
overflow: hidden;
position: absolute;
margin-top: 0px;
margin-left: -700px;
top: 0%;
left: 50%;
z-index: 1;
background: url(../images/podklad_bg.jpg) top center no-repeat;
}
/******************************* navigation *******************************/
#navigation {
width: 900px;
height: 378px;
position: absolute;
margin-top: 0px;
margin-left: -450px;
top: 0%;
left: 50%;
z-index: 100;
}
#topmenu {
width: 886px;
height: 26px;
position: absolute;
top: 0px;
right: 7px;
z-index: 90;
float: right;
margin: 0px;
padding: 0px;
}
a.topmenu_item {
height: 26px;
position: relative;
display: block;
float: right;
width: auto;
padding: 0px 10px 0px 10px;
margin: 0px 0px 0px 4px;
background: url(../images/topmenu_off.gif) left center no-repeat;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 9px;
font-style: normal;
font-weight: normal;
line-height: 26px;
color: #c2e3f0;
text-decoration: none;
}
a.topmenu_item:hover {
background: url(../images/topmenu_over.gif) left center no-repeat;
color: #f2123f;
text-decoration: underline;
}
#logo {
width: 163px;
height: 120px;
position: absolute;
top: 26px;
left: 7px;
z-index: 89;
}
#jazyky {
width: 886px;
height: 26px;
position: absolute;
top: 26px;
right: 7px;
z-index: 88;
float: right;
margin: 0px;
padding: 0px;
}
a.jazyky_item {
height: 26px;
position: relative;
display: block;
float: right;
width: auto;
padding: 0px 5px 0px 10px;
margin: 0px 0px 0px 8px;
background: url(../images/jazyky_off.gif) left center no-repeat;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 9px;
font-style: normal;
font-weight: normal;
line-height: 26px;
color: #c2e3f0;
text-decoration: none;
}
a.jazyky_item:hover {
background: url(../images/jazyky_over.gif) left center no-repeat;
color: #f2123f;
text-decoration: underline;
}
img.jazyky_language {
width: 14px;
height: 26px;
position: relative;
display: block;
float: right;
padding: 0px 11px 0px 0px;
margin: 0px 0px 0px 0px;
}
#menu {
width: 900px;
height: 42px;
position: absolute;
top: 146px;
left: 0px;
z-index: 87;
float: left;
margin: 0px;
padding: 0px;
background: url(../images/menu_bg.gif) top left repeat-x;
}
a.menu_item {
height: 42px;
position: relative;
display: block;
float: left;
width: auto;
padding: 0px 18px 0px 18px;
background: url(../images/menu_bg.gif) top left repeat-x;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 9px;
font-style: normal;
font-weight: bold;
line-height: 42px;
color: #001b38;
text-decoration: none;
}
a.menu_item:hover {
color: #001b38;
text-decoration: underline;
}
a.menu_item_active {
height: 42px;
position: relative;
display: block;
float: left;
width: auto;
padding: 0px 18px 0px 18px;
background: url(../images/menu_bg.gif) top left repeat-x;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 9px;
font-style: normal;
font-weight: bold;
line-height: 42px;
color: #929292;
text-decoration: none;
}
a.menu_item_active:hover {
color: #929292;
text-decoration: underline;
}
img.menu_separator {
width: 1px;
height: 42px;
position: relative;
display: block;
float: left;
padding: 0px 1px 0px 1px;
margin: 0px 0px 0px 0px;
}
img.menu_border_left {
width: 7px;
height: 42px;
position: relative;
top: 0px;
left: 0px;
display: block;
float: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
img.menu_border_right {
width: 7px;
height: 42px;
position: relative;
top: 0px;
right: 0px;
display: block;
float: right;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#banner {
width: 900px;
height: 190px;
position: absolute;
top: 188px;
left: 0px;
z-index: 86;
float: left;
margin: 0px;
padding: 0px;
}
img.banner_item {
height: 190px;
position: relative;
display: block;
float: left;
width: auto;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
/******************************* content *******************************/
#content {
width: 900px;
position: absolute;
margin-top: 378px;
margin-left: -450px;
top: 0%;
left: 50%;
z-index: 99;
}
#container {
width: 886px;
position: relative;
top: 0px;
left: 0px;
display: block;
float:left;
padding: 0px 7px 0px 7px;
margin: 0px 0px 0px 0px;
background: url(../images/container_bg.gif) top left repeat-y;
z-index: 70;
}
#container .matrosh {
width: 593px;
position: relative;
display: block;
float: left;
background: url(../images/matrosh_bg.gif) top left repeat-x;
}
#container .matrosh .nadpis {
width: 573px;
height: 42px;
position: relative;
display: block;
padding: 0px 10px 0px 10px;
}
#container .matrosh .nadpis p.nadpis_style1{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 9px;
font-style: normal;
font-weight: bold;
line-height: 42px;
color: #131313;
text-decoration: none;
text-align: left;
}
/******************************* obsah *******************************/
#container .matrosh .obsah {
width: 573px;
position: relative;
display: block;
padding: 10px 10px 10px 10px;
}
#container .matrosh .obsah p.obsah_style1 {
margin: 10px 0px 16px 0px;
padding: 0px 0px 0px 0px;
font-family: Helvetica, Arial, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
line-height: 16px;
color: #383838;
text-decoration: none;
text-align: justify;
}
#container .matrosh .obsah .obsah_hr {
width: 563px;
height: 1px;
position: relative;
display: block;
float: left;
margin: 6px 0px 7px 0px;
font-size: 1px;
line-height: 1px;
background: url(../images/obsah_hr.gif) top left no-repeat;
}
#container .matrosh .obsah .obsah_clear {
width: 573px;
height: 18px;
position: relative;
display: block;
float: left;
padding: 0px 0px 0px 0px;
}
/******************************* info *******************************/
#container .info {
width: 273px;
position: relative;
display: block;
float: left;
padding: 10px 10px 10px 10px;
background: url(../images/info_bg.gif) top left repeat-x;
}
#container .info .info_hr {
width: 273px;
height: 20px;
position: relative;
display: block;
float: left;
padding: 2px 0px 10px 0px;
}
#container .info p.info_style1 {
margin: 10px 0px 10px 0px;
padding: 0px 0px 0px 0px;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 9px;
font-style: normal;
font-weight: normal;
line-height: 13px;
color: #aeaeae;
text-decoration: none;
text-align: justify;
}
#container .info p.info_style2 {
margin: 15px 0px 15px 0px;
padding: 0px 0px 0px 0px;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 9px;
font-style: normal;
font-weight: normal;
line-height: 13px;
color: #00bfe2;
text-decoration: none;
text-align: justify;
}
#container .info p.info_style5 {
margin: 10px 10px 10px 10px;
padding: 0px 0px 0px 0px;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 9px;
font-style: normal;
font-weight: normal;
line-height: 13px;
color: #aeaeae;
text-decoration: none;
text-align: justify;
}
#container .info p.info_style5 a.info_href {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 9px;
font-style: normal;
font-weight: normal;
line-height: 13px;
color: #aeaeae;
text-decoration: underline;
text-align: left;
}
#container .info p.info_style5 a.info_href:hover {
color: #00b3e2;
text-decoration: underline;
}
#container .info .panel {
width: 273px;
position: relative;
display: block;
float: left;
padding: 0px 0px 0px 0px;
}
#container .info .panel .panel_item {
width: 136px;
height: 70px;
position: relative;
display: block;
float: left;
padding: 0px 0px 0px 0px;
}
#container .info .panel .panel_item p.info_style3 {
margin: 20px 10px 0px 10px;
padding: 0px 0px 0px 0px;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 9px;
font-style: normal;
font-weight: normal;
line-height: 13px;
color: #686868;
text-decoration: none;
text-align: left;
}
#container .info .panel .panel_item p.info_style4 {
margin: 0px 10px 0px 10px;
padding: 0px 0px 0px 0px;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 9px;
font-style: normal;
font-weight: normal;
line-height: 13px;
color: #ececec;
text-decoration: none;
text-align: left;
}
#container .info .panel .panel_vr {
width: 1px;
height: 70px;
position: relative;
display: block;
float: left;
padding: 0px 0px 0px 0px;
background: url(../images/panel_vr.gif) top left no-repeat;
}
#container .info .panel .panel_hr {
width: 273px;
height: 1px;
position: relative;
display: block;
float: left;
padding: 0px 0px 0px 0px;
font-size: 1px;
line-height: 1px;
background: url(../images/panel_hr.gif) top left no-repeat;
}
#container .info .info_menu {
width: 253px;
height: 26px;
position: relative;
float: left;
margin: 0px;
padding: 0px 10px 10px 10px;
}
#container .info .info_menu a.info_menu_item {
height: 26px;
position: relative;
display: block;
float: right;
width: auto;
padding: 0px 35px 0px 10px;
margin: 0px 0px 0px 0px;
background: url(../images/info_menu_off.gif) left center no-repeat;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 9px;
font-style: normal;
font-weight: normal;
line-height: 26px;
color: #aeaeae;
text-decoration: none;
}
#container .info .info_menu a.info_menu_item:hover {
background: url(../images/info_menu_over.gif) left center no-repeat;
color: #00b3e2;
text-decoration: underline;
}
#footer {
width: 886px;
height: 80px;
position: relative;
bottom: 0px;
left: 0px;
display: block;
float:left;
padding: 0px 7px 0px 7px;
margin: 0px 0px 0px 0px;
background: url(../images/footer_bg.jpg) top left no-repeat;
z-index: 69;
}
#footer .tag {
width: 573px;
position: relative;
display: block;
float: left;
padding: 10px 10px 10px 10px;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 9px;
font-style: normal;
font-weight: normal;
line-height: 42px;
color: #1f578d;
text-decoration: none;
text-align: left;
}
#footer .tag .tag_separator {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 9px;
font-style: normal;
font-weight: normal;
line-height: 42px;
color: #013368;
text-decoration: none;
text-align: left;
}
#footer .tag .tag_phone {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 9px;
font-style: normal;
font-weight: normal;
line-height: 42px;
color: #1f578d;
text-decoration: none;
text-align: left;
background: url(../images/tag_phone.gif) top left no-repeat;
margin-left: 0px;
padding-left: 10px;
}
#footer .tag a.tag_href_email {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 9px;
font-style: normal;
font-weight: normal;
line-height: 42px;
color: #1f578d;
text-decoration: underline;
text-align: left;
background: url(../images/tag_href_email.gif) top left no-repeat;
margin-left: 0px;
padding-left: 15px;
}
#footer .tag a.tag_href_email:hover {
color: #f2123f;
text-decoration: underline;
background: url(../images/tag_href_email_hover.gif) top left no-repeat;
margin-left: 0px;
padding-left: 15px;
}
#footer .copyright {
width: 273px;
position: relative;
display: block;
float: left;
padding: 10px 10px 10px 10px;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 9px;
font-style: normal;
font-weight: normal;
line-height: 42px;
color: #1f578d;
text-decoration: none;
text-align: right;
}
#footer .copyright .copyright_separator {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 9px;
font-style: normal;
font-weight: normal;
line-height: 42px;
color: #013368;
text-decoration: none;
text-align: left;
}
#footer .copyright a.copyright_href {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 9px;
font-style: normal;
font-weight: normal;
line-height: 42px;
color: #1f578d;
text-decoration: underline;
text-align: left;
}
#footer .copyright a.copyright_href:hover {
color: #f2123f;
text-decoration: underline;
}