/*
CSS definition for www.boiron.cz
Created by Tomas Jelinek
Ver1.2 2.7.2009


Colors:
copy: #000;
links #2342a1;
highlighted headers: #6f91fa;
h2: #031b63;
main menu links: #d4e0ff;
*/


* {
	font-family: Arial, "Geneva CE", lucida, sans-serif;
	color: #000;
	font-size: 100%;
}

a, a:visited {
	color: #2342a1;
}
a:hover {
	color: #fff;
	background: #2342a1;
}

p {
	font-size: 80%;	
	margin-bottom: 1em;
	line-height: 1.5;
}

body {
	background: url('BG.jpg') repeat-x;	
	text-align: center;
}

#container {
	width: 982px;	
	margin: 0 auto;
	position: relative;
}

/* header */

#header, #headerTitle {
	width: 982px;
	height: 243px;
	background: url('BGheader.jpg') no-repeat #e3eaff;	
	text-align: left;
}

#headerTitle {
	height: 231px;
}

#header h1 a, #headerTitle h1 a {
	top: 26px; left: 50px;
	display: block;
	position:relative;
	overflow: hidden;
	width: 134px;
	height: 39px;
	margin: 0; padding: 0;	
	color: #344fa4;
	font-size: 210%;
}

#header h1 a span, #headerTitle h1 a span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width: 134px;
	height: 39px;
	margin:0; padding:0;
	background: url('LOGO-Boiron.jpg') no-repeat;
}

#searchNav legend {
	display: none;
	}

#toNavigation, #timestamp, #navigation h4, #searchNav label{
	left: -999em;
	position: absolute;
}

/* main area */

#articlebody, #articlebodyTitle {
	width: 666px;
	min-height: 400px;
	_height: 400px;
	text-align: left;
	margin: 0 28px 0 0;
	_margin-right: 10px; /* ie5.5 & 6 fix - left column would go below main area, not next to it*/
	float: right;
}

#crumbles {
	font-size: 70%;
	color: #2342a1;
	min-height: 15px;
	_height: 15px;
	line-height: 1.7;
	padding-bottom: 4px;
}

#crumbles span {
	color: #1C53F9;
	font-weight: bold;
}

#crumbles span sup {
	color: #1C53F9;
	font-size: 70%;
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	bottom: 1ex;
}

#articlebody h3 {
	color: #031b63;
	font-size: 90%;
	min-height: 10px;
	_height: 10px;
	background: url('BGh3.gif') no-repeat #fff;
	padding: 2.2em 2em 1.5em 1.2em;
}

#articlebody h3 sup {
	color: #031b63;
	font-size: 70%;
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	bottom: 1ex;
}

#mainarticle {
	padding: 0 2em .5em 1.2em;
}

#mainarticle p {
	text-align: justify;
	color: #333333;
}

#mainarticle p b, #mainarticle p strong, #mainarticle p i, #mainarticle p em {
	color: #333333;
}

#mainarticle a {
	font-weight: bold;
}

/* front page */

#articlebodyTitle #titlequote {
	background: url('BGquote.gif') no-repeat #e3eaff;	
	height: 78px;
	margin-bottom: 1em;
}

#titlequote h3, #titlequote h2{
	color: #23429f;
	margin-left: 1em;
}

#titlequote h2{
	padding-top: 28px;	
}

#titlequote h3{
	margin-top: 5px;
	font-size: 90%;
	font-weight: normal;	
}

.zarovnavac {
	width: 666px;
	clear: left;
	height: 1px;
}

#col1, #col2, #col3, #col4, #col5, #col6 {
	width: 206px;
	float: left;
	text-align: right;
	color: #2342a1;
	font-weight: bold;
}

#col1, #col2, #col3 {
	background: url('BG3cols.gif') no-repeat;	
	padding-top: 8px;
}

#col2, #col5 {
	margin: 0 20px;	
}

#col4 img, #col5 img, #col6 img {
		border: 1px solid #a8c5e3;
}

#col1 h3, #col2 h3, #col3 h3 {
 	color: 	#031b63;
 	font-size: 85%;
 	text-align: center;
}

#col1 ul, #col2 ul, #col3 ul {
	margin: 30px 5px 0 15px;
	font-size: 80%;
 	text-align: left;
}

#col1 li, #col2 li, #col3 li {
	line-height: 1.5;
	list-style-image: url('BULLETcol3.gif');
	margin-left: 15px;
	margin-bottom: 5px;
}

#col4 p, #col5 p, #col6 p {
	margin-right: 15px;
	color: #2342a1;
	font-size: 80%;
}

/* footer */

#footer {
	text-align: left;
	background: url('BGfooter.gif') 22px 15px no-repeat #fff;
	min-height: 74px;
	_height: 74px;	
	padding: 1.8em 3em;
	clear: both;
	padding-top: 45px;
}

#footer p, #footer strong {
	color: #082069;
}

/* continue links */

#continue {
	background: url('BGCont.gif') bottom left no-repeat #e3eaff;
	margin-bottom: 2em;
	padding-bottom: 1em;
	margin-top: 1em;

}

#continue h4 {
	background: url('BGContH4.gif') top left no-repeat #e3eaff;	
	font-size: 80%;
	color: #031b63;
	padding: 1em 0 0 20px;
}

#continue ul {
	font-size: 80%;	
	margin: 1em 1em 0 18px;
}

#continue li {
	text-indent: 18px;
	background: url('BULLETCont.gif') 3px 3px no-repeat;		
	margin-bottom: 5px;
	width: 300px;
	float: left;
}

#continue li a {
	text-indent: 0;
	display: block;
	margin-left: 17px;
}

/* header navigation */

#navigation {
	position: absolute;
	height: 49px;
	width: 920px;
	top: 168px;
	left: 31px;
}

#navigation li {		
	float: left;
	height: 49px;
	text-align: center;
	margin-right: 3px;
}

#navigation a, #navigation a:hover, #navigation a:visited {
	color: #d4e0ff;	
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

#navigation a {

	display: block;
	font-size: 90%;
	height: 33px;	
	_height: 49px;	
	_float: left; /* ie 5.5 & 6 hack */
	width: auto; 
	padding: 16px 10px 0 10px;
}

#navigation a:hover {
	background: url('BGMainNavHover.gif') repeat-x;	
}
 
#navigation a.current {
	background: url('BGMainNav.gif') top center no-repeat;		
	color: #fff;
}

#searchNav {
	display: block;
	position: absolute;
	right: 0;
	width: 300px;
	text-align: right;
	padding-top: 11px;
	padding-right: 10px;
}

#searchNav #s {
	background: url('BGinput.gif') 0px 3px repeat-x #fff;
	color: #3150a2;	
	text-align: left;
}

#searchNav input.image { 
	vertical-align: middle;
}

.legal {
	padding-top: .5em;
	border-top: 4px solid red;
	border-bottom: 4px solid red;
	border-left: 1px solid red;
	border-right: 1px solid red;
	margin-bottom: 1em;
}

.focusField {
	border: 1px solid blue;	
}

#mainarticle .focusField {
	border: 1px solid blue;	
}


/* soubory toc atd. */

div#toc span.file_info {
	left: -999em;
	position: absolute;
}



div#toc ul li span.linksoubor span, .linkout span {
	left: -999em;
	position: absolute;
}

.linksoubor, .linkout {
	display: -moz-inline-box;
	display: inline-block; 
	width: 17px; 
	height: 17px; 
	vertical-align: middle;
	background: url(files/all.gif) no-repeat;
}

.linkout {background: url(files/inet0-1.gif) no-repeat;}
.linkpdf {background: url(files/pdf.gif) no-repeat;}
.linkppt {background: url(files/ppt.gif) no-repeat;}
.linkdoc {background: url(files/doc.gif) no-repeat;}
.linkrtf {background: url(files/rtf.gif) no-repeat;}
.linkxls {background: url(files/xls.gif) no-repeat;}
.linkzip {background: url(files/zip.gif) no-repeat;}
.linkzfo {background: url(files/zfo.gif) no-repeat;}
.linkjpg, .linkgif, .linktif, .linkpng, .linkbmp {background: url(files/pic.gif) no-repeat;}

.toc_info {
	margin-top: 5px;
	font-size: 125%;
}

#footnotes1 h4, #footnotes2 h4 {
	display: none;
}

#footnotes1, #footnotes2{
	font-size: 85%;
	color: gray;
	padding-top: 3em;
}

#footnotes2, #footnotes2 p em{
	padding: 0;
	color: gray;
}