/* ========== Obecne direktivy ========== */
* {margin: 0; padding: 0;}
html {height: 100%; font-size: 62.5%;}
body {height: 100%; font: 1.2em Verdana, Arial, Helvetica, sans-serif; text-align: center;
padding-bottom: 60px; background: #838383;}


/* ========== Layout ========== */
#obal {
   width: 900px;
   margin: 0px auto 0 auto;
   text-align: left;
   background: #FFFFFF;
   }

#hlavicka {
   background: url(http://www.micro-kolobezky.cz/obr/hlavicka.gif);
   height: 107px; /*Height of top section*/
   }

.logo {
  padding: 15px 0px 0px 0px;
  text-align: right;
  width: 540px;
  float: left;
  height: 85px;
}
.logo2 {
  padding: 15px 0px 0px 0px;
  text-align: right;
  width: 340px;
  float: left;
  height: 85px;
}

.kosik_logo {
  width: 345px;
  float: left;
  margin: 55px 0px 0px 0px;

  }
.kosik_logo a {
  color: white;
  text-decoration: none;
}  
.table_kosik {
  width:345px;
  font-size: 11px; 
}
#sloupec1 {
   float: right;
   width: 735px;
   }

#sloupec2 {
   float: left;
   width: 165px;
   text-align: center;
   margin-bottom: 200px;
   }

#sloupec1-in, #sloupec2-in {
   margin: 0.8em 1.2em;
   }

.cleaner {
   clear: both;
   height: 0;
   font-size: 0;
   visibility: hidden;
   }

#paticka {
   margin-top: 30px;
   height: 18px;
   background: #000000;
   color: rgb(137,137,137);
   text-align: right;
   }

.menu {
  margin-top: -2px;
  margin-bottom: -1px;
  padding: 10px 0px 0px 15px;
  text-align: left;  
  background: #5ECBEF;
   
  }

.menu_p{
  padding-bottom: 4px;
  }

.menu_p A {
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
  font-family: Verdana;
}
.menu_p A:hover {
  color: #505050;
  text-decoration: none;
}

.menu_d {
  margin: 4px 0px 4px -15px;
  }

.noscreen {
  display: none;
  }

/* ========== Ostatní ========== */
.zbozi_h1 {
  color: #389AD1;
  padding-top: 10px;
  font-size: 22px;
  font-weight: bold;
  padding: 12px 0px 12px 0px;
} 
  
.tabulka_index {
  width: 690px;
  text-align: center;
  font-family: Verdana;
  font-size: 12px;
  margin-bottom: 30px;
  margin-top: 10px;
  }

.tabulka_index A{
  text-decoration: none;
  color: black;
  font-weight: bold;
  }
  
.tabulka_index A:hover{
  text-decoration: underline;
  color: #696969;
  }
  
.zbozi_delic {
  width: 690px; 
  float:left; 
  height: 20px; 
  background: url(http://www.micro-kolobezky.cz/obr/delic_zbozi.gif);
  padding: 5px 0px 5px 0px;
}
#zbozi_leva {
	width: 214px; 
  float:left;	
  margin:0; 
  text-align: center; 
  padding: 10px 8px 0px 8px;
}
#zbozi_leva .text_nadpis A{
	font-size: 14px;
	font-family: Verdana;
	text-decoration: none;
  color: #3C7ABF;
}
#zbozi_leva .text_nadpis A:hover{
	text-decoration: underline;
  color: #195A9C;
  
}
#zbozi_leva .text_nadpis{
  padding-top: 15px;
  text-align: center;  
}
.odkazy_katalog {
  FONT-SIZE: 8pt; 
  COLOR: #0A1730; 
  FONT-WEIGHT: bold; 
  TEXT-ALIGN:left; 
  PADDING-BOTTOM: 5px; 
}
.odkazy_katalog A {
  COLOR: #0D3585;
}
.odkazy_katalog A:hover {
  COLOR: #5787E5;
}
.zbozi_tabulka {
  width: 690px;
  color: #1D1D1D;
  font-family: Verdana;
  font-size: 13px;
}
.zbozi_popis_text {
   width: 690px;
   margin-bottom: 15px;
}
.zbozi_leva {
  float: left;
  text-align: left;
  padding-left: 15px;
  padding-right: 20px; 
  width: 185px;
}
.zbozi_prava {
  float: left; 
  width: 460px;
}
.cena_zbozi {
  padding: 5px 0px 10px 0px;
  font-size: 13px;
  font-weight: bold;
}
.z_b_odeslat {
  font-size: 11px; 
  background: #FF6200; 
  color: #F2F2F2; 
  height: 23px; text-align: center;
  font-family: Tahoma, Arial CE, helvetica, sans-serif; 
  font-weight: bold; 
  margin-left: 10px;
  width: 100px;
}
.z_b_pocet {
  width: 30px; height: 21px;
  font-size: 12px;
  text-align: center;
}
.zbozi_tabulka_dalsi {
  padding: 35px 0px 0px 0px;
}

/* košík */

.mezera {
  	padding-top: 20px;
}
.kosik_tabulka {
	width: 690px;
	font-family: Arial, Helvetica, sans-serif;
}
.kosik_horni_lista {
	font-size: 12px;
	font-weight: bold;
	background-color: #5ECBEF;
	padding: 5px 0px 5px 5px;
	line-height: 12px;
	}
.modry_radek {
	font-size: 12px;
	font-weight: bold;
	background-color: #5ECBEF;
	padding: 5px 0px 5px 5px;
	line-height: 12px;
  width: 690px;  
}
.kosik_nazev_zb {
	font-size: 12px;
	color: #333333;
	text-align: left;
	padding: 0px 0px 0px 3px;
}
.kosik_cena_zb {
	font-size: 12px;
	color: #333333;
	text-align: right;
	padding: 0px 22px 0px 0px;
}
.kosik_pocet_zb{
	font-size: 12px;
	color: #333333;
	text-align: center;  
}
.kosik_delic {
	background-image: url(http://www.micro-kolobezky.cz/obr/kosik_delic.png);
	background-repeat: repeat-x;
	background-position: center;
	height: 12px;
}
.kosik_nazev_zb_bold {
	font-size: 12px;
	color: #333333;
	text-align: left;
	font-weight: bold;
	padding: 0px 0px 0px 3px;
}
.kosik_cena_zb_bold {
	font-size: 14px;
	color: #333333;
	text-align: right;
	font-weight: bold;
	padding: 0px 18px 0px 0px;
}
.pocet_form {
  height: 30px; 
  width: 89px;
  padding: 6px 0px 0px 0px;
  _padding:13px 0px 0px 0px;
}
#form_pocet .obr_kosik {
  width: 16px; 
  height:18px; 
  vertical-align: top;
}
#form_pocet {
  height: 16px; 
  line-height: 18px; 
  text-align: center;
 _margin: -10px 0px px 0px;
}
#form_pocet input {
  width: 18px; 
  height: 18px; 
  font-size: 11px;
  vertical-align: top; 
  text-align:center;
}
#form_pocet img {
  vertical-align:top;
}
.kosik_buttony {
  MARGIN-TOP:20px; WIDTH: 690px;  
}
.kosik_buttony_objednat {
  background: rgb(0,153,0);
  color: white;
  FONT-SIZE: 11px; 
  PADDING-RIGHT: 5px; 
  PADDING-LEFT: 5px; 
  PADDING-TOP: 3px;
  PADDING-BOTTOM: 3px;
  FONT-FAMILY: Tahoma, Arial CE, helvetica, sans-serif;
  FONT-WEIGHT: bold;
}
.kosik_buttony_dalsi_nakup {
  background: rgb(99,99,99);
  color: white;
  FONT-SIZE: 11px; 
  PADDING-RIGHT: 5px; 
  PADDING-LEFT: 5px; 
  PADDING-TOP: 3px;
  PADDING-BOTTOM: 3px;
  FONT-FAMILY: Tahoma, Arial CE, helvetica, sans-serif;
  FONT-WEIGHT: bold;
}
.zaplatit_celkem TD {
	font-size: 14px; 
  border-top: #333333 1px solid; 
  font-weight:bold; 
  height: 25px;
  padding-bottom: 50px;
}

/* doprava */

.druh_platby {
  width: 690px; 
}
.druh_platby_input {
  width: 30px; 
  text-align: center; 
  vertical-align: top;
}
.druh_platby_t {
  font-size: 12px; 
  font-weight: bold; 
  color: #343134; 
  font-family: verdana; 
  height: 18px;
}
.druh_platby_tm {
  font-size: 10px; 
  padding-left: 15px; 
  height: 10px; 
  padding-bottom: 10px; 
  color:#686869;
}

  /* formular */
  
.formular_zak {
width: 690px; background-color: #F1F0E8; 
}
.form_maly_txt {
  font-size: 10px;  padding-left: 20px; padding-bottom: 8px;
}
.form_mail_txt {
  font-size: 11px;  padding-left: 80px; padding-bottom: 15px; padding-top: 10px;
}
.formular_zak SPAN {
  color: red; font-weight: bold; padding-left: 2px; font-family: verdana;
  font-size: 10pt;
}
.formular_pp {
  width: 300px; float: left;
}
.formular_lp {
  width: 300px; float: left; text-align:left;
}
.form_nadpis {
  font-size: 13px; padding-left: 14px; font-weight: bold; 
}
.form_radek {
  width: 100%; 
}
.form_radek label {
 color: #0d900d; padding-right: 5px; width: 80px; height:20px; padding-top: 4px;
 position: relative; display: block; float: left; text-align: right; font-size:13px;
}
.form_radek input {
  width: 140px; height: 20px; margin-bottom: 3px; font-size:8pt; margin-top: 2px;
}
.form_radek textarea {
  font-size:8pt; width: 400px; height: 42px;
}
.podminky {
  width: 100%; 
  text-align: left;
  font-size: 11px; 
  color: black; 
  font-family: verdana; 
  font-weight: bold;
  padding: 15px 0px 10px 85px;
}
.o_b_objednavka {
  font-size: 12px; 
  background: #24981C; 
  color: white; 
  height: 30px; 
  margin-top:20px; 
  margin-bottom: 20px;
  font-family: Tahoma, Arial CE, helvetica, sans-serif; 
  font-weight: bold; 
  width: 240px;
}
.odeslat_obj {
  width: 690px; 
  text-align: center;
}
.kvalita_radek {
  width: 690 px;
  font-family: Tahoma, Arial CE, helvetica, sans-serif;
  font-size: 12px;
  padding: 10px 0px 0px 0px;
}
.kvalita_radek_left {
  width: 140 px; 
  text-align:left;
  float: left;
  padding-right: 15px
}
.kvalita_radek_right {
  margin: 0px 0px 0px 0px;
}
.kvalita_radek_nadpis {
  font-weight: bold;
}
H3.kontakt {
	FONT-FAMILY: Verdana, "Verdana CE", "Arial CE", Arial; 
  COLOR: #264E7A; 
  PADDING-TOP: 10px;
}
.text {
  font-size: 12px;
}
.reklamace {
  FONT-SIZE: 12px; 
  FONT-WEIGHT: bold; 
  PADDING-BOTTOM: 5px; 
  PADDING-TOP: 15px;
}
.dokumenty {
  FONT-SIZE: 10pt; COLOR: #0A1730; FONT-WEIGHT: bold;
  TEXT-ALIGN:left; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 4px;
}
.dokumenty A {
  COLOR: #0D3585; 
}
.dokumenty A:hover {
  COLOR: #5787E5; 
}
.zbozi_text {
  FONT-SIZE: 11px; 
  COLOR: #4A494A; 
  FONT-FAMILY: verdana; 
  PADDING-LEFT: 15px; 
  PADDING-BOTTOM: 20px;
  PADDING-TOP: 15px; 
  width: 660px;
}
.skladem {
  padding-top: 15px;
  FONT-SIZE: 12px;
}
.zelena {
  color: rgb(51,102,0);
  font-weight: bold;
}
.obrazek {
  text-align: left;
}
.podkat_pol {
  padding-bottom: 20px; 
  float: left;
  width: 170px;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
}
.podkat_pol A{
  color: rgb(101,101,101);
  text-decoration: none;
}
.podkat_pol A:hover{
  text-decoration: underline;
}

.podkat_nazev_tabulky {
  margin: 20px 0px 5px 0px;
  padding: 5px 0px 5px 3px;
  width: 690px;
  background-color: #5ECBEF;
  font-weight: bold;
  font-size: 12px;
}
.podkat_tabulka {
  width: 690px;
  color: #1D1D1D;
  font-family: Verdana;
  font-size: 13px;
}
.galerie_odkazy{
  margin: 7px 0px 0px 0px;
  font-size: 13px;
}
.galerie_odkazy A{
  color: blue;
   text-decoration: none;
}
.galerie_odkazy A:hover{
  color: red;
  text-decoration: underline;
}
.galerie_odkazy2{
  margin: 15px 0px 0px 0px;
  font-size: 13px;
}
.galerie_odkazy2 A{
  color: blue;
   text-decoration: none;
}
.galerie_odkazy2 A:hover{
  color: red;
  text-decoration: underline;
}
.product_cont {
  width:135px;
  height: 180px;
  float:left;
  padding:0px;
  margin:17px 0px 0px 0px;
}

.product_cont_top {
  font-size:0px;
  width:120px; 
  height:5px;
}

.product_cont_main {
  font-size:12px;
  width:120px;
  height:170px;
}
.product_cont_bottom {
  font-size:0px;
  width:120px; height:5px;
}
.end_txt {
   font-size: 13px;  width: 540px;
}
.end_txt TABLE{
   font-size: 13px;  width: 540px;
}
.end_zelena {
  color: #00761F; font-weight: bold; text-align: center; padding-top: 20px;
}
.end_dekuji {
  text-align: center; padding-top: 40px; padding-bottom: 40px;
}
.end_dekuji A{
 font-weight: bold; color: #3300ff; 
}
.end_platba {
  text-align: left; padding-top: 30px;
}
.end_table {
  text-align: left; width: 450px;
}
.tab_zbozi TD{
   FONT-SIZE: 12px; FONT-FAMILY: "Arial CE"; padding-bottom: 13px;
}

/*  

na hlavni strance pri změně fotce
<td class=\"test\">

.test a {
  display: block; width: 210px; height: 309px; overflow: hidden;
}
.test a:hover {
  text-indent: -210px;
}
*/