/************************************************** PISMO A VELIKOST */

body, input, select, textarea, th, td {
  font-family: "Arial CE", "Arial", "Trebuchet MS", "Geneva CE", lucida, sans-serif; /* Trebuchet MS (elegantní bezpatkové písmo) */
}

body, th, td {
  font-size: 12px; /* th, td only for IE < 6 */
  line-height: 1.4;
}

th, td {
  font-\size: 12px;
}




/************************************************** LAYOUT */

body, html {
  margin: 0; padding: 0;
}

body {
	background: #BCD1E8 url("../images/bg.gif") repeat-x;
}

#mainPage {
	background: #79BEEE url("../images/mainPage_bg.gif") repeat-x;
	position: relative;
	margin: 0 auto;
	width: 800px;
}

#top {
  position: relative;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 800px;
  height: 100px;
  text-align: left;
}

#top_nazev {
	position: absolute;
	left: 210px;
	top: 70px;
	width: 280px;
	height: 10px;
	color: Black;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
}

#top_kosik {
	position: absolute;
	right: 265px;
	top: 10px;
	width: 130px;
	height: 80px;
	text-align: left;
	padding: 5px 5px 5px 5px;
	background-color: #EFCCBF;
	color: #004CA2;
}

#top_login {
	position: absolute;
	right: 0px;
	top: 10px;
	width: 260px;
	height: 80px;
	text-align: left;
	padding: 5px 5px 5px 5px;
	background-color: #FFCCA3;
	color: #004CA2;
}

table#login_table 
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

table#login_table td {
	margin: 0px 0px 0px 0px;
	padding: 0px 2px 2px 0px;
}

#login_table input
{
	border: 1px solid #004CA2;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #004CA2;
	background-color: #DF7F51;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#login_table input:focus
{
  border: 1px solid #000000;
}

#top_kosik a, #top_login a {
	color: #FF7200;
	font-size: 13px;
}

#top_kosik a:hover, #top_login a:hover {
	color: #004CA2;
	font-size: 13px;
}

#top_foto {
	position: absolute;
	right: 0px;
	top: 10px;
	width: 405px;
	height: 90px;
	text-align: left;
	padding: 0px 0px 0px 0px;
	background-color: #EFCCBF;
}

#logo {
  position: absolute;
  left: 0px;
  top: 10px;
  margin: 0 auto;
  padding: 0px;
  width: 400px;
  height: 90px;
  background-color: White;
}

#top_menu {
  position: relative;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 800px;
  height: 30px;
  text-align: center;
}

#menu {
	position: relative;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 200px;
	left: 10px;
	text-align: left;
	display: block;
}

#corner_top_left1 {
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 200px;
	height: 15px;
	background: url(../images/corner_top_left1.gif) no-repeat left;
	font-size: 1px;
}

#corner_bottom_left1 {
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 200px;
	height: 44px;
	background: url(../images/corner_bottom_left1.gif) no-repeat left;
}

#header_menu {
	position: relative;
	margin: 0 auto;
	padding: 0px 0px 0px 10px;
	width: 170px;
	height: 20px;
	background-color: #004CA2;
}

.header_font {
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
	color: #ffffff;
}

#menu_left {
	background: #FF7200;
	width: 180px;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
}

#menu_left_kontakt {
	background-color: #FBFFB0;
	width: 180px;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
}

#page {
	position: relative;
	float: left;
	left: 10px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 580px;
	text-align: left;
	display: block;
}

#corner_top_right1 {
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 580px;
	height: 15px;
	background: url(../images/corner_top_right1.gif) no-repeat right;
	font-size: 1px;
}

#corner_bottom_right1 {
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 580px;
	height: 44px;
	background: url(../images/corner_bottom_right1.gif) no-repeat right;
}

#bottom_kontakt1 {
	position: absolute;
	left: 10px;
	top: 4px;
	color: #004CA2;
}

#bottom_kontakt2 {
	position: absolute;
	left: 310px;
	top: 4px;
	color: #004CA2;
}

#bottom_kontakt2 a, #bottom_kontakt2 a:visited {
	color: #FF7200;
}

#bottom_kontakt2 a:hover {
	color: #C03200;
}

#white_page {
	background-color: #ffffff;
	position: relative;
	width: 580px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#main {
	position: relative;
	left: 10px;
	width: 560px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #000000;
}

#lista_top, #lista_down, #podkategorie {
	position: relative;
	background-color: #BFD2E8;
	padding: 5px 10px 5px 10px;
}

#funkcni_odkazy {
	position: relative;
	background-color: #306EB4;
	padding: 2px 10px 2px 10px;
}

#funkcni_odkazy a {
	color: #FF7200;
	font-size: 13px;
}

#funkcni_odkazy a:hover {
	color: #FFFFFF;
	font-size: 13px;
}

#footer {
	position: relative;
	padding: 10px 10px 0px 210px;
	width: 580px;
	height: 30px;
	border-bottom-color: Black;
	border-bottom-style: solid;
	border-bottom-width: 2px;
}

#footer a { color: #ffffff; }
#footer a:hover {
	color: #C03200;
}


.produkty_nadpis_specialni_nabidka {
	margin: 0px 0px 0px 0px;
	width: 250px;
	padding: 2px 2px 2px 2px;
	font-size: 12px;
	font-weight: bold;
	background-color: #D98466;
	color: #C03200;
	border-left: 1px solid #C03200;
	border-right: 1px solid #C03200;
	border-top: 1px solid #C03200;
}

.produkty_sloupecek_specialni_nabidka {
	margin: 0px 0px 0px 0px;
	padding: 2px 2px 2px 2px;
	border: 1px solid #C03200;
	background-color: #E8B5A3;
}

.produkty_nadpis_vyber {
	margin: 0px 0px 0px 0px;
	width: 250px;
	padding: 2px 2px 2px 2px;
	font-size: 12px;
	font-weight: bold;
	background-color: #6694C7;
	color: #004CA2;
	border-left: 1px solid #004CA2;
	border-right: 1px solid #004CA2;
	border-top: 1px solid #004CA2;
}

.produkty_sloupecek_vyber {
	margin: 0px 0px 0px 0px;
	padding: 2px 2px 2px 2px;
	border: 1px solid #004CA2;
	background-color: #A3BFDD;
}

.produkty_nadpis {
	margin: 0px 0px 0px 0px;
	width: 250px;
	padding: 2px 2px 2px 2px;
	font-size: 12px;
	font-weight: bold;
	background-color: #F7E8D5;
	color: #7F2A0B;
	border-left: 1px solid #EDCEA6;
	border-right: 1px solid #EDCEA6;
	border-top: 1px solid #EDCEA6;
}


.levy_sloupecek {
	margin: 0px 0px 0px 0px;
	width: 555px;
	padding: 2px 2px 2px 2px;
	border: 1px solid #EDCEA6;
	background-color: #FAF1E3;
}

.produkt1 {
	margin: 0px 0px 0px 0px;
	width: 166px;
	height: 64px;
	padding: 2px 2px 2px 2px;
	font-size: 10px;
	font-weight: bold;
	border: 1px solid #EDCEA6;
	background-color: #FFEFC7;
	color: #7F2A0B;
	text-align: center;
}

.produkt2 {
	margin: 0px 0px 0px 0px;
	width: 166px;
	padding: 2px 2px 2px 2px;
	border-left: 1px solid #EDCEA6;
	border-right: 1px solid #EDCEA6;
	border-bottom: 1px solid #EDCEA6;
	text-align: center;
	b;
	background: #F8E1D8;
}

.produkt3 {
	margin: 0px 0px 0px 0px;
	width: 166px;
	height: 110px;
	padding: 2px 2px 2px 2px;
	border-left: 1px solid #EDCEA6;
	border-right: 1px solid #EDCEA6;
	border-bottom: 1px solid #EDCEA6;
	text-align: center;
	background: #FFFFFF;
	vertical-align: middle;
}

.text_cena {
	color: #C03200;
	font-size: 14px;
	font-weight: bold;
}

.border_tab {
	border: 1px solid #08294B;
}

/************************************************** ZÁKLADY */

/* zarovnani textu */
p          { margin: 0.8em 0; padding: 0; font-size: 12px; line-height: 1.4; }
p.noindent { text-indent: 0 !important; }
.right     { text-align: right !important; }
.left      { text-align: left !important; }
.center    { text-align: center !important; }


/* titulky */
h2, h3 {
  text-indent: 0px;
  margin: 0.8em 0 0.4em;
  color: #b55f03;
  font-weight: normal;
}
h2 { font-size: 135%; }
h3 { font-size: 120%;  }

h1, a.nH1 {
	color: #D04001;
	font-size: 16px;
	margin: 0px;
}

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



/* kotvy */
a {
  cursor: pointer;
}
a:visited {  }
a:hover {  }


/* další */

.nocss { display: none; }
.print { display: none; }

i, em { margin-right: 0.1em; }

abbr, acronym {
  cursor: help;
  border-bottom: 1px dotted #000;
}

div.hr {
	height: 1px;
	width: 100%;
}
div.hr hr {
	display: none;
}

div.hr_page {
	height: 1px;
	width: 100%;
	background-color: #77AE89;
}
div.hr_page hr {
	display: none;
}

.resetovac 
{ 
border: 0px none; 
margin: 0px; 
padding: 0px; 
float: none; 
clear: both; 
width: 0px; 
height: 0px; 
line-height: 0px; 
font-size: 0px; 
} 


/************************************************** SEZNAMY */


dd { }
dt { }

/************************************************** FORMULÁŘE */

form {
	margin: 0px;
}

#search input 
{
	border: 1px solid #ffcec8;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #ffcec8;
	background-color: #ad1300;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#search input:focus
{
  border: 1px solid #000000;
}

/************************************************** OBRÁZKY */

img { border: 0px; }



img.left, img.right {
  float: left;
  margin: 5px 10px 5px 0;
  padding: 0;
  text-align: center;
  font-size: 84%;
}

img.right {
  float: right;
  margin: 5px 0 5px 10px;
}


/************************************************** topMenu */

ul#topMenu
{
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	font-size: 12px;
	font-weight: bold;
	height: 30px;
	text-align: center;
}

ul#topMenu li {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 0px 0px;
	text-align: center;
	height: 24px;
}

ul#topMenu li.norm {
	background-color: #C03200;
	border-right: 2px dotted #C03200;
	border-right-color: #C03200;
	border-right-style: dotted;
	border-right-width: 2px;
}

ul#topMenu li.last {
	background-color: #C03200;
}

#topMenu a {
	color: #FFC879;
	text-decoration: none;
}

#topMenu a:hover, #topMenu li.active a { 
  color: #d7a91e;  
  text-decoration: underline;
}


/************************************************** left_menu */

ul#lista_odrazka {
	list-style: none outside url(../images/h1.gif);
	margin: 0px 0px 0px 20px;
	padding: 4px 0px 4px 0px;
	line-height: 10px;
}

ul#lista_odrazka li {
	list-style: none outside url(../images/h1.gif);
}

ul#left_menu 
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #D04001;
	font-size: 12px;
	font-weight: normal;
	background-color: #FBFFB0;
	width: 180px;
}

ul#left_menu li {
	list-style: none outside url(../images/left_menu_odrazka.gif);
	margin: 0px 0px 0px 20px;
	padding: 4px 0px 4px 0px;
	text-align: left;
	border-bottom: 1px solid #F3F7A8;
	border-bottom-color: #F3F7A8;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	font-weight: normal;
}

#left_menu a { 
  color: #D04001; 
  text-decoration: underline; 
}

#left_menu a:hover, #left_menu li.active a { 
  color: #000000;  
  text-decoration: none;
}



ul#left_menu_kontakt 
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #D04001;
	font-size: 12px;
	font-weight: normal;
	background-color: #FBFFB0;
	width: 180px;
}

ul#left_menu_kontakt li {
	list-style: none outside url(../images/left_menu_odrazka.gif);
	margin: 0px 0px 0px 20px;
	padding: 4px 0px 4px 0px;
	text-align: left;
	border-bottom: 1px solid #F3F7A8;
	border-bottom-color: #F3F7A8;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	font-weight: normal;
}

#left_menu_kontakt a { 
  color: #D04001; 
  text-decoration: underline; 
}

#left_menu_kontakt a:hover, #left_menu_kontakt li.active a { 
  color: #000000;  
  text-decoration: none;
}