/* -------------------------------------------------------------------------- */
/* ------------------------------ 1-A-Sicherheit.com ------------------------ */
/* -------------------------------------------------------------------------- */
/*
Autor: Ladislav Benák, ladislav.benak@volny.cz
*/

/* -------------------------------------------------------------------------- */
/* --------------------------------  LAYOUT --------------------------------- */
/* -------------------------------------------------------------------------- */

body{
/* klient, sirka 100% */
/* klient, vyska 100% */
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color: #FFFFFF; 
background-image: url("grafika/bg_stranka.gif"); 
background-repeat: repeat-y;
text-align: left;
}

#stranka_cela{
/* div, sirka: 772 =  |> 772 <|   */
dispaly: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 772px;
background-color: #FFFFFF; 
text-align: left;
}

#stranka_hlavicka{
/* div, sirka: 772 =  |> 772 <|   */
/* vyska: 104 = |> 104 <| */
dispaly: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 772px;
height: 104px;
background-color: #0071B9;
}

#stranka_menu_hlavni{
/* div, sirka: 772 = | - | 20 |> 742 <| 10 | - | */
/* div, vyska: 31 = | 1 | 10 |> 19 <| 0 | 1 | */
dispaly: block;
margin: 0px 0px 0px 0px;
padding: 6px 10px 0px 20px;
border-top: 1px solid #002E7D;
border-bottom: 1px solid #002E7D;
width: 742px;
height: 19px;
background-color: #CFDFFF; 
color: #000080;
text-align: left;
}

#stranka_menu_hlavni_inside{
dispaly: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 742px;
height: 19px;
background-color: #CFDFFF; 
color: #000080;
text-align: left;
}

#stranka_telo{
/* div, sirka: 772 =  |> 772 <|   */
dispaly: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 772px;
}

#telo_levy_pruh{
/* td, sirka: 200 = | 20 |> 168 <| 10 | 2 |*/
/* td, vyska: 300 = | 20 |> 298 <| 30 | 2 |*/
margin: 0px 0px 0px 0px;
padding: 20px 10px 30px 20px;
border-right: 2px solid #002E7D;
border-bottom: 2px solid #002E7D;
width: 168px;
height: 298px;
background-color: #0071B9; 
}

#levy_pruh_submenu{
/* div, sirka: 168 = |> 168 <| */
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 168px;
}

#telo_pravy_pruh{
/* td, sirka: 572 =  | 30 |> 522 <| 20 |  */
/* td, vyska: 300 =  | 20 |> 300 <| 30 |  */
margin: 0px 0px 0px 0px;
padding: 20px 20px 30px 30px;
width: 522px;
height: 300px;
background-color: #FFFFFF; 
}

/* -------------------------------------------------------------------------- */
/* --------------------------------- DESIGN --------------------------------- */
/* -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */
/* -- TRIDY PRVKU variabilni - upravuji se pro konkretni dokument ----------- */
/* -------------------------------------------------------------------------- */

*{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
color: #000000;
}

body{
font-size: 74%;
}

html{
scrollbar-face-color: #CFDFFF; /* 2 */
scrollbar-shadow-color: #CFDFFF; /* 2 */
scrollbar-highlight-color: #CFDFFF; /* 2 */
scrollbar-3dlight-color: #002E7C; /* 3 */
scrollbar-darkshadow-color: #002E7C; /* 3 */
scrollbar-track-color: #E8F0FF; /* 1 */
scrollbar-arrow-color: #002E7C; /* 3 */
}

a,
a:link,
a:visited,
a:active{
font-weight: normal;
font-size:11px;
text-decoration: underline;
color: #467DC9;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

a:hover{
text-decoration: underline;
color: #99C1FA;
}

hr{
height: 1px;
margin-top:6px;
margin-bottom:0px;
padding-top: 0px;
padding-bottom: 0px;
color: #CCCCCC;
}

/* -------------------------------------------------------------------------- */
/* -- TRIDY DOKUMENTU variabilni - upravuji se pro konkretni dokument ------- */
/* -------------------------------------------------------------------------- */

.nadpis_kapitola{
display: block;
clear: both;
margin: 30px 0px 20px 0px;
padding: 0px 0px 0px 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 170%;
text-align: left;
color: #000080;
background-color:#FFFFFF;
}

.nadpis_podkapitola{
display: block;
clear: both;
margin: 30px 0px 10px 0px;
padding: 0px 0px 0px 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 150%;
text-align: left;
color: #000080;
}

.nadpis_odstavec{
display: block;
clear: both;
margin: 20px 0px 10px 0px;
padding: 0px 0px 0px 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 120%;
text-align: left;
color: #000080;
}

.text_zakladni{
display: block;
margin: 10px 0px 20px 0px;
padding: 0px 0px 0px 0px;
font-size: 100%;
line-height: 150%;
text-align: justify;
}

.seznam_zakladni{
margin: 10px 10px 10px 30px;
padding: 0px 0px 0px 0px;
list-style-type: disc;
}

.seznam_zakladni li{
margin: 5px 0px 5px 0px;
padding: 0px 0px 0px 0px;
font-size: 100%;
line-height: 170%;
text-align: left;
}

.seznam_zakladni_cislovany{
margin: 10px 10px 10px 30px;
padding: 0px 0px 0px 0px;
}

.seznam_zakladni_cislovany li{
margin: 5px 0px 5px 0px;
padding: 0px 0px 0px 0px;
font-size: 100%;
line-height: 120%;
text-align: left;
}

.tabulka_bezpecnost{
border: 0px;
}

.tabulka_bezpecnost td{
border: 0px;
border-bottom: 1px solid #000080;
padding: 6px 6px 6px 6px;
font-size: 100%;
line-height: 150%;
}

.tabulka_bezpecnost_hlavicka{
background-color:#CFDFFF; 
color:#000080; 
font-weight:bold;
}

.foto_kontainer_right{
display: block;
float: right;
padding: 0px 0px 0px 20px;
}

.foto_kontainer_right .popisek{ 
display: block;
padding: 10px 10px 10px 10px;
text-align: left;
color: #000080;
}


.foto_nahled{
margin: 4px 4px 4px 4px;
border: 1px solid #002E7C; 
}

/* -------------------------------------------------------------------------- */
/* -- TRIDY FORMATOVACI - vytvareji se nove pro konkretni dokument ---------- */
/* -------------------------------------------------------------------------- */

/* ---------------------------- HLAVNI MENU --------------------------------- */

#stranka_menu_hlavni_inside .tlacitko{
display: inline;
padding: 0px 20px 0px 0px;
}

#stranka_menu_hlavni_inside .tlacitko a,
#stranka_menu_hlavni_inside .tlacitko a:link,
#stranka_menu_hlavni_inside .tlacitko a:visited,
#stranka_menu_hlavni_inside .tlacitko a:active{
font-weight: bold;
font-size:10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
color: #000080;
}

#stranka_menu_hlavni_inside .tlacitko a:hover{
text-decoration: underline;
color: red;
}

#stranka_menu_hlavni_inside .tlacitko_selected{
display: inline;
padding: 0px 20px 0px 0px;
}

#stranka_menu_hlavni_inside .tlacitko_selected a,
#stranka_menu_hlavni_inside .tlacitko_selected a:link,
#stranka_menu_hlavni_inside .tlacitko_selected a:visited,
#stranka_menu_hlavni_inside .tlacitko_selected a:active,
#stranka_menu_hlavni_inside .tlacitko_selected a:hover{
font-weight: bold;
font-size:10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
color: red;
}

/* ---------------------------- LEVE SUBMENU -------------------------------- */

#levy_pruh_submenu menu.submenu{
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type: none;
}

/* ---------------------------- LEVE SUBMENU Level 1 ------------------------ */


#levy_pruh_submenu li.submenu_level_1{
display: block;
margin: 0px 0px 4px 0px;
padding: 0px 0px 0px 0px;
list-style-type: none;
}

#levy_pruh_submenu li.submenu_level_1 a,
#levy_pruh_submenu li.submenu_level_1 a:link,
#levy_pruh_submenu li.submenu_level_1 a:visited,
#levy_pruh_submenu li.submenu_level_1 a:active{
font-weight: bold;
font-size:12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
color: #FFFFFF;
}

#levy_pruh_submenu li.submenu_level_1 a:hover{
text-decoration: underline;
color: #FFFFFF;
}

/* -- SELECTED -- */

#levy_pruh_submenu li.submenu_level_1_selected{
display: block;
margin: 0px 0px 4px 0px;
padding: 0px 0px 0px 0px;
list-style-type: none;
}

#levy_pruh_submenu li.submenu_level_1_selected a,
#levy_pruh_submenu li.submenu_level_1_selected a:link,
#levy_pruh_submenu li.submenu_level_1_selected a:visited,
#levy_pruh_submenu li.submenu_level_1_selected a:active,
#levy_pruh_submenu li.submenu_level_1_selected a:hover{
font-weight: bold;
font-size:12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: underline;
color: #FFFFFF;
}

/* ---------------------------- LEVE SUBMENU Level 2 ------------------------ */

#levy_pruh_submenu li.submenu_level_2{
display: block;
margin: 0px 0px 4px 20px;
padding: 0px 0px 0px 0px;
list-style-type: none;
}

#levy_pruh_submenu li.submenu_level_2 a,
#levy_pruh_submenu li.submenu_level_2 a:link,
#levy_pruh_submenu li.submenu_level_2 a:visited,
#levy_pruh_submenu li.submenu_level_2 a:active{
font-weight: normal;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
color: #FFFFFF;
}

#levy_pruh_submenu li.submenu_level_2 a:hover{
text-decoration: underline;
color: #FFFFFF;
}

/* -- SELECTED -- */

#levy_pruh_submenu li.submenu_level_2_selected{
display: block;
margin: 0px 0px 4px 20px;
padding: 0px 0px 0px 0px;
list-style-type: none;
}

#levy_pruh_submenu li.submenu_level_2_selected a,
#levy_pruh_submenu li.submenu_level_2_selected a:link,
#levy_pruh_submenu li.submenu_level_2_selected a:visited,
#levy_pruh_submenu li.submenu_level_2_selected a:active,
#levy_pruh_submenu li.submenu_level_2_selected a:hover{
font-weight: bold;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: underline;
color: #FFFFFF;
}

/* ---------------------------- LEVE SUBMENU Level 3 ------------------------ */

#levy_pruh_submenu li.submenu_level_3{
display: block;
margin: 0px 0px 4px 40px;
padding: 0px 0px 0px 0px;
list-style-type: none;
}

#levy_pruh_submenu li.submenu_level_3 a,
#levy_pruh_submenu li.submenu_level_3 a:link,
#levy_pruh_submenu li.submenu_level_3 a:visited,
#levy_pruh_submenu li.submenu_level_3 a:active{
font-weight: normal;
font-size:10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
color: #FFFFFF;
}

#levy_pruh_submenu li.submenu_level_3 a:hover{
text-decoration: underline;
color: #FFFFFF;
}

/* -- SELECTED -- */

#levy_pruh_submenu li.submenu_level_3_selected{
display: block;
margin: 0px 0px 4px 40px;
padding: 0px 0px 0px 0px;
list-style-type: none;
}

#levy_pruh_submenu li.submenu_level_3_selected a,
#levy_pruh_submenu li.submenu_level_3_selected a:link,
#levy_pruh_submenu li.submenu_level_3_selected a:visited,
#levy_pruh_submenu li.submenu_level_3_selected a:active,
#levy_pruh_submenu li.submenu_level_3_selected a:hover{
font-weight: bold;
font-size:10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: underline;
color: #FFFFFF;
}

/* ---------------------------- LEVE SUBMENU Level 4 ------------------------ */

#levy_pruh_submenu li.submenu_level_4{
display: block;
margin: 0px 0px 4px 60px;
padding: 0px 0px 0px 0px;
list-style-type: none;
}

#levy_pruh_submenu li.submenu_level_4 a,
#levy_pruh_submenu li.submenu_level_4 a:link,
#levy_pruh_submenu li.submenu_level_4 a:visited,
#levy_pruh_submenu li.submenu_level_4 a:active{
font-weight: normal;
font-size:10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
color: #FFFFFF;
}

#levy_pruh_submenu li.submenu_level_4 a:hover{
text-decoration: underline;
color: #FFFFFF;
}

/* -- SELECTED -- */

#levy_pruh_submenu li.submenu_level_4_selected{
display: block;
margin: 0px 0px 4px 60px;
padding: 0px 0px 0px 0px;
list-style-type: none;
}

#levy_pruh_submenu li.submenu_level_4_selected a,
#levy_pruh_submenu li.submenu_level_4_selected a:link,
#levy_pruh_submenu li.submenu_level_4_selected a:visited,
#levy_pruh_submenu li.submenu_level_4_selected a:active,
#levy_pruh_submenu li.submenu_level_4_selected a:hover{
font-weight: bold;
font-size:10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: underline;
color: #FFFFFF;
}