h2
  { 
    margin: 0px; 
    padding: 0px; 
    font-size: 130%; 
    color: #FFF; 
    background-color: #FF9900; 
    font-weight: normal; 
    padding: 5px; 
    text-indent: 25px;  
    border: 2px solid #FF9900; 
    background-image: url(layout-grafika/nadpis_wifi.gif); 
    background-repeat: no-repeat;
  }
  
/*----------------------------Styl tela stranky-------------------------------*/

body 
  { 
    background-repeat: repeat-x; 
    text-align: center; 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    margin: 0 auto; 
    line-height: 140%; 
    font-size: 81%; 
    background-color: #FFF; 
  }

html>body body 
  { 
    line-height: 140%; 
  }

/*------------------------Hlavni cast stranky---------------------------------*/

div#hlavni 
  { 
    position: relative; 
    margin: 0px auto; 
    width: 950px; 
    text-align: left; 
  }
  
/*----------------------------HORNI PRUH--------------------------------------*/
  
div#horni_pruh
  { 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    height: 149px; 
    width: 100%; 
    background-position: bottom; 
    background-image: url("layout-grafika/horni_podklad.gif"); 
    border-bottom: 0px solid #FFF; 
    background-color: #993300; 
  } 
div#horni_pruh2
  { 
    position: absolute; 
    top: 150px; 
    left: 0px; 
    height: 15px; 
    font-size: 1%; 
    background-color: #FF9900; 
    width: 100%;  
    border-bottom: 3px solid #C7391C;
  }
  
/*-----------------------------LOGO-------------------------------------------*/ 
  
div#hlavicka
  { 
    position: relative; 
    height: 168px;
  } 
div#logo
  { 
    width: 350px; 
    height: 150px; 
    display: block;
  }
div#logo img
  { 
    width: 350px; 
    height: 100px; 
    margin: 17px 0px 25px 0px; 
    border: 0px;
  }

/*---------------------------------BANNER-------------------------------------*/

div#banner
  { 
    position: absolute; 
    height: 96px; 
    width: 468px; 
    border: 0px solid #FFF; 
    top: 10px; 
    right: 20px; 
    background-image: url("layout-grafika/ssp-468-96.png");
  }

/* div#banner{ position: absolute; height: 60px; width: 468px; border: 1px solid #FFF; top: 20px; right: 0px;} 
    background-image: url("layout-grafika/banner.gif");
*/

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

div#horni_menu
  { 
    font-weight: bold; 
    font-family: tahoma;  
    font-size: 11px; 
    text-transform: uppercase; 
    text-align: right; 
    height: 30px; 
    line-height: 30px; 
    position: absolute; 
    top: 119px; 
    right: 0px;
  }
div#horni_menu p
  { 
    margin: 0px; 
    padding: 0px; 
    float: left; 
    text-align: center;  
    width: 119px; 
    margin: 0px 1px 0px 1px;
  }
div#horni_menu a
  { 
    display: block; 
    width: 117px; 
    line-height: 29px; 
    height: 29px; 
    background-color: #666666; 
    color: #FFF; 
    border: 1px solid #FFF; 
    text-decoration: none; 
  }
div#horni_menu a:hover
  { 
    background-color: #727272; 
  }
div#horni_menu strong
  {  
    display: block; 
    background-color: #F90; 
    width: 117px;   
    color: #FFF; 
    border: 1px solid #FFF; 
    border-bottom: 0px;
  }
  
/*-------------------------------MARQUEE--------------------------------------*/  
  
marquee#movetext 
  { 
    position: relative ; 
    top: -2px; 
    font-size: 85%;
  }
div#movecolor 
  { 
    color: #a00; 
  }

/*------------------------------LEVA_CAST-------------------------------------*/

div#leva_cast
  { 
    float: left; 
    width: 700px; 
    margin-top: 5px; 
    margin-bottom: 5px; 
  }
  
/*-----------------------------PRAVA_CAST-------------------------------------*/  
  
div#prava_cast
  { 
    float: right; 
    width: 240px; 
    height: 435px; 
    margin-top:5px; 
    background-image: url("layout-grafika/novinky_bg2.jpg"); 
  }
div#prava_cast h3
  { 
    width: 240px;  
    margin: 0px; 
    padding: 0px; 
    font-size: 120%; 
    color: #FFF;  
    font-weight: bold; 
    line-height: 50px; 
    text-indent: 5px;
  }
div#prava_cast_dole
  { 
    float: right; 
    width: 240px; 
    height: 25px; 
    background-image: url("layout-grafika/novinky_bgd2.jpg"); 
  }

/*------------------------------PATICKA---------------------------------------*/

div#paticka
  {
    clear: both;   
    border-top: 3px solid #C7391C;  
    text-align: right; 
    line-height: 30px; 
    color: #333; 
    margin-bottom: 15px;  
    background-color: #FFF;
  }
div#paticka p
  { 
    margin: 0px; 
    padding: 0px;  
  }
div#paticka a
  {
    color: #333; 
  }
  
/*------------------------------TARIFY----------------------------------------*/  
/*-------------tarif 1*/  
div#tarif_1
  {
    width: 230px; 
    height: 200px; 
    float: left; 
    margin-right: 5px; 
    background-image: url(layout-grafika/tarif_2_2.gif); 
    position: relative;
  }
div#tarif_1 h3
  { 
    line-height: 50px; 
    color: #FFF; 
    text-indent: 10px; 
    font-size: 110%; 
    font-family: arial; 
    margin: 0px; 
    padding: 0px; 
    background-image: url(layout-grafika/nadpis_wifi.gif); 
    background-position: 10px 0px; 
    background-repeat: no-repeat; 
  }
div#tarif_1 ul
  {
    margin-top: 10px; 
  }
  
/*-----------tarif 2*/  
div#tarif_2
  {
    width: 230px; 
    height: 200px; 
    float: left;  
    background-image: url(layout-grafika/tarif_2.gif); 
    position: relative;
  }
div#tarif_2 h3
  { 
    line-height: 50px; 
    color: #FFF; 
    text-indent: 10px; 
    font-size: 110%; 
    font-family: arial; 
    margin: 0px; 
    padding: 0px; 
    background-image: url(layout-grafika/nadpis_wifi.gif);  
    background-position: 10px 0px; 
    background-repeat: no-repeat;
  }
div#tarif_2 ul
  {
    margin-top: 10px; 
  }
  
/*----------tarif 3*/ 
div#tarif_3
  {
    width: 230px; 
    height: 200px; 
    float: right; 
    background-image: url(layout-grafika/tarif_3_3.gif); 
    position: relative;
  }
div#tarif_3 h3
  { 
    line-height: 50px; 
    color: #FFF; 
    text-indent: 10px; 
    font-size: 110%; 
    font-family: arial; 
    margin: 0px; 
    padding: 0px; 
    background-image: url(layout-grafika/nadpis_wifi.gif);  
    background-position: 10px 0px; 
    background-repeat: no-repeat;
  }
div#tarif_3 ul
  {
    margin-top: 10px; 
  }

/*-----------tarif 4*/
div#tarif_4
  {
    width: 230px; 
    height: 200px; 
    float: left; 
    margin-right: 5px; 
    background-image: url(layout-grafika/tarif_5_5.gif); 
    position: relative;
  }
div#tarif_4 h3
  { 
    line-height: 50px; 
    color: #FFF; 
    text-indent: 10px; 
    font-size: 110%; 
    font-family: arial; 
    margin: 0px; 
    padding: 0px; 
    background-image: url(layout-grafika/nadpis_wifi.gif); 
    background-position: 10px 0px; 
    background-repeat: no-repeat;
  }
div#tarif_4 ul
  {
    margin-top: 10px; 
  }

/*-------------tarif 5*/
div#tarif_5
  {
    width: 230px; 
    height: 200px; 
    float: left; 
    margin-right: 5px; 
    background-image: url(layout-grafika/tarif_4_4_4.gif); 
    position: relative;
  }
div#tarif_5 h3
  { 
    line-height: 50px; 
    color: #FFF; 
    text-indent: 10px; 
    font-size: 110%; 
    font-family: arial; 
    margin: 0px; 
    padding: 0px;
    background-image: url(layout-grafika/nadpis_wifi.gif);  
    background-position: 10px 0px; 
    background-repeat: no-repeat; 
  }
div#tarif_5 ul
  {
    margin-top: 10px; 
  }

/*---------tarif 6*/
div#tarif_6
  {
    width: 230px; 
    height: 200px; 
    float: right;  
    background-image: url(layout-grafika/tarif_6_6.gif); 
    position: relative;
  }
div#tarif_6 h3
  { 
    line-height: 50px; 
    color: #FFF; 
    text-indent: 10px; 
    font-size: 110%; 
    font-family: arial; 
    margin: 0px; 
    padding: 0px; 
    background-image: url(layout-grafika/nadpis_wifi.gif);  
    background-position: 10px 0px; 
    background-repeat: no-repeat;
  }
div#tarif_6 ul
  {
    margin-top: 10px;
  }
  
/*--------------tarify paticka*/
.tarify_paticka
  { 
    clear: both; 
    line-height: 5px; 
    height: 5px; 
    font-size: 1%; 
  }
  
/*--------------------------------KABEL---------------------------------------*/  
  
div#kabel
  { 
    clear: both; 
    border-top: 5px solid #FFF; 
    height: 50px; 
    line-height: 50px;  
    background-color: #FFCC99; 
    text-align: center; 
  }
div#kabel a
  { 
    color: #000;
  }
div#kabel h3
  { 
    line-height: 50px; 
    color: #FFF; 
    text-indent: 10px; 
    font-size: 110%; 
    font-family: arial; 
    margin: 0px; 
    padding: 0px; 
    float: left;
  }
div#kabel ul
  {
    margin: 0px 0px 0px 0px; 
    padding-top: 3px; 
    color: #FFF;
  }


.tarif_vice_info_1{ position: absolute; bottom: 0px; right: 0px; line-height: 30px; border-top: 1px solid #FFF; border-left: 1px solid #FFF; width: 150px; text-align: center;}
.tarif_vice_info_1 a{ width: 150px; height: 30px; display: block; background-color: #3399cc; color: #FFF; }
.tarif_vice_info_1 a:hover{  background-color: #336699; }

.tarif_vice_info_2{ position: absolute; bottom: 0px; right: 0px; line-height: 30px; border-top: 1px solid #FFF; border-left: 1px solid #FFF; width: 150px; text-align: center;}
.tarif_vice_info_2 a{ width: 150px; height: 30px; display: block; background-image: url(layout-grafika/tarif_vice_info.gif); color: #FFF; }
.tarif_vice_info_2 a:hover{  background-position: 0px 30px; }

.tarif_vice_info_3{ position: absolute; bottom: 0px; right: 0px; line-height: 30px; border-top: 1px solid #FFF; border-left: 1px solid #FFF; width: 150px; text-align: center;}
.tarif_vice_info_3 a{ width: 150px; height: 30px; display: block; background-image: url(layout-grafika/tarif_vice_info_z.gif); color: #FFF; }
.tarif_vice_info_3 a:hover{   background-position: 0px 30px; }

.tarif_vice_info_4{ position: absolute; bottom: 0px; right: 0px; line-height: 30px; border-top: 1px solid #FFF; border-left: 1px solid #FFF; width: 150px; text-align: center;}
.tarif_vice_info_4 a{ width: 150px; height: 30px; display: block; background-color: #FF9900; color: #FFF; }
.tarif_vice_info_4 a:hover{  background-color: #FF6600;  }

.tarif_vice_info_5{ position: absolute; bottom: 0px; right: 0px; line-height: 30px; border-top: 1px solid #FFF; border-left: 1px solid #FFF; width: 150px; text-align: center;}
.tarif_vice_info_5 a{ width: 150px; height: 30px; display: block; background-color: #00aa00; color: #FFF; }
.tarif_vice_info_5 a:hover{  background-color: #008800; }



div#vice_tarifu{ height: 95px; border-bottom:5px solid #FFF; background-color: #D14D0B; background-image: url(layout-grafika/tarify.gif);}
html>body div#vice_tarifu{ height: 100px;}
div#vice_tarifu h3{  margin: 0px; padding: 0px; line-height: 30px; color: #FFF; font-size: 110%; text-indent: 10px; text-transform: uppercase; font-family: arial;}
div#vice_tarifu p{  padding: 0px 10px 10px 10px; margin: 0px; color: #FFF; text-align: justify;}
div#vice_tarifu a{  color: #FFF;}


div#pokryti{ height: 95px; background-image: url(layout-grafika/pokryti.gif); }
div#pokryti h3{  margin: 0px; padding: 0px; line-height: 30px; color: #FFF; font-size: 110%; text-indent: 10px; text-transform: uppercase; font-family: arial;}
div#pokryti p{  padding: 0px 10px 10px 10px; margin: 0px; color: #FFF; text-align: justify;}
div#pokryti a{  color: #FFF;}

div#ostatni_sluzby{ height: 95px; background-image: url(layout-grafika/ostatni.gif); }
div#ostatni_sluzby h3{  margin: 0px; padding: 0px; line-height: 30px; color: #FFF; font-size: 110%; text-indent: 10px; text-transform: uppercase; font-family: arial;}
div#ostatni_sluzby p{  padding: 0px 10px 10px 10px; margin: 0px; color: #FFF; text-align: justify;}
div#ostatni_sluzby a{  color: #FFF;}

div#novinky               { height: 240px; padding: 5px;  color: #666; margin-top: 50px;}
div#novinky p             { padding: 0px; margin: 0px;  font-size: 85%; text-align: justify; color: #333;}
div#novinky_br            { height: 3px;}
.vlozil                   { margin-left:  1px; color: #00c; font-size: 85%; text-decoration: none; }
.vlozil:hover             { text-decoration: underline; }
.novinky_nadpis           { font-size: 85%; color: #000; font-weight: bold; }
p#novinky_text            { font-size: 13px; line-height: 135%; }
div#starsi                { width: 95%; height: 20px; margin: auto;font-size: 90%; text-decoration: none; text-align: right; }
div#starsi a              { color: #666;text-decoration: none;}
div#starsi a:hover        { color: #00c;text-decoration: underline;}

div#novinky_t               { background-color: #ddd; height: 424px; padding: 10px;  color: #000; margin-top: 0px;}
div#novinky_t p             { padding: 0px; margin: 0px;  font-size: 85%; text-align: justify; color: #333;}
div#novinky_t hr            { padding: 0px; margin: 5px; border: 0px; color: #666; background-color: #666; height: 1px;}
.vlozil_t                   { margin-left:  1px; color: #00c; font-size: 85%; text-decoration: none; }
.vlozil_t:hover             { text-decoration: underline; }
.novinky_nadpis_t           { font-size: 85%;}
div#starsi_t                { width: 95%; height: 20px; margin: auto;font-size: 90%; text-decoration: none; text-align: right; }
div#starsi_t a              { color: #666;text-decoration: none;}
div#starsi_t a:hover        { color: #00c;text-decoration: underline;}




div#telo{margin-top: 0px;  background-image: url(layout-grafika/telo_podklad.gif);  }

div#telo_stred {padding: 5px; float: left; width: 480px; height: auto; margin: 8px 0px 9px 14px; background-color: #FFF; border: 1px solid #FF9900; }
div#telo_stred h3{ margin: 0px; padding: 0px; font-size: 130%; color: #C7391C; line-height: 40px;  }
div#telo_stred h4{ margin: 15px; padding: 0px; font-size: 110%; color: #336699; line-height: 15px;  }

p#lokace{ font-size: 85%;  color: #666; margin: 0px; padding: 0px; line-height: 30px; background-color: #F6FBFE; border: 1px solid #EEE; text-indent: 5px; }
p#urceni{ font-size: 100%; color: #000; margin: 0px; padding: 0px; line-height: 18px; text-indent: 10px; font-weight: bold; }
div#telo_stred ul{ line-height: 13px; }
div#telo_stred li{ font-size: 85%; list-style-type: circle; line-height: 13px; height: 13px;  }
div#telo_stred a{ color: #00f; text-decoration: underline; }
div#blok_nahoru{ position: relative; top: -60px; }
div#tarif_cena{ position: relative; top: -35px; left: 355px; ;height: 64px; width: 121px; background-image: url(layout-grafika/tarif_cena_1.gif);}
div#tarif_castka{  height: 37px; width: 121px; padding-top: 12px; color: #FFF; font-size: 20px; font-weight: bold; text-align: center;  }





div#telo_leva     { float: left; width: 213px;  margin-top: 8px; }
div#telo_leva_h   { background-image: url(layout-grafika/pod_menu_horni.gif); background-position: center; width: 213px;  margin: 0px; padding: 0px;  }
div#telo_leva h3  { width: 213px;  margin: 0px; padding: 0px; font-size: 115%;  color: #FFF; font-weight: bold; line-height: 35px; text-indent: 5px;}


.nadmenu          { width: 213px; height: 30px; padding: 0px; margin: 0px; font-size: 13px; font-weight: bold;  background-image: url(layout-grafika/puntik_pod_0.gif); background-position: center center; border-top: 1px solid #FFF; color: #FFF; }
.nadmenu a        { width: 213px; height: 30px; color: #FFF; display: block; line-height: 30px; text-decoration: none; text-align: center; }
.nadmenu a:hover  { color: #FFF;  background-image: url(layout-grafika/puntik_pod_1.gif); background-position: center center; }

 
.menu          { width: 213px; clear: both; padding: 0px; margin: 0px; height: 30px;  font-size: 11px;  text-indent: 5px; font-weight: bold;  background-color: #F90; border-top: 1px solid #FFF; color: #FFF; }
.menu a        { width: 213px; color: #FFF; display: block; line-height: 29px; height: 30px; text-decoration: none; background-color: #F90;}
.menu a:hover  { color: #FFF; background-color: #ffa826; }

.vlevo        { float: left; height: 29px; border: 0px; padding: 0px; margin: 0px; cursor: pointer;} 
.vpravo       { float: right;height: 29px; border: 0px; padding: 0px; margin: 0px; cursor: pointer;}

div#telo_prava { float: right; width: 220px; margin-top: 8px; }
div#telo_prava h3{ background-image: url(layout-grafika/podmenu.gif); background-position: center; width: 220px;  margin: 0px; padding: 0px; font-size: 115%;  color: #FFF; background-color: #FF9900; font-weight: bold; line-height: 35px; text-indent: 5px;}
img#homecredit_logo{ margin: 10px 28px 10px 28px; padding: 0px; width: 164px; }

div#podmenu_novinky{ padding: 5px; }
div#podmenu_novinky hr{ margin: 5px 0px 5px 0px; padding: 0px; height: 1px; border: 0px; color: #FF9900; background-color: #FF9900; }
div#podmenu_novinky p{ margin: 0px; padding: 0px; font-size: 85%;  }


div#map {padding: 5px; float: right; width: 715px; height: 615px; margin: 8px 0px 9px 10px; background-color: #FFF; border: 1px solid #FF9900; z-index: 1;  }


div#telo_pravap { float: left; width: 213px; height: 35px;  margin-top: 8px; }
div#telo_pravapozadi { width: 213px; height: 35px; background-image: url(layout-grafika/pod_menu_horni.gif); background-position: center;}
div#telo_pravap h3{ width: 213px;  margin: 0px; padding: 0px; font-size: 135%;  color: #FFF; font-weight: bold; line-height: 35px; text-indent: 11px;}


 
div#telo_prava_c { width: 213px; height: 35px;  margin-top: 1px; }
div#telo_pravapozadi_c { width: 213px; height: 35px; background-image: url(layout-grafika/ciselnik.gif); background-position: center;}
div#telo_prava_c h3{ float: left; width: 213px;  margin: 0px; padding: 0px; font-size: 90%;  color: #FFF; font-weight: bold; line-height: 35px; text-indent: 30px;}


.menup            { width: 213px; padding: 0px; margin: 0px;}
.menup li         { width: 213px; padding: 0px; margin: 0px; font-weight: bold; list-style-type: none; text-align: center; height: 23px; font-size: 85%; background-color: #FF9900; border-top: 1px solid #FFF; color: #FFF; }
.menup li a       { color: #FFF; display: block; line-height: 22px; height: 23px;   text-decoration: none;  }
.menup li a:hover { color: #a00; background-color: #FFA826; cursor: hand;}

.menu           { background-color: #FF9900; }
.menu:hover      { background-color: #FFA826; }


.menu_pok          { width: 213px; clear: both; padding: 0px; margin: 0px; }
.menu_pok a        { width: 213px; color: #FFF; display: block; line-height: 26px; height: 27px; text-decoration: none; border-top: 1px solid #FFF; color: #FFF; background-color: #FF9900; font-size: 11px;  text-indent: 5px; font-weight: bold; cursor: pointer; text-align: center;}
.menu_pok a:hover  { color: #FFF; background-color: #ffa826; }

span#standart           { height: 23px; line-height: 22px; text-indent: 0px; font-weight: normal; padding: 0px; margin: 0px; background-color: #FF9900; font-size: 11px; color: #FFF; cursor: pointer; }
span#standart:hover     { color: #111; }

.vlevo_pok        { float: left; height: 29px; border: 0px; padding: 0px; margin: 0px; cursor: pointer;} 
.vpravo_pok       { float: right;height: 29px; border: 0px; padding: 0px; margin: 0px; cursor: pointer;}

.menuz            { width: 213px; padding: 0px; margin: 0px;}
.menuz li         { width: 213px; padding: 0px; margin: 0px; font-weight: bold; list-style-type: none; text-align: center; height: 27px; font-size: 85%; background-color: #FF9900; border-top: 1px solid #FFF; color: #FFF; }
.menuz li a       { color: #FFF; display: block; line-height: 26px; height: 27px;   text-decoration: none;  }
.menuz li a:hover { color: #a00; background-color: #FFA826; cursor: hand;}




div#map_control                     { position: absolute; top: 170px; right: 8px; width: 250px; margin-top: 15px; margin-left: 70px; z-index: 200; display: block; }
div#map_control_control_map         { width: 105px; padding: 0px; margin: 0px; margin-left: 10px; font-weight: bold; text-align: center; height: 16px; line-height: 14px; font-size: 80%; background-color: #f60; border: 1px solid #444; color: #FFF; float: left; cursor: hand; cursor: pointer;}
div#map_control_control_map:hover   { color: #800;}
div#map_control_control_popis       { width: 105px; padding: 0px; margin: 0px; margin-left: 10px; font-weight: bold; text-align: center; height: 16px; line-height: 14px; font-size: 80%; background-color: #f60; border: 1px solid #444; color: #FFF; float: left; cursor: hand; cursor: pointer;}
div#map_control_control_popis:hover { color: #800;}


div#telo_stred_os_l {float: left; width: 15%;background-color: #fff;}
div#telo_stred_os {clear: none ;float: left; padding: 5px; height: 100%; width: 70%; margin: 8px 0px 9px 10px; background-color: #FFF; border: 1px solid #FF9900; }
div#telo_stred_os h2{ margin: 0px; padding: 0px; font-size: 140%; color: #FFF; line-height: 45px;  }
div#telo_stred_os h3{ margin: 0px; padding: 0px; font-size: 130%; color: #C7391C; line-height: 50px;  }
div#telo_stred_os h4{ margin: 0px; padding: 0px; font-size: 110%; color: #336699; line-height: 30px;  }
p#lokace{ font-size: 85%; color: #666; margin: 0px; padding: 0px; line-height: 30px; background-color: #F6FBFE; border: 1px solid #EEE; text-indent: 5px; }
div#telo_stred_os ul{  font-size: 85%; }
div#telo_stred_os li{  line-height: 20px; list-style-type: disc; height: 20px;  }
html>body div#telo_stred_os li{  line-height: 105%; list-style-type: disc; height: 14px;  }

div#telo_stred_login { padding: 5px; float: left; width: 938px; height: 615px; margin: 8px 0px 9px 14px; background-color: #FFF; }
div#telo_stred_login_nadpis { width: 936px; font-size: 150%; margin: 50px 0px 0px 0px;font-weight: normal;  color: #A72812; text-align: center;}
div#telo_stred_login_block  { width: 936px; margin: 10px 0px 0px 0px; background-color:#FFF; }
div#telo_stred_login_text  { width: 270px; font-size: 85%; font-weight: normal;  color: #444; background-color:#FFF; margin: 0px 0px 0px 330px;}
input#telo_stred_login_vstup1 { border: 1px solid #777; background-color:#FFF; color:#666; width: 150px; height: 16px; font-size: 85%; font-weight: bold; }
input#telo_stred_login_vstup2 { border: 1px solid #777; background-color:#FFF; color:#666; width: 130px; height: 20px; font-size: 85%; font-weight: bold; margin: 10px 0px 0px 320px;}
input#telo_stred_login_vstup3 { border: 1px solid #777; background-color:#FFF; color:#666; width: 130px; height: 20px; font-size: 85%; font-weight: bold; margin: 10px 0px 0px 30px;}
button#telo_stred_login_mail { border: 1px solid #777; background-color:#eee; color:#A00; width: 200px; height: 22px; font-size: 90%; font-weight: bold; margin: 10px 0px 0px 370px;}


div#telo_prava_u { width: 213px; height: 35px;  margin-top: 1px; }
div#telo_pravapozadi_u { width: 213px; height: 35px; background-image: url(layout-grafika/ciselnik.gif); background-position: center;}
div#telo_prava_u h3{ float: left; width: 213px;  margin: 0px; padding: 0px; font-size: 90%;  color: #FFF; font-weight: bold; line-height: 35px; text-align: center;}

div#telo_zakos_zona {padding: 5px; float: left; width: 710px; height: 615px; margin: 8px 0px 9px 8px; background-color: #FFF; border: 1px solid #FF9900; }

div#telo_zakos_zona_vitej h3{ width: 400px;  margin: 40px 0px 0px 208px; font-size: 160%;  color: #A72812 ; font-weight: bold;}
div#telo_zakos_zona_vitej p { width: 500px;  margin: 30px 0px 0px 108px; font-size:  85%;  color: #000    ; font-weight: normal;}


div#telo_zakos_zona_statistiky h3{ width: 709px;  margin: 20px 0px 0px 0px; font-size: 150%;  color: #A72812 ; font-weight: bold; line-height: 35px; text-align: center;}
div#telo_zakos_zona_statistiky_ip { width: 709px;  margin: 0px 0px 0px 0px;  font-size:  95%;  color: #A72812 ; font-weight: bold; text-align: center;}
div#telo_zakos_zona_statistiky_nadpis  { width: 709px;  margin: 12px 0px 0px 0px; font-size: 130%;  color: #360    ; font-weight: bold; line-height: 105%; text-align: center;}
div#telo_zakos_zona_statistiky_popisek { width: 709px;  margin: 20px 0px 0px 0px; font-size:  85%;  color: #000    ; font-weight: normal; line-height: 105%; text-align: center;}
div#telo_zakos_zona_statistiky img { width: 700px; height: 193px;  margin: 5px 0px 0px 5px; }

div#telo_zakos_zona_informace h3    { width: 709px;  margin: 20px 0px 20px 0px;  font-size: 150%;  color: #A72812 ; font-weight: bold; line-height: 35px; text-align: center;}
div#telo_zakos_zona_informace_popis { width: 145px;  padding: 0px 0px 0px 170px;  font-size:  95%;  color: #000 ; font-weight: normal; text-align: left; float: left; clear: both; }
div#telo_zakos_zona_informace_text  { width: 324px;  padding: 0px 0px 0px  5px;   font-size:  95%;  color: #000 ; font-weight: normal; text-align: left; float: left; }
div#telo_zakos_zona_informace_br    { width: 709px;  height: 8px; clear: both; }

div#telo_zakos_zona_pripojeni h3    { width: 709px;  margin: 20px 0px 20px 0px;  font-size: 150%;  color: #A72812 ; font-weight: bold; line-height: 35px; text-align: center;}
div#telo_zakos_zona_pripojeni_popis { width: 165px;  padding: 0px 0px 0px 150px;  font-size:  95%;  color: #000 ; font-weight: normal; text-align: left; float: left;}
div#telo_zakos_zona_pripojeni_text  { width: 324px;  padding: 0px 0px 0px 5px;    font-size:  95%;  color: #000 ; font-weight: normal; text-align: left; float: left;}
div#telo_zakos_zona_pripojeni_br    { width: 709px;  height: 8px; clear: both; }

div#telo_zakos_zona_protokol h3    { width: 709px;  margin: 20px 0px 20px 0px;  font-size: 150%;  color: #A72812 ; font-weight: bold; line-height: 35px; text-align: center;}
div#telo_zakos_zona_protokol_popis { width: 709px;  font-size:  95%;  color: #000 ; font-weight: normal; text-align: center; float: left;}
div#telo_zakos_zona_protokol_popis a { font-size:  95%;  color: #00F ; font-weight: bold;}
div#telo_zakos_zona_protokol_br    { width: 709px;  height: 28px; clear: both; }
div#telo_zakos_zona_protokol_text { width: 709px; font-size:  85%;  color: #000 ; font-weight: normal; text-align: center; float: left;}
div#telo_zakos_zona_protokol_text a { font-size: 85%; color: #00F ; font-weight: bold;}

div#telo_zakos_zona_faktury h3    { width: 709px;  margin: 20px 0px 10px 0px;  font-size: 150%;  color: #A72812 ; font-weight: bold; line-height: 35px; text-align: center;}
div#telo_zakos_zona_faktury_firma { width: 709px;  margin:  0px 0px 10px 0px;  font-size: 110%;  color: #360 ; font-weight: bold; text-align: center;}
div#telo_zakos_zona_faktury_block { width: 110px; float: left; clear: both; height: 88px; } 
div#telo_zakos_zona_faktury_podklad {  width: 490px;  background-color: #eee; border: 1px solid #000; float:left; cursor:default;}
div#telo_zakos_zona_faktury_popis_obdobi    { width:  80px; font-size:  85%;  color: #000 ; font-weight: bold; text-align: center; float: left;}
div#telo_zakos_zona_faktury_popis_c_faktury { width:  90px; font-size:  85%;  color: #000 ; font-weight: bold; text-align: center; float: left;}
div#telo_zakos_zona_faktury_popis_datum     { width: 110px; font-size:  85%;  color: #000 ; font-weight: bold; text-align: center; float: left;}
div#telo_zakos_zona_faktury_popis_moznosti  { width: 210px; font-size:  85%;  color: #000 ; font-weight: bold; text-align: center; float: left;}

div#telo_zakos_zona_faktury_polozky_moznosti:hover  {  background-color: #BBB; cursor: default; }
div#telo_zakos_zona_faktury_polozky_moznosti  { width: 490px; font-size:  85%;  color: #000 ; font-weight: normal; text-align: center; float: left; border-top: 1px solid #000;}
div#telo_zakos_zona_faktury_polozky_obdobi    { width:  80px; font-size:  85%;  color: #000 ; font-weight: normal; text-align: center; float: left;}
div#telo_zakos_zona_faktury_polozky_c_faktury { width: 100px; font-size:  85%;  color: #000 ; font-weight: normal; text-align: center; float: left;}
div#telo_zakos_zona_faktury_polozky_datum     { width:  90px; font-size:  85%;  color: #000 ; font-weight: normal; text-align: center; float: left;}

div#telo_zakos_zona_faktury_polozky_moznosti_zde  { width: 70px; text-align: center; float: left; }
div#telo_zakos_zona_faktury_polozky_moznosti_zde a { text-decoration: underline; color: #00F; font-weight: bold; font-size:  80%; }
div#telo_zakos_zona_faktury_polozky_moznosti_zde a:hover  { color: #cc6600; cursor: pointer; }

div#telo_zakos_zona_faktury_polozky_moznosti_okno { width: 150px; text-align: center; float: left;}
div#telo_zakos_zona_faktury_polozky_moznosti_okno a { text-decoration: underline; color: #00F; font-weight: bold; font-size:  80%; }
div#telo_zakos_zona_faktury_polozky_moznosti_okno a:hover { color: #cc6600; cursor: pointer; }

div#telo_zakos_zona_faktury_text  { width: 324px;  margin: 0px 0px 0px 5px;    font-size:  95%;  color: #000 ; font-weight: normal; text-align: left; float: left;}
div#telo_zakos_zona_faktury_br    { width: 709px;  height: 8px;  }


div#telo_zakos_zona_email { cursor: default; }
div#telo_zakos_zona_email h3    { width: 709px;  margin: 20px 0px 10px 0px;  font-size: 150%;  color: #A72812 ; font-weight: bold; line-height: 35px; text-align: center;}
div#telo_zakos_zona_email_email { width: 709px;  margin:  0px 0px 10px 0px;  font-size: 110%;  color: #360 ; font-weight: bold; text-align: center;}
div#telo_zakos_zona_email_popis_nazev { width: 220px; font-size:  85%;  color: #000 ; font-weight: bold; text-align: center; float: left; margin: 15px 0px 0px 160px;}
div#telo_zakos_zona_email_popis_stav  { width:  80px; font-size:  85%;  color: #000 ; font-weight: bold; text-align: center; float: left; margin:  15px 0px 0px 0px;}
div#telo_zakos_zona_email_popis_akce  { width:  80px; font-size:  85%;  color: #000 ; font-weight: bold; text-align: center; float: left; margin:  15px 0px 0px 0px;}

div#telo_zakos_zona_email_polozky_nazev{ width:  220px; font-size:  90%;  color: #000 ; font-weight: normal; text-align:   left; float: left; margin: 0px 0px 0px 160px;}
div#telo_zakos_zona_email_polozky_stav { width:   80px; font-size:  90%;  color: #000 ; font-weight:   bold; text-align: center; float: left;}
div#telo_zakos_zona_email_polozky_akce { width:   80px; text-align: center; float: left;}
div#telo_zakos_zona_email_polozky_akce a { text-decoration: underline; color: #00F; font-weight: bold; font-size:  95%; }
div#telo_zakos_zona_email_polozky_akce a:hover { color: #cc6600; cursor: pointer; }


div#telo_zakos_zona_heslo             { cursor: default; }
div#telo_zakos_zona_heslo h3          { width: 709px; margin: 20px 0px 0px 0px; font-size: 150%;  color: #A72812 ; font-weight:   bold; line-height: 35px; text-align: center;}
div#telo_zakos_zona_heslo_uspech      { width: 709px; margin: 10px 0px 0px 0px; font-size:  95%;  color: #060    ; font-weight:   bold; line-height: 100%; text-align: center;}
div#telo_zakos_zona_heslo_popisek     { width: 709px; margin: 10px 0px 0px 0px; font-size:  80%;  color: #000    ; font-weight: normal; line-height: 100%; text-align: center;}
div#telo_zakos_zona_heslo_popis       { width: 709px; margin: 20px 0px 0px 0px; font-size: 100%;  color: #cc6600 ; font-weight: normal; line-height: 100%; text-align: center;}
div#telo_zakos_zona_heslo_popis_alert { font-size: 75%; margin-top: 5px; color: #f30 ; font-weight: bold; line-height: 100%;}

input#telo_zakos_zona_heslo_vstup     { width: 250px; margin: 10px 0px 0px 225px; height: 16px; border:1px solid #777; background-color: #FFF; color:#666; font-size: 11px; font-weight: bold;}
input#telo_zakos_zona_heslo_button    { width: 130px; margin: 15px 0px 0px 285px; height: 22px; border:1px solid #777; background-color: #DDD; color:#666; font-size: 11px; font-weight: bold; cursor: hand; cursor: pointer;}

div#telo_stred_kontakt                { width: 938px; height: 615px; padding: 5px; margin: 8px 0px 9px 14px; background-color: #eee; border: 1px solid #999;}
div#telo_stred_kontakt_text           { width: 270px; height: 603px; padding: 0px; margin: 5px ;background-color: #ddd; float: left; border: 1px solid #bbb;}
div#telo_stred_kontakt_text strong    { padding: 0px; margin: 0px; font-size: 12px; font-weight:   bold; color:#222; text-align: center; cursor: default; }
div#telo_stred_kontakt_text p         { padding: 0px; margin: 0px; font-size: 12px; font-weight: normal; color:#444; text-align: center; cursor: default; line-height: 125%;}
div#telo_stred_kontakt_text i         { font-size: 11px; font-style: italic; font-weight: bold}
div#telo_stred_kontakt_text img       { width: 13px; height: 13px; }
div#telo_stred_kontakt_text a         { text-decoration: none; color: #00F; padding: 0px; margin: 3px; font-size: 11px; font-weight: normal; text-align: left; cursor: default; line-height: 125%;}

div#telo_stred_kontakt_dotaz            { width: 640px; height: 603px; padding: 0px; margin: 5px 5px 5px 9px; background-color: #ddd; float: left; border: 1px solid #bbb;}
div#telo_stred_kontakt_dotaz h3         { width: 639px; margin: 20px 0px 0px 0px; font-size: 150%;  color: #A72812 ; font-weight:   bold; line-height: 35px; text-align: center;}
div#telo_stred_kontakt_dotaz h6         { width: 639px; margin:  0px 0px 0px 0px; font-size:  85%;  color:    #000 ; font-weight:   bold; line-height: 100%; text-align: center;}
div#telo_stred_kontakt_dotaz h4         { width: 639px; margin: 5px 0px 0px 0px; font-size: 110%;  color: #f00 ; font-weight:   normal; text-align: center;}
div#telo_stred_kontakt_dotaz p          { width: 200px; height: 18px; margin:  10px 0px 0px 0px; text-indent: 70px; font-size: 11px;  color:    #c60 ; font-weight:   bold; line-height: 20px; text-align: left; float: left; clear: both; vertical-align: middle; }
div#telo_stred_kontakt_dotaz_misto      { width: 560px; height: 11px; margin:   0px 0px 0px 0px; text-indent: 210px; font-size: 9px;  color:    #f00 ; font-weight:   normal; line-height: 20px; text-align: left; float: left; clear: both; vertical-align: middle; }
div#telo_stred_kontakt_dotaz_varovani   { width: 560px; height: 11px; margin:   0px 0px 0px 0px; text-indent: 180px; font-size: 9px;  color:    #f00 ; font-weight:   normal; line-height: 20px; text-align: left; float: left; clear: both; vertical-align: bottom; }
input#telo_stred_kontakt_dotaz_pole     { width: 360px; height: 18px; margin:  10px 0px 0px 0px; border:1px solid #777; background-color:#FFF; color:#666; font-size: 13px; font-weight: bold; }
div#telo_stred_kontakt_dotaz textarea   { width: 360px; height:200px; margin:  15px 0px 0px 0px;border:1px solid #777; background-color:#FFF; color:#666; font-size: 13px; font-weight: bold; overflow: auto; }
div#telo_stred_kontakt_dotaz_mezera     { width: 415px; height: 20px; margin:  15px 0px 0px 0px; clear: both; float: left; }
input#telo_stred_kontakt_dotaz_tlacitko { width: 130px; height: 20px; margin:  15px 0px 0px 0px; border: 1px solid #777; background-color:#ccc; color:#000; font-size: 12px; font-weight: bold; cursor: hand; cursor: pointer; }
input#telo_stred_kontakt_dotaz_tlacitko:hover { border: 1px solid #000; background-color:#ddd; color:#444; }


div#celek
{
  width:906px;
  margin:30px 0 0 25px;
  padding:0;
}

/*------------------------------LEVEJ-----------------------------------------*/

div#levej
{
  width:450px;
  margin:0;
  padding:0;
  float:left;
  background-color:#ffffff;
}
div#vlajka_levej
{
  width:150px;
  padding:0;
  float:right;
  margin-left:0;
  border-bottom: 2px solid #C7391C;
  border-left: 2px solid #C7391C;
}
div#vlajka_levej p
{
  width:150px;
  padding:0;
  margin:0 0 5px 0;
  text-align:center;
  font:bold 13px  "Time New Roman", Trebuchet MS, Helvetica, sans-serif;
}
div#vlajka_levej p:first-letter
{
  font:Bold 17px  "Verdana", Trebuchet MS, Helvetica, sans-serif;
  color:#FF9900;
  margin:0;
  padding:0;
}
  

/*-----------------------------PRAVEJ-----------------------------------------*/  
  
div#pravej
{
  width:450px;
  margin:0;
  padding:0;
  float:left;
  background-color:#ffffff;
  border-left:3px solid #C7391C;
}

div#vlajka_pravej
{
  width:150px;
  padding:0;
  margin:30px 0 0 0;
  border-bottom: 2px solid #C7391C;
  border-right: 2px solid #C7391C;
}
div#vlajka_pravej p
{
  width:150px;
  padding:0;
  margin:0 0 5px 0;
  text-align:center;
  font:bold 13px  "Time New Roman", Trebuchet MS, Helvetica, sans-serif;
}
div#vlajka_pravej p:first-letter
{
  font:Bold 17px  "Verdana", Trebuchet MS, Helvetica, sans-serif;
  color:#FF9900;
  margin:0;
  padding:0;
}

/*--------------------------------BOXY----------------------------------------*/

.box

{
  width:400px; 
  margin:10px 0 0 10px;
  padding:0;
  float:left;
}

.vrsek_mikrotik
{
  width:400px;
  height:80px;
  background:url(layout-grafika/top_mikrotik.jpg) no-repeat;
  margin:0;
  padding:0;
}
.vrsek_dolar
{
  width:400px;
  height:80px;
  background:url(layout-grafika/top_dolar.jpg) no-repeat;
  margin:0;
  padding:0;
}
.vrsek_x
{
  width:400px;
  height:80px;
  background:url(layout-grafika/top_x.jpg) no-repeat;
  margin:0;
  padding:0;
}
.vrsek
{
  width:400px;
  height:36px;
  background:url(layout-grafika/top.jpg) no-repeat;
  margin:0;
  padding:0;
}

.stred
{
  width:400px;
  background:url(layout-grafika/middle.jpg) repeat-y;
  margin:0;
  padding:0;
}
.stred p
{
  width:355px;
  margin:0 0 0 25px;
  padding:0;
  text-align:justify;
}

.spodek
{
  width:400px;
  height:53px;
  background:url(layout-grafika/bottom.jpg) no-repeat;
  margin:0;
  padding:0;
}
.spodek p
{
  width:400px;
  height:53px;
  margin:0 0 0 20px;
  padding:15px 0 0 0;
  font:Bold 7px  "Verdana", Trebuchet MS, Helvetica, sans-serif;
  position:absolute;
}