body{ padding: 0; margin: 0; color: #2B2B2B; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 0.8em;  }
form {	margin: 0px;}

div.spacer{clear: both; border: none; visibility: hidden; margin: 0; padding: 0; background-color:#FFFFFF}
div.spacerbox { width: 450px; height: 3px; overflow: hidden; }


div#hlavicka{	background-color: #FFFFFF;	width: 780px;	height: 92px; overflow: hidden; 	margin-left: auto; margin-right: auto;  }
			div#logo{ float: left; padding: 0px;}
			div#logo img { border: none;}		
			div#languages { float: right; padding-top: 5px; margin: 9px 0px 0px 9px; width: 189px; height: 19px; text-align: right;}	
			div#languages a { color: #00418C; padding: 0px 0px 0px 0px; 	}
			div#languages a:hover { color: #E99D38; text-decoration: none;	}					
			div#slogan{height: 98px; width: 283px; float: right; text-align: right;}
					div#slogan p{margin: 0; color: white; font-weight: bold; font-size: 1.1em;}
			div#extranet{ float: right;  height: 100%; color: #000000; font-size: 11px; width: 220px; background: url(img/back_extranet.gif) top; text-align: right;}
			div#extranet .fomular { border: 1px solid #A7A7A7; background-color: #FAFAFA; font-size: 10px; width: 100px; height: 15px; padding: 1px; }
					div#extranet .extr { padding: 0; margin: 8px 43px 0 0; font-size: 13px; color: #FFFFFF; font-weight: bold;}
					div#extranet .button { color: #787878; font-weight: bold; font-size: 10px; background-image: url(img/bgbutton.gif); padding: 2px; margin-top: 1px; text-align: center; border: none; background-color: transparent; width: 60px; height: 21px; }

div#menu{ background-color: #294DA5;	margin: 0px; width: 533px;	height: 25px;	float: left;}
			div#menu ul{ margin: 0px; margin-top: 0px; padding: 0; }
			div#menu li{ margin: 0; padding: 0; list-style: none; float: left;}
			div#menu a { height: 20px; padding-top: 5px; text-align: center;  display: block; color: white; font-weight: normal; font-size: 11px; text-decoration: none; font-weight: bold;}
			div#menu a:hover{ background-color: #0059B5; color:white; }
			div#menu .item1 { width: 80px; border-right: 1px #FFFFFF solid; }
			div#menu .item2 { width: 150px; border-right: 1px #FFFFFF solid; }
			div#menu .item3 { width: 108px; border-right: 1px #FFFFFF solid; }
			div#menu .item4 { width: 91px; border-right: 1px #FFFFFF solid; }
			div#menu .item5 { width: 100px; }												
			div#menu a.first{	display: block;	color: white;	font-weight: normal;	font-size: 12px;	text-decoration: none;	background-image: none;}

div#obsahpanel{width: 780px;	margin-left: auto; margin-right: auto;  }

/* ===========================PRUH - OBSAH=========================== */			
div#obsahlevykont{float: left; width: 500px; background-color: #FFFFFF;}
			div#obsah{ padding: 25px 20px 10px 20px;}
				div#obsah ul, div#obsah ol { margin: 5px 5px; }
				div#obsah ul li{ list-style: url(img/odr_text.gif); margin: 1px 0;}
				div#obsah .pl { list-style: url(img/plusko.gif); }
				div#obsah .mi { list-style: url(img/minusko.gif); }
				div#obsah img {	float: left; margin: 5px 10px 5px 0px; }
				div#obsah img.floatright { float: right; margin: 5px 0px 5px 5px;}
				div#obsah li.download { margin: 1px 0; list-style: url(img/pdf.gif);}
				div#obsah li.download a { color:#FF0000; text-decoration: underline;}
				div#obsah li.download a:hover, active { color:#000000; text-decoration: underline;}
				div#obsah .asli { margin: 15px 0px 0px 30px; }
				
			div#obsahhome{ padding: 25px 20px 10px 20px;}
				div#obsahhome ul, div#obsah ol { margin: 5px 30px; }
				div#obsahhome ul li{ list-style: url(img/odr_text.gif); margin: 1px 0;}
				div#obsahhome .pl { list-style: url(img/plusko.gif); }
				div#obsahhome .mi { list-style: url(img/minusko.gif); }
				div#obsahhome img {	float: none;	margin: 0px;}

				span.cena{ font-size: 1.1em; color: #f29014; font-weight: bold; font-style: italic;}
			p.drobky{ margin: 0; font-size: 0.85em; color: #A7A7A7;}
				p.drobky a{color: #A7A7A7; }
				
/* =========================== BOX HOME ============================= */			
div#boxy {font-size: 12px;}
		div#boxy ul, div#boxy ol {	font-weight: bold; margin: 10px 0px 10px 20px; }
				div#boxy ul li{ list-style: url(img/odr_home.gif);}
		div#boxy p{ margin: 15px 0; }
		div#boxy li a{ color: black; text-decoration: underline; font-size: 11px;}
		div#boxy li a:hover, active { color: black; text-decoration: none; font-size: 11px;}
div#box1 {float: left;	background: url(img/box1.gif) no-repeat;	margin-top: 10px; width: 206px;	height: 209px;	padding: 7px 10px 10px 10px;	}
	div#box1 img { float: right; margin-top: 35px; margin-right: 5px;}
	div#box1 h3 { margin-top: 20px; margin-bottom: 10px;}
div#box2 {float: right; background: url(img/box2.gif) no-repeat;  margin-top: 10px; margin-left: 5px; width: 206px;	height: 209px;	padding: 7px 10px 10px 10px;	}
div#box3 {float: left; background: url(img/box3.gif) no-repeat; margin-top: 10px; width: 206px;	height: 209px;	padding: 7px 10px 10px 10px;	}
div#box4 {float: right; background: url(img/box4.gif) no-repeat; margin-top: 10px; margin-left: 5px; width: 206px;	height: 209px;	padding: 7px 10px 10px 10px;	}
				

/* ===========================PRUH - MENU=========================== */			
div#prava {	float: right;	width: 240px; background-color: #FFFFFF;}

div#prava img { border: none; margin-left:0px;margin-top:6px;margin-right:5px;margin-bottom:3px;}
div#prava p, blockquote { font-size: 12px; margin: 8px 0px 0px 0px; line-height: 16px;}
div#prava h3{ font-size: 12px;	margin: 5px 0px 10px 0px;	padding: 0px;}
div#prava h4{ font-size: 11px; text-align: left; color: #999999; margin: 20px 0px 2px 0px;	padding: 0px; background: transparent; border: none; font-style: normal; font-weight: normal; }
div#prava h5{	font-size: 12px;	text-align: right;	color: #000000;	margin: 0px 0px 5px 2px;	padding: 0px;	font-style: italic;	font-weight: bold;}
div#prava a {	font-size: 12px;	color: #EF6D10;	font-weight: normal;		text-decoration: underline;	}
div#prava a:hover, active { font-size: 12px; color: #EF6D10; font-weight: normal; text-decoration: none; }
div#prava a.vice {	color: #00419C;}
div#prava a.vice:hover, active {	color: EF6D10;}
div#obsahpravy{	float: right;	width: 240px;	border: 1px solid #CCCCCC; background-color: #FDFDFD;	margin-bottom: 20px;}
                     div.aktualityvsechny {padding-top:5px;margin-bottom:25px;border-width:0px;border-color:#000000;border-style:solid;}
			div.aktukont{width: 240px; text-align: right; margin-bottom: 0px; padding: 0px 0px 0px 0px;}
			div.aktuality{	padding: 5px 15px 5px 15px;	margin-bottom: 00px; text-align: left;}
					.aktuality a{ color: Black;text-decoration:none;}
					
					/*===================download=================
					div.aktuality ul.download { padding: 0px 15px 0 0; margin: 0px 0px 0px 20px; list-style: url(img/pdf.gif); font-size: 12px;}
					*/
					/* ===================menu====================
					div.aktuality ul.menu {	font-size: 12px;	list-style: url(img/submenu-sipka.gif); padding: 0px 18px 4px;	margin: 15px 0px 10px 0px;}
					div.aktuality ul.menu { font-size: 12px; font-weight: normal; margin: 0px;}
*/
div#obsahpravy h3 a { text-decoration: underline; font-weight: bold; color: #01438D; }
div#obsahpravy h3 a:hover { text-decoration: none; font-weight: bold; color: #01438D; }
div#obsahpravy h3 {margin-top:0px; margin-bottom:0px; padding-bottom:0px; }
div#obsahpravy h4 {margin-top:4px; margin-bottom:1px; padding-bottom:0px; padding-top:0px;}
div#obsahpravy h6 { color: #000000; background-color: #EFEFEF; margin-top: 0px; margin-bottom:0px;border-top: 1px solid #E3E3E3; }
						
div#zapati{ background-color: #f1f1f1; border-top: 5px solid #737373; width: 780px; height: 3em; margin-top: 5px; text-align: center; font-size: 0.85em;}
			div#zapati a{font-style: italic; color: #00419C;}

.hidden{ visibility: hidden;}
h1{ font-size: 1.4em; color: #01438D; margin: 10px 0px 10px 0px; font-weight: normal;}
h2{font-size: 1em; color: #014CA7; padding: 0px;	margin: 15px 0px 0px 0px;}
h3{ font-size: 1em; text-align: left;	margin: 0px 0px 0px 0px;	padding: 0px;}
h4{ font-size: 1em; font-style: italic; margin: 0px 0px 0px 0px; border: 1px #A0CDFF solid; background: #DBECFF; padding: 10px;}
h5{ font-size: 1em; margin: 10px 0 0; padding: 0; color: #E53113; }
h6{ font-size: 1.05em;	color: #01438D;	font-weight: bold;	padding: 5px 0px 5px 20px;	margin: 0px; border-bottom: 1px solid #E3E3E3; background-image: url(img/list.gif); background-repeat: no-repeat; text-align: left; background-position: left top;  }
	h6 a{text-decoration: underline; color: #01438D;}
blockquote { font-style: italic; margin: 5px 0px 15px 0px; }

p{ margin: 0px 0px 15px 0px; padding: 0px; }
	p.upoutavka, p.extranet { font-style: italic; font-weight: bold; margin-bottom: 20px;}
body a { color: #EF6D10; text-decoration: underline; font-size: 0.9em;}
body a:hover { color: #EF6D10 ; text-decoration: none; font-size: 0.9em;}
span.modrytext { color: #155d81; }

a.context { color: #00419C; text-decoration: underline; font-size: 0.9em;}
a.context:hover { color: #00419C ; text-decoration: none; font-size: 0.9em;}


.floatleft { float: left; margin-top:8px;}
.floatright { float: right; }
a.titlehome {	font-size: 13px;	font-style: italic;	color: #FFFFFF;	font-weight: bold;	margin-left: 15px; text-decoration: none;	}
a.titlehome:hover, active { font-size: 13px; font-style: italic; color: #FFFFFF; font-weight:bold; margin-left: 15px; text-decoration: underline; }

/* ===========================FORMULARE=========================== */

div#extranet input{ width: 90px; height: 16px; margin-right: 45px;  font-size: 10px;}
div.row {clear: both; padding-top: 2px;}
div.spacer {clear: both;}

/* ===========================REFERENCE=========================== */
div#reference{ border: 1px solid #e4e4e4; width: 500px; padding: 10px 20px; background: #fff; margin: 20px 0;}
	div#obsahlevykont div#reference img{ float: left; margin-right: 15px;}
	div#reference p{ text-align: left; margin: 0;}
	div#reference a { background: url(img/sipka_mod.gif) no-repeat left 5px; padding-left: 28px; color: #EF6D10;}	
	div#reference a:hover { background: url(img/sipka_ora.gif) no-repeat left 5px; color: #EF6D10;}

body.reference div#obsahlevykont img{margin: 10px 30px;}

div#footer {	width: 780px;	height: 30px; margin-left: auto; margin-right: auto; margin-bottom: 0px; padding: 5px; text-align: center; background-image: url(img/bgfooter.gif); background-repeat: no-repeat; background-position: top center; }
	div#footer a { color: #727272;	} 

div#footer2 {	width: 780px;	height: 30px; margin-left: auto; margin-right: auto; margin-bottom: 0px; padding: 5px; text-align: center; background-image: url(img/bgfooter.gif); background-repeat: no-repeat; background-position: top center; font-size:smaller }
	div#footer2 a { color: #727272;	}
	
div.referencebox { width: 490px; clear: both; margin: 10px 0px 10px 0px; padding: 10px 0px 10px 0px;  }	
	div.referencebox .preview { width: 220px; float: left; }	
	div.referencebox .preview img { padding: 5px; border: 1px solid #CCCCCC; }		
	div.referencebox .info { width: 250px; float: right; }		
       div.referencebox .info2 { width: 99%;}
	div.referencebox p { margin: 8px 0px 8px 0px; }

	.line { border-top: 1px solid #CCCCCC; }
	
	div#obsah table#clients img { float: none; }

.download {text-align:left;list-style: url(img/pdf.gif); font-size: 12px;}
	
/* ===========================DISKUZE POD CLANKEM=================== */
div#discusion fieldset { margin: 0; border: 0; padding: 0; }
div#discusion legend { margin: 10px 0 5px -8px; font-weight: bold; color: #000; }
div#discusion input#name, div#discusion textarea { margin: -1.35em 0 0 3.5em; }
div#discusion input#code { margin: -1.35em 0 0 14.75em; width: 9em; }
* html div#discusion input#name, div#discusion textarea, div#discusion input#code { margin-top: -1.65em; }
* html div#discusion input#code { width: 8.3em; }
div#discusion dt { border-top: 1px solid #CCC; padding: 3px 5px 0; }
div#discusion dd { margin: 0; padding: 0 5px 10px; }
div#discusion dt.even, div#discusion dd.even { background: #EEE; }
div#discusion p#alert { color: #EF6D10 }

/* ===========================ARCHIV CLANKU======================== */
ul#archiv h4 { padding: 0; border: 0; font-size: .85em; font-style: normal; font-weight: normal; color: #999; background: none; }
div.cleaner { width: 1px; height: 1px; background: transparent; clear: both;}