
body{margin-left: 0px; 	margin-right: 0px;  margin-top: 0px;	margin-bottom: 0px;	background: #ffffff;	text-align: center;
	font-size: 12px; font-family: Arial, Verdana, Trebuchet MS, Tahoma, Geneva, Helvetica, sans-serif; color: #525151; line-height: 18px}

p {font-size: 13px; margin: 0px; color: #474747; line-height: 18px;	padding-bottom: 7px; padding-top: 7px; margin: 0;}
	
h1{  font-size: 14px;  color: #35ad03; font-weight: bold; text-transform: uppercase;  text-align: right; height: 20px;
     background-image: url(pic/h1.gif); background-repeat: no-repeat; background-position: bottom; }
h2{  font-size: 15px;  color: #0277db;  font-weight: bold;}
h3{  font-size: 13px;  color: #0277db; font-weight: bold; background-image: url(pic/v.gif); background-repeat: no-repeat; background-position: left;  
     padding-left: 30px; margin-left: 10px; margin-bottom: 0px;}
h4 { font-size: 13px;  color: #35ad03; font-weight: bold; margin-bottom: 5px;}
h5{  font-size: 14px;  color: #35ad03;  font-weight: bold; text-transform: uppercase;  border-bottom: 2px dashed #35ad03; margin: 0px;}

ul{ margin-top: 0px;}
li{color: #0277db; list-style: square;}
ul li ul li{color: #4db920; list-style: circle; }


dl{font-size: 13px; color: #474747;}
dt{color: #0277db; }
dd{ margin-left: 90px;  padding-left: 5px; margin-top: -16px; margin-bottom: 20px;}
	 
a{font-size: 13px;}
a:link {color: #0277db;	text-decoration: underline;}
a:visited {color: #0277db;	text-decoration: underline;}
a:hover {color: #4db920; text-decoration: underline;}
a:active {color: #4db920; text-decoration: underline;}

a.kos { text-decoration: none; }

a.novinky:link, a.novinky:active, a.novinky:visited { color: #4db920;}
a.novinky:hover {text-decoration: none;}

sup{font-size: 10px;}

.data {font-size: 11px; color: #8e8d8d;  font-weight: bold;}		
.data_akce{font-size: 10px; color: #8e8d8d;  border-bottom: 1px dashed #8e8d8d; width: 190px; text-align: right; margin-left: 10px;}
.cena {font-size: 12px; color: #0277db;  font-weight: bold; margin-top: -5px;}
.cena_green{font-size: 13px;  color: #35ad03; font-weight: bold; margin-bottom: 5px;}
.cena_grey{font-size: 13px;  color: #474747; font-weight: bold; margin-bottom: 5px;}  
.blue {color: #0277db;}
.green {color: #35ad03; border-top: 2px solid; font-size: 12px; padding-top: 5px;}
.black{font-size: 13px; color: #474747;}
.dph {font-size: 12px; color: #8e8d8d;  font-weight: bold; padding: 0px; text-align: right;}
.white{background-color: #ffffff; padding-left: 5px; padding-right: 5px; border: 1px solid #aae672;}
.slozka {font-size: 12px; color: #474747; font-style: italic; }

.icon_bor{ background-image: url(pic/icon_bor.gif); background-position: left; background-repeat: no-repeat; 
padding-left: 50px; height: 45px;}
.icon_smrk{ background-image: url(pic/icon_smrk.gif); background-position: left; background-repeat: no-repeat; 
padding-left: 50px; height: 45px;}
.icon_dub{ background-image: url(pic/icon_dub.gif); background-position: left; background-repeat: no-repeat; 
padding-left: 50px; height: 45px;}
.icon_buk{ background-image: url(pic/icon_buk.gif); background-position: left; background-repeat: no-repeat; 
padding-left: 50px; height: 45px;}
.icon_briza{ background-image: url(pic/icon_briza.gif); background-position: left; background-repeat: no-repeat; 
padding-left: 50px; height: 45px;}
.icon_olse{ background-image: url(pic/icon_olse.gif); background-position: left; background-repeat: no-repeat; 
padding-left: 50px; height: 45px;}
.icon_jasan{ background-image: url(pic/icon_jasan.gif); background-position: left; background-repeat: no-repeat; 
padding-left: 50px; height: 45px;}


.copyright{font-size: 10px; color: #958f8f; padding-left: 45px; text-align: left;}

	
/* specific divs */
#container{width: 990px; margin-right: auto; margin-left: auto; }

.logo { padding-right: 30px; padding-top: 40px; padding-bottom: 58px;} 
.print{display: none;}		
#clear { clear: both;}

#news {background-image: url(pic/br_news.gif); background-position: top; background-repeat: no-repeat;
      width:231px; text-align: left; padding-top: 15px;  padding-bottom: 20px; margin: 0px;}
		
.text_news { margin-left: 15px; }

#contact {background-image: url(pic/br_contact.gif); background-position: top; background-repeat: no-repeat;
	       background-color: #b4b2b2; width: 231px; margin: 0px; padding: 0px;}
.pic_contact{ margin-right: 30px; margin-bottom: 30px; margin-top: 30px;}
			 
#content{ width: 530px;}
.text{ margin-left: 35px; margin-right: 34px;  margin-top: 50px;}

#comment{background-image: url(pic/br_comment.gif); background-position: top; background-repeat: no-repeat;
	      background-color: #d2f9a8;  padding-left: 20px; padding-top: 15px; padding-bottom: 30px; }
.text_comment{ width: 200px;  margin-bottom: -5px;}

#banner {background-image: url(pic/br_banner.gif); background-position: top; background-repeat: no-repeat;
        padding-top: 10px;}

#kosik{ margin-left: 530px;  margin-bottom: -20px;}
.kos_text { text-decoration: none; font-size: 13px; font-weight: bold; color: #474747; margin-top: -28px; margin-left: 65px;}

#goods{ margin-left: 34px;  margin-right: 35px; margin-bottom: 30px;}
.goods_pic{ float: left; margin-right: 30px;}

#akce{ margin-left: 10px; margin-bottom: 20px;}
.new{ background-image: url(pic/new.gif); background-position: bottom center; background-repeat: no-repeat;}
.sleva{ background-image: url(pic/sleva.gif); background-position: bottom center; background-repeat: no-repeat;}
.akce{ background-image: url(pic/akce.gif); background-position: bottom center; background-repeat: no-repeat;}


#cena{margin-left: 34px; text-align: left; }
#cena h1{width: 440px;}

.title{ background-color: #e4e2e2; border: 2px solid #ffffff; color: #0277db; font-size: 12px; font-weight: bold; text-align: center;}
.price, .price1, .price2, .price3 { border-right: #e4e2e2 solid 2px; border-bottom: #e4e2e2 solid 2px; color: #474747; font-size: 13px; padding-left: 5px }
.price { text-align: center;}
.price1 { border-left: #e4e2e2 solid 2px;}
.price2 {color: #35ad03; font-size: 11px;}
.price3 {color: #474747; font-size: 11px;}

#copyright {background-color: #e4e2e2; height: 30px;}

 
/* top */ 

#icon { padding-top: 20px; padding-right: 30px; }
.icon_pic {padding-right: 7px;}

#toppic_index{background-image: url(pic/top_01.jpg); background-repeat: no-repeat; height: 233px; width: 759px; margin-bottom: -50px;}
#toppic_bor{background-image: url(pic/bor.jpg); background-repeat: no-repeat; height: 233px; width: 759px; margin-bottom: -50px;}
#toppic_smrk{background-image: url(pic/smrk.jpg); background-repeat: no-repeat; height: 233px; width: 759px; margin-bottom: -50px;}
#toppic_modrin{background-image: url(pic/modrin.jpg); background-repeat: no-repeat; height: 233px; width: 759px; margin-bottom: -50px;}
#toppic_dub{background-image: url(pic/dub.jpg); background-repeat: no-repeat; height: 233px; width: 759px; margin-bottom: -50px;}
#toppic_buk{background-image: url(pic/buk.jpg); background-repeat: no-repeat; height: 233px; width: 759px; margin-bottom: -50px;}
#toppic_briza{background-image: url(pic/briza.jpg); background-repeat: no-repeat; height: 233px; width: 759px; margin-bottom: -50px;}
#toppic_olse{background-image: url(pic/olse.jpg); background-repeat: no-repeat; height: 233px; width: 759px; margin-bottom: -50px;}
#toppic_jasan{background-image: url(pic/jasan.jpg); background-repeat: no-repeat; height: 233px; width: 759px; margin-bottom: -50px;}

/* menu */

.menu{background-image: url(pic/br_menu.gif); background-position: top; background-repeat: no-repeat;
      
	 background-color: #4065ae; height: 380px;  width: 231px; padding-top: 10px;}

#menu_body{background:#4065ae;  margin: 0px;}
#menu_body ul li{list-style-type:none;  margin-left:-40px;}
#menu_body ul li ul li{list-style-type:none;}
#menu_body li ul{display:none}
#open li ul{ display: block; margin: 0px; padding: 0px;}
#menu_body li:hover ul, #menu_body li.over ul{display: block}

#menu_body ul li a {color:#ffffff; text-decoration:none}
#menu_body a:hover {color:#d0f4b3; text-decoration:none}

.one, .two, .three, .four, .five, .six {text-align: left; font-size: 13px;  line-height: 29px; font-weight: bold;  padding-left: 60px;}
.one {background-image: url(pic/01.gif); background-position: top; background-repeat: no-repeat; }
.two {background-image: url(pic/02.gif); background-position: top; background-repeat: no-repeat; }
.three {background-image: url(pic/03.gif); background-position: top; background-repeat: no-repeat; }
.four {background-image: url(pic/04.gif); background-position: top; background-repeat: no-repeat; }
.five {background-image: url(pic/05.gif); background-position: top; background-repeat: no-repeat; }
.six {background-image: url(pic/06.gif); background-position: top; background-repeat: no-repeat; }
.none {text-align: left; font-size: 12px; font-weight: bold; line-height: 22px; font-weight: normal; border-bottom:1px solid #5d7dba;}


/*register form*/
#form {font-size: 12px; font-family: Arial, sans-serif; color: #525151; }
LEGEND {font-weight: bold; padding: 0.3em; font-size: 13px;} 
.clearBoth  { clear: both }
LABEL.inputLabel {width: 11em; float: left;}

TEXTAREA {margin: auto; display: block;}

FIELDSET {width: 624px;padding: 0.5em; margin: 0.5em 0em; border: 1px solid #cccccc;}

LABEL, h4.optionName {line-height: 1.5em; padding: 0.2em;} 


/*admin*/
.adminmenu {color:#ffffff; text-align: left; font-size: 13px;  line-height: 29px; font-weight: bold;  
padding-left: 10px; padding-top: 10px; }  

.admin{background-color: #aae672; font-size: 22px; text-transform: uppercase;
font-weight: bold; color: #ffffff; padding-left: 30px;}  


/*button*/
.bluebutton {    
	background-color: #4065ae; 
    border:none;
    padding:3px 9px;
    cursor:pointer;
    font:normal 12px Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-transform:uppercase;
    width:auto;
    color:#ffffff;
    height:20px;
}
.graybutton {    
	background-color: #959595;
    border:none;
    padding:3px 9px;
    cursor:pointer;
    font:normal 12px Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-transform:uppercase;
    width:auto;
    color:#ffffff;
    height:20px;
}

.edit {width: 80px; float: left; font-weight: bold;}  
	

	/* Menu and navigation styles */
.MenuCat
{
	border-width:0;
	text-transform: uppercase; 
	color: #FFFFFF; 
	font-family: Arial,Verdana; 
	font-size: 12px; 
	font-weight: bold; 
	background-color: #333;	
	/*background-color:#488E00;*/
	/*width:160px;*/
	padding: 2 0 2 5;
	margin:0;
}
.MenuGroup
{
	/*border-width:0;
	background-color: #ffcc99;
	font-weight: normal;
	font-family: Tahoma, Arial, sans-serif;
	position: relative;
	top: 0px;
	width: 160px;
	padding:0;
	margin:0*/
}
.MenuSubCat
{
	font-family: Arial; 
	font-size: 8pt; 
	color: #000000; 
	font-weight: bold; 
	/*width:160px;*/
	border-style: solid; 
	border-width: 1; 
	padding: 1 0 1 5;
	margin:0;
    border-color:#fb3;
	border-top-width: 0;
	background-color: #FFCC66;
}
.MenuSubCat a
{
	color: #000000; 
}
.MenuSubCat:hover
{
	color: #000000;
	background-color:#FFE0B3;
}

	

.MI, .MI a, .MIS, .MIS a
{
    background-color:#FFE0B3;
	color: black;
	font-size: 8pt;
	font-weight: normal;
	font-family: Verdana, Arial, sans-serif;
	width: 155 !important; 
	padding: 1 0 1 3;
}
.MI a:hover
{	
	text-decoration: none;
    background-color:#FFFAF2;
}
