@import url('errors.css');
@import url('details.css');
@import url('Zframe.css');


html {
  padding: 0;
  margin: 0;
}

body {
  background-color: #F3F3F3;
  text-align: center;
  font-family: "Verdana CE", "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif;
  font-size: 12px;
}

form, h1, h2, h3 {
  margin: 0;
  padding: 0;
}

h1 { font-size: 150%; font-weight: bold; }
h2 { font-size: 130%; font-weight: bold; }
h3 { font-size: 120%; font-weight: bold; }
h4 { font-size: 110%; font-weight: bold; }


a { color: #000000; }
a:hover { color: #CE0000; }

#telo {
  width: 860px;
  background-color: #ffffff;
  margin: 0 auto 0 auto;
  text-align: left;
}

#navigace-horni {
  padding: 10px;
}

/* ----- Horní menu ----- */

#horni-menu { float: right; background: #FFFFFF url("../design/horni_menu_oddelovac.png") repeat-x left top; height: 48px; }
#horni-menu ul { margin: 0; padding: 0; list-style: none; }
#horni-menu li { display: inline; }

#horni-menu a {
  display: block;
  float: left;
  height: 35px;
  padding: 13px 5px 0 5px;
  background: #AF0000 url("../design/horni_menu_pozadi.png") repeat-x left top;
  text-align: center;
  text-decoration: none;
  color: #FFFFFF;
  font-size: 16px;
  letter-spacing: 1px;
}

.mr {
  margin-right: 1px;
}

#horni-menu a:hover {
  background: #AF0000 url("../design/horni_menu_pozadi_hover.png") repeat-x left top;
}

/* ----- Horní menu konec ----- */




/* ----- Horní mini navigace ----- */

#horni-mini-navigace {
  padding-top: 15px;
  text-align: left;
}

#horni-mini-navigace a {
  margin-left: 40px;
}


/* ----- Horní mini navigace konec ----- */


/* ----- Logo a vyhledávání ----- */

#logo {
  padding: 10px;
}

#logo H1 {
  position: absolute;
  left: -2000px;
}

#logo #vyhledavani { 
  position: absolute; 
  margin-top: 160px; 
  text-align: right; 
  width: 820px; 
  font-weight: bold;
  color: #32312F;
  font-size: 16px;
}

.vyhledavani-input {
  color: #000000;
  background-color: #FFFFFF;
  border: none;
  font-weight: bold;
  width: 170px;
  padding: 2px;
  font-size: 16px;
  margin: 0;
}

.vyhledavani-button {
  background-color: #D60000;
  color: #FFFFFF;
  font-size: 16px;  
  font-weight: bold;
  border: none;
  padding: 2px;
  width: 60px;
  cursor: hand;
  cursor: pointer;
  margin: 0;
}

/* ----- Vyhledávání konec ----- */



/* ----- Levý sloupec ----- */

#sloupec-levy {
  float: left;
  width: 229px;
  padding: 0 0 10px 10px;
  text-align: left;
  margin: 0;
}

/* ----- Menu ----- */

#menu {
  padding: 0;
  margin-bottom: 10px;
}

#menu #nadpis {
  width: 229px; 
  height: 43px;
  background: #E7E7E7 url("../design/kategorie_nadpis.png") no-repeat;
}

#menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: none;
}

#menu li {
  border-bottom: 1px solid #ffffff;
  margin: 0;
}

#menu li a {
  display: block;
  padding: 7px 5px 7px 5px;
  border-left: 10px solid #D50100;
  background-color: #646464;
  color: #ffffff;
  text-decoration: none;
  font-size: 16px;
}

#menu li a:hover {
  border-left: 10px solid #646464;
  background-color: #CF3333;
  color: #ffffff;
}

#menu li ul {
  border-top: 1px solid #ffffff;
  margin: 0;
}

#menu li li a {
  display: block;
  padding: 7px 5px 7px 20px;
  border-left: 10px solid #9D9D9D;
  background-color: #E7E7E7;
  color: #000000;
  text-decoration: none;
  margin: 0;
}

#menu li li li a {
  display: block;
  padding: 7px 5px 7px 50px;
  border-left: 10px solid #CFCFCF;
  background-color: #EFEFEF;
  color: #000000;
  text-decoration: none;
  margin: 0;
}

/* ----- Menu konec ----- */



/* ----- Košík ----- */

#kosik {
  border-left: 10px solid #646464;
  background-color: #E7E7E7;
}

#kosik #obsah {
  padding: 5px 5px 10px 5px;
  font-size: 14px;
}

#kosik #obsah h3 {
  font-size: 16px;
  padding-bottom: 10px;
}

#kosik #obsah .cena {
  display: block;
  padding-left: 20px;
}

#kosik #obsah .cena b {
  color: #D50000;
}


#kosik #obsah .kosik-vstoupit {
  display: block;
  background-color: #CE0000;
  font-size: 16px;
  text-align: center;
  padding: 3px;
  color: #ffffff;
  text-decoration: none;
}

/* ----- Košík konec ----- */
/* ----- Levé menu konec ----- */


/* ----- Pravé menu ----- */

#sloupec-pravy {
  width: 600px;
  margin-left: 250px;
}

#sloupec-pravy h1, h2, h3, h4 {
    padding-bottom: 10px;
}


/* ----- Nadpis (drobeckova navigace) ----- */
#sloupec-pravy #nadpis {
  background-color: #E7E7E7;
  color: #000000;
  height: 25px;
  padding-top : 10px;
  padding-left : 10px;
}

#sloupec-pravy #nadpis a { text-decoration: none; font-weight: normal; color: #000000; }
#sloupec-pravy #nadpis a:hover { text-decoration: underline; }

#sloupec-pravy #nadpis a.red {
  color: #BC0000;
  font-weight: bold;
}

/* ----- Nadpis (drobeckova navigace) konec ----- */

/* ----- Zboží ----- */

#zbozi {
  border: 1px solid #C9C9C9;
  margin-top: 10px;
  height: 265px;
  width: 197px;
  font-family: Georgia, "Times New Roman", Times, serif;
  float: left
}

#zbozi h2 { padding: 2px 5px; height: 60px; overflow: hidden;}
#zbozi h2 a { color: #BC0000; font-size: 14px; text-decoration: none; }
#zbozi h2 a:hover { color: #000000; }
#zbozi #obrazek { text-align: center; width: 195px; height: 120px; overflow: hidden; padding-top: 5px; }
#zbozi #cena { text-align: right; height: 40px; padding: 5px; }
#zbozi #cena s { float: left; color: #646464; }
#zbozi #cena small { padding-top: 3px; display: block; text-align: left; font-size: 11px; color: #000000; }
#zbozi #cena small b { color: #BC0000; }
#zbozi #cena strong { color: #BC0000; font-size: 18px; padding: 0 5px 0 0; }
#zbozi #tlacitka { text-align: center; }

.barvaCervena { background-color: red; width: 100px; }

/* ----- Zboží konec ----- */

/* ----- Pravé menu konec ----- */




/* ----- Patička ----- */

#paticka {
  clear: both;
  height: 37px;
  padding: 10px;
}

#paticka #leva {
  float: left;
  background-color: #BC0000;
  height: 30px;
  width: 219px;
  text-align: right;
  padding: 3px;
  font-size: 14px;
  color: #ffffff;
}

#paticka #leva a { text-decoration: none; color: #ffffff; }
#paticka #leva a:hover { text-decoration: underline; }

#paticka #prava {
  margin-left: 250px;
  height: 36px;
  background: #646464;
}

#paticka #prava ul { margin: 0; padding: 0; list-style: none; }
#paticka #prava li { display: inline; }

#paticka #prava a {
  display: block;
  float: left;
  height: 26px;
  padding: 10px 10px 0 9px;
  background-color: #646464;
  text-align: center;
  text-decoration: none;
  color: #FFFFFF;
  font-size: 14px;
  letter-spacing: 1px;
  border-right: 1px solid #ffffff;
}

#paticka #prava a:hover { background-color: #868686; }

/* ----- Patička konec----- */


/* ----- Tlačítka ----- */

.button_pridat {
  background: url("../design/sipka_white.gif") no-repeat 112px 8px;
  background-color: #BC0000;
  border: 0; 
  color: #ffffff; 
  font-size: 14px;
  padding: 1px 15px 1px 10px;
  cursor: hand;
  cursor: pointer;
  width: 125px;
}

.button_pridat_disable	 {
  background: url("../design/sipka_white.gif") no-repeat 112px 8px;
  background-color: #BC0000;
  border: 0; 
  color: #000000; 
  font-size: 14px;
  padding: 1px 15px 1px 10px;
  width: 125px;
}

.button_detail {
  background: url("../design/sipka_white.gif") no-repeat 54px 8px;
  background-color: #646464;
  border: 0; 
  color: #ffffff; 
  font-size: 14px;
  padding: 1px 0;
  cursor: hand;
  cursor: pointer;
  width: 65px;
}

/* ----- Tlačítka konec -----*/


/* ----- Čísla stránek -----*/

#pages_number {
	text-align: center;
	margin: 10px 0;
}

#pages_number a.num {
	padding: 5px 8px;
	border: 1px solid #FF8400;
	margin: 0 2px;
	font-weight: bold;
	color: #333
}

#pages_number a.num:hover {
	background-color: #FFE0BF;
}

#pages_number .select {
	background-color: #FFE0BF;
	font-size: 110%;
}

/* ----- Čísla stránek - konec -----*/


/* ----- Dočista dočista -----*/
.cleaner {
	padding: 0;
	margin: 0;
	clear: both;
}


/* ----- Tabulka košíku -----*/
.shopTable { 
    border: 1px solid #CE0000;
}

.shopTable td {
    padding: 5px;
}

.shopTable .title { 
    text-align: center;
    font-weight: bold;
    background-color: #E7E7E7;
    color: #000000;
}


.shopTable a {
    color: #000000;
    text-decoration: none;
}

.shopTable a:hover { color: #CE0000; }


a.delete {
    color: #CE0000;
    text-decoration: none;
}

a.delete:hover { color: #000000; }

.shopTable .inpcount {
    border: 1px solid #CE0000;
    text-align: center;
    width: 30px;
    padding: 2px 0;
}

.shopTable .inpbutt {
    border: 1px solid #000000;
    background-color: #ffffff;
    padding: 1px 0;
}

.shopTableIni {
    margin-top: 10px;
    width: 420px;
}

.shopTableIni .input {
    border: 1px solid #333333;
    padding: 2px;
    color: #333333;
}

.shopTableIni h3 {
    padding: 0;
    margin: 10px 0 0 0;
}

.shopTableIni .inpSubmit {
    border: 1px solid #000000;
    padding: 10px 30px;
    background-color: #CE0000;
    font-weight: bold;
    color: #ffffff;
}

.shopTableIni .inpSubmit:hover {
    background-color: #CF5A5A;
}
/* ----- Tabulka košíku - konec -----*/