/*font*/ 
* {font-family: Verdana; font-size: 11px;margin:0px;padding:0px; color:#003372;}
a {color: #4b90e5;}
a img {border: 0px;}
ol, ul, li {
  margin: 0px;
  padding: 0px;
  margin-left: 15px;
}
ol, ul {
  padding-bottom: 10px;
}
li {

}
p {
  line-height: 1.5;
  padding-bottom: 10px;
}
h1, .h1 {
  color: #f47820;
  font-size: 18px;
  margin-bottom: 15px;
  font-weight: normal;
}
h2 {
  font-size: 11px;
  margin-bottom: 10px;
}
html {margin-bottom:100px;}

body {
        margin:0px;
        padding:0px;
        font-family: Verdana, "Trebuchet MS", sans-serif;
        background-color:  #003372;
        background-image: url('img/bg_body.png');
        background-repeat: repeat-x;
        background-position: top center;
        text-align: center;
        min-width: 800px;
        line-height: 1.5;
        padding-bottom: 30px;
        }

#main {
	      margin: 0 auto;
        padding:0px;
        width: 800px;
        height: 400px;
        min-height: 400px;
        text-align: left;
        }
#main-inner {
        clear: both;
        float: left;
        width: 800px;
        overflow: hidden;
        /*border: 1px solid red;*/
        background-image: url('img/bg_container.png');
        background-repeat: no-repeat;
        background-position: top left;
        background-color: #ffffff;    
        padding-top: 148px;
        position: absolute;     
        margin-bottom: 30px; 
}
#header {
    width: 800px;
    height: 110px;
    position: absolute;
    top: 0px;
    float: left;
    clear: both;
    text-align: center;
}
  #header img {
    width: 800px;
    height: 110px;
    border: 0px;
  }
#motto {
    width: 800px;
    height: 30px;
    position: absolute;
    top: 110px;
    float: left;
    clear: both;
    text-align: center;
    }
    #motto * {
      color: #9dc6f8;
      text-align: center;
    }
#menu {
  background: url('img/bg_menu.png') repeat-x top center #5f9fef;
  text-align: right;
  /*height: 32px;*/
  width: 798px;
  border: 1px solid #97b5da;
  border-bottom: 0px;
  float: left;
  overflow: hidden;
}
  #menu li,
  #menu ul {
    vertical-align: bottom;
    margin: 0px;
    padding: 0px;
  }
  #menu ul {
    /*margin-top: 7px;*/
    margin: 0px;
    padding: 0px;
    clear: both;
    float: right;
  }

  #menu li {
    display: inline;
    /*height: 32px;*/
    /*padding-top: 10px;*/
  }
  #menu .li5 a {
    background-image: none;
  }
  #menu a {
    text-decoration: none;
    display: block;
    float: left;
    padding: 5px;
    padding-left: 20px;
    padding-right: 21px;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    background: url('img/bg_menu_li.png') no-repeat bottom right;
  }
  #menu a.selected,
  #menu a:hover {
    /*background: url('img/bg_menu_selected.png') repeat-x bottom center;
    background-color: #FFF0E5;*/
    color: #F47820;
  } 

#col1 {
  float: left;
  border: 1px solid #ffffff;
  width: 95px;
  background: url('img/bg_col1.png') repeat-y top center;
  /*padding-top: 115px;*/
  min-height: 420px;
  height: 420px;
  background-color: #ffffff;
}
  #col1 img {
/*    margin-bottom: 5px;*/
  }
#col2 {
  float: right;
  border: 1px solid #ffffff;
  width: 675px;
  color: #1b3e77;
  font-size: 11px;
  /*height: 380px;*/
  min-height: 380px;
  text-align: justify;  
  background: url('img/bg_col2.png') bottom right no-repeat;
  padding-bottom: 40px;  
}
  #col2 h1 {
    display: none;
  }
#col2 .inner {
  /*padding-top: 60px;*/
  padding-right: 30px;
  background-repeat: no-repeat;
  background-position: right 15px;
}
  #col2 .margin_top {
    height: 60px;
    width: 100%;
    display: block;
  }
  #col2 .pages_cz_tym { background-image: url('img/bg_pages_cz_tym.png');}
  #col2 .pages_cz_kontakt { background-image: url('img/bg_pages_cz_kontakt.png');}
  #col2 .pages_cz_reference { background-image: url('img/bg_pages_cz_reference.png');}
  #col2 .pages_cz_agentura { background-image: url('img/bg_pages_cz_agentura.png');}
  #col2 .pages_cz_graficky-design-tisk { background-image: url('img/bg_pages_cz_grafdesign.png');}
  #col2 .pages_cz_akce-na-klic { background-image: url('img/bg_pages_cz_organizovani.png');}
  #col2 .pages_cz_reklamni-aktivity { background-image: url('img/bg_pages_cz_ostatni.png');}

  #col2 .pages_en_team { background-image: url('img/bg_pages_en_tym.png');}
  #col2 .pages_en_contact { background-image: url('img/bg_pages_en_kontakt.png');}
  #col2 .pages_en_reference { background-image: url('img/bg_pages_en_reference.png');}
  #col2 .pages_en_agency { background-image: url('img/bg_pages_en_agentura.png');}
  #col2 .pages_en_graphic-design-print { background-image: url('img/bg_pages_en_grafdesign.png');}
  #col2 .pages_en_turnkey-operations { background-image: url('img/bg_pages_en_organizovani.png');}
  #col2 .pages_en_advertising { background-image: url('img/bg_pages_en_ostatni.png');}

#col2 .pages_cz_klienti .margin_top,
#col2 .pages_en_clients .margin_top {
  height: 20px;
}
    #col2 .pages_cz_klienti .loga,
    #col2 .pages_en_clients .loga { background-image: url('img/bg_pages_cz_klienti.png');
      background-repeat: no-repeat;
      background-position: right 0px;}
    #col2 .pages_en_clients .loga { background-image: url('img/bg_pages_en_klienti.png');}
    
    #sidemenu li,
    #sidemenu {
      margin: 0px;
      padding: 0px;
      float: left;
    }
    #sidemenu li {
      list-style: none;
      margin-bottom: 1px;
      position: relative;
      margin: 0px;
      padding: 0px;
      margin-bottom: 1px;
    }
    #sidemenu a {
      text-decoration: none;
      font-weight: bold;
      display: block;
      font-size: 10px;
      line-height: 1.5;
      width: 75px;
      height: 75px;
      overflow: hidden;
      vertical-align: bottom;
      text-align: right;
      padding: 10px;
      background: url('img/bg_sidemenu.png') no-repeat;
    }
    #sidemenu a.selected,
    #sidemenu a:hover {
      background: url('img/bg_sidemenu_selected.png') no-repeat;
    }
    #col2 td {font-size: 11px;}


    #col2 .table {margin: auto; margin-bottom:20px;}




.vel {font-size:14px;}



#col2 td.tym_foto {vertical-align: top;padding-right:0px;text-align: right; width:250px;}
#col2 td.tym_foto img {border: 1px solid #032d67;}
#col2 .foto {border: 1px solid #032d67;margin-top:20px;margin-bottom:20px;}
#col2 td.tym_polozka {text-align: left; font-size:10px; padding-left:10px; width:55px;}
#col2 td.tym_jmeno {padding-left:10px;font-weight: bold; font-size: 14px;padding-bottom:0px;}
#col2 td.tym_pozice {padding-left:10px;font-style: italic;padding-bottom:10px;}
#col2 td.tym_telefon {padding-left:10px;}
#col2 td.tym_email {padding-left:10px;}
#col2 td.tym_info {padding-left:10px;vertical-align: top;}

#bottom {
  clear: both;
  float: left;
  background-color: #003372;
  width: 800px;
  height: 75px;
}

.menu_akce {color: #f47820;}

.foto_pas {margin-top: 20px;}
.foto_pas img {margin-right:5px; margin-bottom:10px; border: 1px solid black;}
.logo {margin-bottom: 10px;}

#mapa-webu a {
  color: #003372;
}
#klienti h2 {
  text-align: right;
}
#klienti .seznam {
  border-left: 1px solid #cfd0d2;
}
#klienti .seznam  p {
  padding: 5px;
  padding-left: 10px;
  color:#3e3d40;
}
#klienti .seznam  p:hover {
  background: url('img/bg_client_hover.png') no-repeat;
}