/*

	project: web application template

	author: luka cvrk (www.solucija.com)

*/

* { 
	margin: 0; 
	padding: 0; 
}

body { 
	margin: 50px 0 0; 
	background: #fff url(../img/bg.gif) repeat-x; 
	font: 85% "Trebuchet MS", Arial, Sans-Serif; 
	color: #444; 
}

h1, .h1{ 
	font-size: 300%; 
	font-weight: normal; 
	float: left;
}

h1 a, .h1 a { 
	text-decoration: none; 
}

h1#motto, div#motto{ 
	float: none;
	font-size: 200%; 
	color: #FFF2B3; 
	font-weight: normal; 
	margin: 0 0 16px; 
}

#content_index h2, #content h1 { 
	font-size: 150%; 
	border-bottom: 1px solid #eee; 
	margin: 0 0 16px;
	font-weight: normal; 
}

#content_index h3 { 
	border-bottom: 1px solid #eee;
}

#content_index h2, #content h1 {
	float: none;
}

#content h2 {
	font-size: 130%;
	margin: 30px 0 14px; 
	border-bottom: 1px solid #eee;
}

#content ul, #content ol {
	margin: 10px 0;
	padding-left: 15px; 
}

#content ol {
	padding-left: 25px;
}

#content li {
	margin: 5px 0;
	line-height: 180%; 
}

h3 {
	font-size: 120%;
	margin: 30px 0 14px; 
}

p  { 
	margin: 0 0 15px 0; 
	line-height: 180%; 
}

em { 
	border-bottom: 1px dotted #fff; 
	cursor: pointer; 
}

a { 
	color: #9D2900;
}

a:hover { 
	color: #A0000E; 
	text-decoration: none; 
}

img { 
	border: 0; 
}

.red { 
	color: #9D2900; 
}	

.wrap, #content, #content_index { 
	width: 900px; 
	margin: 0 auto; 
}

#header { 
	width: 900px; 
	height: 50px; 
	margin: 0 auto; 
}

#menu { 
	float: right; 
	padding: 6px 0 0 0; 
	list-style: none; 
}

#menu li { 
	display: inline; 
}

#menu a { 
	display: block; 
	float: left; 
	margin-left: 20px; 
	padding: 7px; 
	text-decoration: none; 
	font-size: 110%; 
	color: #000000; 
}

#menu a:hover { 
	color: #000; 
	border-bottom: 2px solid #ccc; 
}

#menu .active a { 
	border-bottom: 2px solid #C70012; 
	color: #9D2900;
}

#teaser { 
	clear: both; 
	height: 259px; 
	background: #fff url(../img/teaserbg.jpg) repeat-x; 
}

.box { 
	float: left; 
	padding: 66px 0 0; 
	width: 480px; 
	color: #C7E3EE; 
	color: #FFFFFF; 
}

#image { 
	float: right; 
	width: 388px; 
	position: relative; 
	top: 16px; 
	background: url(../img/logotype.jpg) no-repeat top right; 
	height: 258px; 
}

#bar { 
/*	height: 40px; */ 
	margin: 0 0 30px; 
	padding: 8px 0 4px 0; 
	background: url(../img/bar.gif) repeat; 
}

li.step { 
	color: #FAFDDD; 
	padding: 4px 0 0 0; 
	margin: 0 35px 0 0; 
	font-size: 140%; 
	float: left; 
	text-align: center; 
	height: 30px; 
}

ul#panel {
	list-style: none;
}

.info ul {
	padding-left: 20px;
}

.info li {
	margin: 5px 0;
}

.step a { 
	color: #fff; 
	margin: 0 10px 0 0;
	text-decoration: none;
}

.step a.active, .step a:hover {
	color: #FFFF66;
}


.col { 
	float: left; 
	margin: 0 30px 16px 0; 
}

#col_left { 
	width: 578px; 
}

#col_left img{ 
	float: left;
	margin-right: 20px;
}

#col_middle { 
	width: 0px; 
}

#col_right { 
	width: 250px; 
}

#col_right img{ 
	float: right; 
	border: 1px solid black;
}

.last { 
	float: right; 
	margin: 0; 
}

.info { 
	border: 1px solid #e0e0e0; 
	background: #f4f4f4; 
	padding: 7px; 
}

#footer { 
	clear: both; 
	width: 900px; 
	margin: 0 auto; 
	padding: 15px; 
	border-top: 1px solid #e0e0e0; 
	background: #fff url(../img/small_logotype.jpg) no-repeat right 13px; 
}	

#footer .right { 
	float: right; 
	margin: 0 55px 0 0; 
}

#footer a { 
	color: #808080; 
	font-weight: bold; 
}

div.clear_float{
	clear: both;
}

p.margin, p.references, div.margin{
	margin-top: 40px;
}

div#navigace {
	margin-bottom: 15px;
}

input#search_button {
	border: none;
	width: 22px;
	height: 22px;
	cursor: pointer;
	margin-left: 5px;
	background: transparent url(../img/lnx_viewmag_22x22.png) no-repeat;
}

input#search_text {
	padding: 1px 5px;
}

div.reference {
	margin-top: 30px;
}

div.refimg { 
	float: left;
}

div.refimg img {
	border: 1px solid black;
}

div.refcol { 
	margin-left: 150px;
}

.refcol h3 {
	margin-top: 0px;
}