/* CSS Document */
body {
        background-color: #000;
        margin: 0;
        padding: 0;
        font-family:  Verdana,'Arial ce', 'arial', 'helvetica ce', 'helvetica', 'sans-serif';
        text-align: center; 
        font-size: 12px;
        line-height: 150%;
        color: white;
        background-image: url('../layout/bg2.gif');
}

table tr td {
        font-size: 12px;
}

/****************************************************** hlavni casti stranky */
#linka_bg {
        width: 100%;
        background-image: url('../layout/bg.gif'); 
        background-repeat: repeat-x;
}
#layout_page {
        margin: auto;
        padding: 0;                  
        width: 960px;
        background-image: url('../layout/bg_page.jpg'); 
        background-repeat : no-repeat; 
        background-position: bottom right;
}
#layout_page_linka {
        margin: auto;
        padding: 0;                  
        width: 960px;
        background-image: url('../layout/bg_page_linka.gif'); 
        background-position: right;
        background-repeat: repeat-y;
        border-left: 1px solid #144287;        
        border-right: 1px solid #144287;     
        border-bottom: 1px solid #144287;
}
#layout_header {
        margin: auto;
        padding: 0;
        width: 960px;
        height: 176px;
        background-image: url('../layout/logo.gif'); 
        background-repeat : no-repeat;        
        position: relative;
}

#layout_header h1 {
        margin: 0;
        padding: 0;
}
#layout_menu_left {   
         
}

#layout_menu_right {
        float: right;
        width: 190px;     
        min-height: 300px; 
        height: 100%; 
        text-align: left; 
}
#layout_bottom {     
        padding: 0;
        width: 930px;
        height: 27px;        
        background-image: url('../layout/bg_bottom.gif'); 
        background-repeat: repeat-x;  
        font-size: 11px;
        color: white;
        clear: both;
        line-height: 60%;
        padding-top: 150px;
        
}
#layout_cont { 
        width: 760px;
        margin: 0;
        padding: 0;
        text-align: left;
        _width: 750px; 
}


.hidden {
        display: none;
}
h1 {
        font-size: 15px;
        margin-top: 10px;
        text-align: left;
        color: #C3D0E1;
}
h2 {
        font-size: 13px;
        font-weight: bold;
}
h3 {
        font-size: 12px;
        font-weight: bold;
}
p, ul { 
        line-height: 150%;
        text-align: left;
        font-size: 12px;
}

a:hover {
      color:gray;
}
.obycstr-telo {
        text-align: left;
}
.obycstr-telo img {
        /*float: right;*/
        margin: 5px;
        border: 0px;
}
.obycstr-telo table {
        font-size: 1em;
}
.obycstr-telo table td {
        text-align: left;
        padding: 0px 5px;
}
.obycstr-telo table.kontakty {
        font-size: 1em;
}
.obycstr-telo table h3 {
        font-size: 1.1em;
        text-align: left;
        margin: 2ex 0px 3px 0px;
        padding: 0px;
        border-bottom: 1px #000000 solid;
}
.obycstr-telo .udaje td {
  background-color: #f6f6f6;
  padding: 2px;
}
.cont_space {
        padding:5px;
}
.obycstr-zapati img {
        float: none;
        margin: 0px;
}
#stranka_vnitrek {
      padding: 20px;
      padding-left: 40px;
}
#stranka_vnitrek2 {
      padding: 0;
}
#stranka_vnitrek_bez_gr {
  width: 100%;
  background-color: white;
  padding: 20px;
  min-height: 400px;
}
#reklama-top {
}
.msg {
  color: #ff0000;
  margin-bottom: 2ex;
}
.strankovani {
  margin: 3ex auto 2ex auto;
  width: 500px;
  text-align: center;
}
.strankovani a {
  margin: 0 1em 0 0;
}
.strankovani a.pravy {
  margin: 0 0 0 1em;
}
.strankovani a:hover {
  text-decoration: none;
}

.novinky{
      border-bottom: 1px solid #C8D4E4;
      padding-bottom: 15px;
}
.galerie_vypis,
.prilohy,
.form_sekce {
      border-top: 1px solid #C8D4E4;
      padding-bottom: 5px;
      margin-top: 15px;
}

.form_sekce table td {
      padding: 5px;
}


.novinka-detail {
  padding: 5px;
}
.novinka-detail h3, .novinka-detail p {
  margin: 1ex 0px 0px 0px;
  padding: 0px;
  font-size: 1em;
}
.novinka-detail p {
  margin: 1ex 0px;
  padding: 0px;
}
.novinka-detail a {
  font-size: 0.8em;
}

.datum-novinky {
  color: red;
  font-size: 10px;
  font-weight: normal;
}
.anotace-novinky, .obsah-novinky {
  text-align: justify;
  margin-top: 1ex;
}
a.odk-cela-novinka, a.odk-cela-novinka:visited {
  font-size: 0.8em;
}
.obr-novinky {
  float: right;
  border: 1px solid #cccccc;
  margin: 4px;
}
.galerie-telo {
  text-align: center;
}
.galerie-telo img {
  border: 0px;
}
.galerie .galerie-tab {
  margin: 0 auto;
  text-align: center;
}
.galerie .galerie-tab td {
  text-align: center;
}



.nabidka {
  margin: 3ex 0;
}
.nabidka h3 {
  margin: 1ex 2em;
}
#layout_page.intra_login_form {
  text-align: center;
  width: 400px;
  border: 1px solid gray;
  color: #000000;
  background-color: #C0C0C0;
  margin: 60px auto 0 auto;
}
#layout_page.intra_login_form div {
  padding: 5px;
}
.intra_login_form h3 {
  text-align: center;
}
.intra_login_form .formular {
  width: 250px;
  margin: 30px auto 10px auto;
}
.intra_login_form  .polozka {
  text-align: right;
  width: 100%;
  margin-bottom: 10px;
}
.intra_login_form  .polozka label {
  font-weight: bold;
}
.intra_login_form  div.tlacitko {
  text-align: center;
}
.login-back {
  text-align: center;
  width: 100%;
}
.login-back a {
}
.intra_login_form  input.password, .intra_login_form  input.user-name {
  width: 150px;
}


/***************************************************************** leve menu */
#layout_menu_in {    
        min-height: 350px;
        _height: 350px; 
        padding: 0px;
        
      text-align: center;
}
#layout_menu_in ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        position: relative;
}
#layout_menu_in ul {
      padding: 10px;  
}

#layout_menu_in ul.submenu_vert {
  position: absolute;
  left: 145px;
  margin-top: -1.6em;
  z-index: 10;
  width: 210px;
  background: white;
  display: none; /* podmenu nebude videt pri vypnutem JS a zapnutych CSS */
  background-image: url('../layout/box_bg.gif');
      background-position: top;
      background-repeat: repeat-x;
}
#layout_menu_in ul.submenu_vert li {
  margin: 5px 10px 5px 5px;
}
#layout_menu_in ul.submenu2_vert, #layout_menu_in ul.submenu3_vert {
  position: absolute;
  left: 195px;
  margin-top: -1.6em;
  z-index: 10;
  width: 210px;
  background: white;
  display: none; /* podmenu nebude videt pri vypnutem JS a zapnutych CSS */
  background-image: url('../layout/box_bg.gif');
      background-position: top;
      background-repeat: repeat-x;  
}
#layout_menu_in ul.submenu2_vert li {
  margin: 5px 10px 5px 5px;
}
#layout_menu_in ul li {
        margin: 0px;
        padding: 0px; 
        border-bottom: 1px solid #C8D4E4; /* kvuli odskakovani v ie */
}
#layout_menu_in ul li a {
        margin:0;
        display: block;
        font-size: 11px;
        color: black;
        width:100%;     
        padding: 5px 0px 5px 5px;
}
#layout_menu_in ul li a.intra {
        background-color: lightblue;
}
#layout_menu_in ul li a:hover {
        color: gray;    
}
#reklama-left {
}
.search-input {
  margin: 0px 0px 0px 10px;
  width: 100px;
}
#search form {
  display: inline;
}
#search {
  margin: 30px 0px 0px 0px;
  position: relative;
  width: 150px;
}
#search-btn {
  width: 16px;
  height: 16px;
  background-image: url('../obr/search.png'); 
  background-repeat : no-repeat;
  position: absolute;
  right: 10px;
  top: 4px;
}
.left-banner {
  margin: 30px 0px 80px 0px;
}


/******************************************************************* zahlavi */
#layout_header h1 a, #layout_header h1 a span {

}
#layout_header h1 a span {
  display: none;
}
#layout_header h1 a {
display: none;
}
#layout_header h1 {

}
.hidden-nav a {
display: none;
}
#horiz-menu {
      position: absolute;
      top: 85px;
      right: 0;
      margin: 0;      
}
#horiz-menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  position: relative;
      margin: 0;
      padding: 0; 
}
#horiz-menu ul li {
  /*display: inline;*/
  float: left;
  position: relative;  
}
#horiz-menu ul li a {
  margin: 0px;
  font-size: 12px;
  height: 33px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
#horiz-menu ul li a span {
  padding-left: 45px;
  padding-right: 25px;
  padding-top: 6px;
  display: block;
}
#horiz-menu ul li a:hover {
  color: silver;    
}
#horiz-menu ul.submenu_horiz {
  position: absolute;
  left: 45px;
  top: 20px;
  text-align: left;
  margin: 0;
  z-index: 11;
  width: 210px;
  background: black;
  border: 1px solid #144287;
  display: none;   
  margin: 0;
  padding: 0;
}

#horiz-menu ul.submenu_horiz li a span {
  display: block;
  margin: 0;
  padding: 5px;
}

#horiz-menu ul.submenu_horiz li {
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
}
#horiz-menu ul.submenu2_horiz {
  position: absolute;
  left: 195px;
  margin-top: -1.6em;
  z-index: 10;
  width: 210px;
  background: white;
  border: 1px solid gray;
  display: none; /* podmenu nebude videt pri vypnutem JS a zapnutych CSS */

}
#horiz-menu ul.submenu2_horiz li {
  margin: 5px 10px 5px 5px;
}
#intra {
  position: absolute;
  right: 15px;
  top: 10px;
}
#intra a {
  font-size: 11px;
  text-decoration: none;
  color: black;
}
#intra a:hover {
  color: green;
}


/******************************************************************** zapati */
#layout_bottom a {      
  color: #C3D0E1;                 
}
#layout_bottom .cont_space {      
  padding:10px;                 
}








/************************ boxy */
.box {
      margin:auto;
      text-align: left;
      width: 180px;
      margin-bottom: 20px;      
}

.box h3 {
      margin: 0;
      padding: 2px;
      text-align: center;
      color: black;
      border-bottom: 1px solid black;
      text-decoration: none;
}

.box h3 a  {
      color: black;
      text-decoration: none;
}


.box p {
      padding: 10px;
      padding-top: 0;
      
}

.box h3 span {
      
}

#aktuality .aktualita {
      padding: 10px;
      font-size: 11px;
      line-height: 150%;
}

#aktuality .aktualita h4 {      
      text-align: left;
      font-weight: bold;
      margin: 0;
      font-size: 11px;
}
#aktuality .aktualita h4 a {
      color: #C3D0E1;
}

#aktuality .aktualita h4 a:hover {
      color: gray;
}
#aktuality .aktualita p {
      margin: 0;
      padding:0;
      padding-top: 3px;      
      font-size: 11px;
      line-height: 150%;
}

#aktuality .aktualita img.obr {
      margin-top: 10px;
      border: 1px solid black;
}

#aktuality .aktualita .obr_akt {
      text-align: center;
}

#aktuality .aktualita .datum_akt {
  color: #000;
  font-size: 9px;
  font-weight: normal;
}





#kosik_box a {
}

#kosik_box div {
      padding:10px;
      line-height: 150%;
      padding-bottom:0;
}

#kosik_box div span {
      font-weight: bold;
      display: block;
      padding-top: 5px;
      padding-bottom: 5px;
}

#hotline_box h3 {
      background: url('../layout/bg_box_hotline.gif');
      background-repeat: no-repeat;
      padding-left: 45px;
      font-size: 20px;
      color: #E90F15;
}
#hotline_box p {
      font-size: 10px;
      color: #003388;
      line-height: 120%;
}

#hotline_box div {
      font-size: 20px;
      color: #003388;
      text-align: center;
      font-weight: bold;
      padding: 0px
}

#prihlaseni_box {
      padding: 0px;
      margin: 0;
}








/******************************************************************************/

.clear {
      clear: both;
}

a {
      color: #C3D0E1;
}


/************************ eshop ******************************************************/

table.kosik {
      border-collapse: collapse;
}

table.kosik tr th,
table.kosik tr td {
      border: 1px solid gray;
      padding: 5px ;
      font-size: 12px;
      line-height: 150%;      
}

table.kosik tr th {
      background-color: #202020;
      text-align: center;
}

.produkt {
      width: 160px;
      float: left;   
      text-align: center;
      margin: 30px;   
      _margin: 22px;   
}

.produkt a {
      display: block;
      text-decoration: none; 
      padding: 5px;    
}
.produkt a:hover {
      color: #fff;
}

#layout_cont .produkt a h2 {
      text-decoration: underline; 
      margin: 0;
      margin-bottom: 5px;
}

#layout_cont .produkt a .cena {
      padding-top: 5px;
      font-weight: bold;
}

#layout_cont .produkt a .cena span {
      font-size: 9px;
      font-weight: normal;
      color: gray;  
}


#layout_cont .produkt a img {
      border: 1px solid #C3D0E1;
}

.produkt_detail {
      padding: 10px;
}

.produkt_detail .hl_foto {
      float: left;
      margin-right: 15px;
      text-align: center;
}

.produkt_detail .hl_foto img {
      border: 1px solid #C3D0E1;
}

.produkt_detail .barva {      
      width: 100px;
      border: 0px solid #DFE6EF;
      float: left;
      margin: 10px;
      text-align: center;
}

.produkt_detail .cena {      
      padding-top: 20px;
      font-size: 15px;
}
.produkt_detail .cena_bez_dph {      
      padding-top: 5px;
      color: gray;
}
.produkt_detail .cena span {      
      font-weight: bold;
}
.produkt_detail .barva h3,
.produkt_detail .hl_foto h3 {      
      margin:0;
      padding-top: 4px;
}




.myclear {
display: table; width: 100%;
_clear: both;
}

.vlozit_do_kosiku {
      padding: 5px;
text-align: right;
}

.univerzalni_typ {
      border-bottom: 1px solid gray;
      padding-bottom: 10px;
}

.univerzalni_typ img {
      float: left;
      margin-right: 15px;
}
table.model_auta {
      border: 2px solid gray;
      width: 100%;      
      _width: 518px;
      
}
table.model_auta tr td {
      padding: 10px;
}

.styl_sedacek {
      float: left;
      width: 300px;
      border: 1px solid gray;
      margin: 11px;
      _width: 290px;
      
}
.styl_sedacek table {
      border-collapse: collapse;
      width: 100%;
}

.styl_sedacek table tr td {
      font-size: 10px;
      padding: 1px;
      border-bottom: 1px solid silver;
      margin: 0;
      width: 50%;
}

.styl_sedacek table tr th {
      background-color: silver;
      text-align: center;
      font-weight: normal;
}

.loginbox {
      float: left;
      width: 420px;
      margin: 11px;
      _width: 420px;
      padding: 10px;
      height: 200px;
}

table.registrace_zakaznika {
      border-bottom: 1px solid gray;
      padding: 15px;
      width: 520px;
}
table.registrace_zakaznika td {
      padding: 5px;
}

table.registrace_zakaznika input {
      width: 200px
}



.chyba {
      color: red;
      font-weight: bold;
}
.ok {
      color: green;
      font-weight: bold;
}

.styl_sedacek input.hodnota {
      font-size: 10px;
      width: 110px;
      padding: 0;
}
.styl_sedacek input.hodnota_mensi {
      font-size: 10px;
      width: 20px;
      padding: 0;
}

.typ_dopravy {
      padding: 5px;
}

.typ_dopravy label {
      font-weight: bold;
}

#doporucujeme {
      width: 529px;
      _width: 520px;
      padding-bottom: 15px;
      background-image: url('../layout/bg_doporucujeme.png'); 
      background-repeat: no-repeat;
      background-position: top;
      border-bottom: 1px solid #003182;
      background-color: #EDF1F6;
}

#doporucujeme h2 {
      padding-top: 45px;
      margin: 0;
      padding-left: 290px;
      color: #D2DCE8;
      font-size: 20px;
      font-weight: normal;
      margin-bottom: 20px;
}

#doporucujeme .produkt1 {
      float: left;
      text-align: center;
      width: 175px;
      _width: 170px;
      padding-top: 15px;
}

#doporucujeme .produkt1 .cena {
      font-size: 10px;
}

#doporucujeme .produkt1 h3 {
      margin: 0;
}

#doporucujeme .produkt1 img {
      border: 1px solid silver;
}

.jaz-mutace {
      padding: 10px;
      right: 10px;
      top: 10px;
      position: absolute;
	  
}




.typ {
      border-bottom: 1px solid silver;
      padding-bottom: 5px;
}

table.univ_kategorie,
table.priplatkova_vybava {
      border-collapse: collapse;
      margin: 30px;
}
table.univ_kategorie td,
table.univ_kategorie th,
table.priplatkova_vybava td,
table.priplatkova_vybava th {
      border: 1px solid gray;
      padding: 5px;
}
table.univ_kategorie th,
table.univ_kategorie td.odd,
table.priplatkova_vybava th,
table.priplatkova_vybava td.odd {
      background-color: #202020;
      text-align: center;
      font-size: 13px;
}