/************************************************************/
/************************************** rozložení stranky ***/
/*** optimalizováno pro šířku 1024px ************************/
body {
	font: 16px Tahoma, Arial, Verdana; color: #6B651F; text-align: justify;
	margin: 0 0 10px 0; padding: 0; background: #6B651F url("../img/bg-alfa.png") top center no-repeat;
}

/****************************************/
/*************************** hlavička ***/
/****************************************/
#hlavicka {
	float: none; position: relative; top: 0px; left: 0px; margin: 0 auto; padding: 0;
	height: 130px; width: 1000px; /*background: transparent url(../img/pav.png) center right no-repeat;*/
}
#hlavicka #logo {
	position: relative; height: 84px; width: 625px; top: 45px; left: 30px;
	background: #F0EFE7 url(../img/logo_farma.png) top no-repeat;
}
#hlavicka #logo a { display: block; top: 0; height: 56px; width: 625px; }
#hlavicka #logo h1 { margin: 0; }
#hlavicka #logo h1 a span { display: none; }

/****************************************/
/*************** střední část stránky ***/
/****************************************/
#plocha, #plocha .max {
	float: none; width: 1000px; margin: 0 auto; padding: 0; background: none; clear: both;
	background: #F0EFE7 url();
}

/****************************************/
/********************** postranní box ***/
/****************************************/
#pbox {
	float: left; position: relative; top: 0; left: 0; width: 210px; margin: 0 0 0 20px; padding: 0;
	border: 0 none;  clear: none;
}

#pbox div {
	float: left; position: relative; width: 210px; top: 0; left: 0;
	padding: 0; margin: 0; _margin: 0;
}
#pbox div div { width: auto; height: auto; margin: 0; padding: 0; line-height: 130%; }

#pbox .head { float: left !important; }
#pbox div.separa { float: left; width: 210px; height: 16px; padding: 0; border: 0 none; }

/****************************************/
/************************ hlavní menu ***/
/****************************************/
ul#menu, ul#menu li { /* area */
	display: block; float: left; width: 210px; margin: 0 auto; padding: 0;
}
ul#menu li { /* items */
	float: left; position: relative; top: 0; left: 0; margin: 0; height: 36px;
	border-top: 1px solid #7A5449; border-bottom: 1px solid #5C362B; 
	background: #683D31 url("../img/bg-menu.png") center no-repeat;
}
ul#menu li a {
	display: block; float: left; position: relative; width: 200px; height: 18px;
	color: #D78F5F; text-align: center; text-shadow: 0px -1px 1px #000000; text-decoration: none;
	padding: 10px 5px 8px; line-height: 16px; background: transparent url();
}
ul#menu li a:hover {
	padding: 9px 5px; color: #FFDF7F; text-shadow: 0px 1px 1px #000000;
}
ul#menu li.select { background: transparent url() center repeat-x; }
ul#menu li.select a { color: #683D31; text-shadow: 0px 0px 1px #000000; }
ul#menu li.select a:hover { color: #683D31; text-shadow: 0px 1px 1px #000000; }
ul#kotvy { padding: 0 0 0 5px; }
ul#kotvy li { width: 200px; height: 24px; }
ul#kotvy li a { width: 190px; padding: 4px 5px 2px; }
ul#kotvy li a:hover { padding: 3px 5px; }

/****************************************/
/************** hlavní plocha stránky ***/
/****************************************/
#telo {
	float: left; position: relative; width: 770px; margin: 0; padding: 0;
	color: #002F0F; clear: none;
}
#telo div { /* obecná buňka */
	float: left; position: relative; width: 730px; padding: 0 20px;
}
#telo div div { width: auto; height: auto; margin: 0; padding: 0; line-height: 130%; }
#telo div p { margin: 6px 0px; } #telo div div.head p { margin: 0; }
#telo div span { color: #000; }
#telo div sup { _font-size: 12px; line-height: 130%; vertical-align: top; }
#telo div a.hand { cursor: pointer; _cursor: hand; }

/*** mapy, kontakty ***/
#telo #mapa { float: left; width: 480px; height: 340px; }
#telo #mapa_detail { float: right; width: 432px; height: 340px; }

/*** ***/
#telo .h20 { height: 20px; }
#telo .h30 { height: 30px; }
#telo .h40 { height: 40px; }
#telo .w730 { width: 730px; }

/****************************************/
/**************************** patička ***/
/****************************************/
#paticka {
	float: none; position: relative; top: 0; left: 0; margin: 0 auto; padding: 0;
	height: 25px; width: 1000px; clear: both; border-radius: 6px;
	font-size: 11px; color: #F0EFE7; text-shadow: 0 -1px 0 #6B651F;
	background: #6B651F url(../img/bg-tr.png) bottom repeat-x;
}
#paticka #text {
	float: left; position: relative; top: 7px; left: 0px; width: 1000px;
}
#paticka #text #vlevo { float: left; position: relative; top: 0px; left: 20px; }
#paticka #text #vpravo { float: right; position: relative; top: 0px; right: 20px; }
#paticka #text span { color: #6B651F; } /* oddělovač */
#paticka #text a {
	text-decoration: none; color: #F0EFE7; background-color: transparent;
}
#paticka #text a:hover { color: #FFFFFF; }

/************************************************************/
/****************************** obecné tagy a formátování ***/
/************************************************************/
.le { text-align: left; }
.ce { text-align: center; }
.ri { text-align: right; }
.ju { text-align: justify; }
.autor { color: #7FAF8F; }
.light { background: #BFFFEF url(); }
.dark { background: #9FDFCF url(); }
.fb { font-weight: bold; }

h1, h2 {
	font-weight: bold; font-size: 150%; color: #6B651F; _color: #6B651F;
	padding: 0; margin: 12px 0 6px; text-align: left;
}
h3 {
	font-weight: bold; font-size: 125%; color: #6B651F; text-align: left;
	padding: 0; margin: 12px 0 4px;
}
h4 {
	font-weight: bold; font-size: 100%; color: #6B651F; text-align: left;
	padding: 0; margin: 12px 0 3px;
}

img { border: 1px solid #6B651F; margin: 5px 10px; padding: 4px; background: #FFFFFF; }
img.le { margin-left: 0; } img.ri { margin-right: 0; float: right; }
img.ce { margin-left: 0; margin-right: 0; }
img.none, #lightbox img, #pbox img { border: 0 none; margin: 0; padding: 0; background: transparent url(); }

p { padding: 0px; margin: 6px 0px; line-height: 130%; }
p.mini { line-height: 50%; }

ol, ul {
	left: 0; margin: 0px; padding: 0 0 0 17px; _padding: 0px; _margin: 0 0 0 16px;
}
ol li {
 	left: 0; margin: 1px 0px;
}
ul li {
 	left: 0; margin: 0; /* 1px 0px */
	list-style-image: url(../img/li.gif); list-style-position: outside;
}
ul.sub li {
 	left: 0; margin: 0px 0px 0px 17px; padding: 0px;
	list-style-image: url(../img/lis.gif); list-style-position: outside;
}

a, a:visited { text-decoration: none; color: #683D31;}
a:hover { text-decoration: none; color: #6B651F; }

hr { border: 1px solid; border-color: #FFFFFF #DDDCD5 #DDDCD5 #FFFFFF; }

table, tr, th, td { font: normal normal 16px Tahoma,Arial,Verdana; }
thead, table .thead { font-weight: bold; font-size: 12px; }
th { text-align: right; } td { text-align: left; }
table.d tr {
	background: transparent url(../img/bg-tr.png) center;
	border: 1px solid; border-color: #FFFFFF #DDDCD5 #DDDCD5 #FFFFFF;
}
table.d th, table.d td { padding-left: 5px; padding-right: 5px; }