@import "web_content.css";

body {
	background: #fff url('/images/layout/bg.png') left bottom repeat-x;
}

/*
===================
  HLAVNI STRUKTURA
===================
*/
div#main_container {
	width: 950px;
	position: relative;
	/*background: white;*/
}
div#middle {
	clear:both;
	float:left;
	margin-top:203px;
	overflow:hidden;
	position:relative;
	width:100%;
}
div#content {
	border: 1px solid black;
	padding: 10px;
}

/*
==================
  SLOUPCE
==================
*/

.colmid {
	float:left;
	margin-left:-200px;
	position:relative;
	right:100%;
	width:200%;
}

.colleft {
	float:left;
	left:345px;
	margin-left:-50%;
	position:relative;
	width:100%;
}

.col1wrap {
	float:left;
	/*padding-bottom:1em;*/
	position:relative;
	right:190px;
	width:50%;
}

.col-middle {
	left:200%;
	margin: 10px 220px 0px 190px;
	overflow:hidden;
	position:relative;
	padding: 12px 0px 12px 12px;
	text-align:justify;
	line-height: 18px;
}

.col-left {
	float:right;
	position:relative;
	width:145px;
}

.col-right {
	float:right;
	left:50%;
	position:relative;
	width:250px;
	margin-top: 0px;
}


/*
==================
  HLAVICKA 
==================
*/
div#header {
	top: 0px;
	left: 0px;
	position: absolute;
}
div#top {
	height: 168px;
	width: 950px;
}
div#header div.links {
	height: 23px;
	text-align: right;
	padding-right: 10px;
	padding-top: 10px;
	font-size: 11px;
}

/*
==================
  MENU
==================
*/
div#menu {
	background: #7c7c7c url('/images/layout/menu_bg.png') repeat-x;
	height: 35px;
	padding: 0px;
	margin: 0px 0px;
}
#menu_list {
	margin: 1px 0px 0px 0px;	
	line-height: 16px;
}
#menu ul {
	margin: 0px;
	padding: 0px;	
}
#menu_list a {
	font-size: 12px;
	display: block;	
	color: #f5f5f5;
	text-decoration: none;	
	text-align: center;
	padding: 10px 10px 8px 10px;
	background: url('/images/layout/menu_separator.png') no-repeat;
	font-weight: normal;	
}
#menu_list li.first a {
	padding: 10px 15px 8px 40px; 
}
#menu_list li.selected2 {
	background: #7c7c7c url('/images/layout/menu_bg_selected.png') repeat-x;
}
#menu_list li.selected2 a {
	font-weight: bold;		
}
#menu_list li a:hover {	
	color: yellow;
}	
#menu_list li {
	position: relative;	
	float: left;
	list-style: none;
	z-index: 10;
	margin-top: 1px;	
}
#menu_list ul.submenu {
	position: absolute;	
	margin: 0px 0px 0px 1px;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	z-index: 10;
	display: none;	
	opacity: 0.95;
}
#menu_list ul.submenu li {
	float: none;
	width: 250px;
	background: #7c7c7c;
	z-index: 10;	
	border-top: 1px solid #999999;
	margin: 0px;
	list-style: none;
}
#menu ul.submenu li a {
	padding: 5px 0px 5px 5px;
	color: #FFFFFF;
	text-align: left;
	background-image: none;
	border: 0px;
	z-index: 10;	
}
#menu_list ul.submenu li a:hover, #menu_list .mhsel {
	color: yellow;
	/*background: #045F9C;*/
}
#menu_list ul.submenu ul.submenu {
	position: absolute;	
	margin-left: 200px;	
	top: 0;	
	z-index: 10;
	display: none;	
	opacity: 0.95;
}
div#menu .content .l {
	/*float: left;
	width: 760px;*/	
}
div#menu .content .r {
	float: right;		
	text-align: right;
	padding-top: 11px;
	height: 30px;
	padding-right: 5px;
}
div#menu .content .r div {
	display: inline;
}
.search_input {
	border: 1px solid #aaa;
	margin-top: -2px;
	font-size: 11px;
	padding: 2px;
	width: 170px;
	-moz-border-radius: 2px;	
}
#send_search {
	vertical-align: middle;
}

div.slovnik a {
	color: #f5f5f5;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	line-height: 16px;
}
div.slovnik img {
	vertical-align: bottom;
}
.nabidka {
	font-size: 14px;	
	margin-bottom: 40px;
	letter-spacing: -2px;
	line-height: 25px;
	padding-left: 10px;
}
.nabidka a {
	font-weight: bold;
}
.list h2 {
	margin-top: 40px;
	background: #f5f5f5;
	border: 1px solid #eee; 
}
.pojmy {
	padding: 0px 20px;
}
form {
	margin: 10px 0px;
}

div#searchfield div {
	display: inline;
}
/*
==================
  OBSAH
==================
*/
div.date {
	font-size: 11px;
}

div.article_data {
	border: 2px solid #afe6fa;	
}

div.article_data div.keywords {
	width: 50%;
	float: left;
	border-right: 1px solid #afe6fa;
}
div.article_data div.typos {
	margin-left: 50%;
}
div.article_data div.keywords div, 
div.article_data div.typos div {
	padding: 10px;	
	padding-bottom: 50px;	
} 
span.nadpis {
	font-weight: bold;
	color: #4bbefd;
}
div.clear_both {
	clear: both;
}
div#map {
	margin-top: 30px;
}
table.partners_members_list {
	width: 530px;
}
table.partners_members_list td {
	vertical-align: top;
}
table.partners_members_list td.logo {
	vertical-align: top;
	padding-right: 10px;
	width: 100px;
}
table.partners_members_list td.space {
	height: 20px;	
}
table.partners_members_list td.name {
	font-weight: bold;	
}
table.calendar td.image {
	padding-right: 10px;
	vertical-align: top;
}
table.login {
/*	border: 1px solid #ccc;
	background: #f5f5f5;*/
	padding: 7px 5px 5px 5px;
	font-size: 11px;
	font-weight: normal;
}
ul.errors, ul.errors li {
	list-style: none;
	display: inline;
	font-size: 10px;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
div.search_results h4 {
	margin-top: 20px;
}
div.hp_select {
	background: url('/images/layout/hp.png') no-repeat;
	height: 270px; 
}
div.hp_select div.col {
	width: 174px;
	float: left;
}
div.hp_select div.col a span { 
	padding: 7px 10px 0px 10px;
	/*margin-top: 165px;*/
	position: absolute;
	top: 165px;	
	left: 0px;
	width: 154px;
}
div.hp_select div.col a {
	display: block;
	color: white;
	font-size: 11px;
	text-align: center;
	text-decoration: none;
	width: 174px;
	height: 270px;
	position: relative;
}
div.pagebg {
	position: absolute;	
	background: url('/images/layout/pagebg.jpg') 950px 0px no-repeat;
	top: 0px;
	height: 787px;
	width: 100%; 
	z-index: -100;
}

input#password, input#login {
	width: 140px;
}

table.login th {
	text-align: left;
}

/*
======================
  Postrani boxy
======================
*/
div.middle_box {
	line-height: 18px;
	/*font-weight: bold;*/
}
div#calendar {	
	line-height: 18px;
	font-weight: bold;
}
div#articles {
	line-height: 18px;
}
.box {
	margin-bottom: 10px;
}
.box .title {
	text-shadow:1px 1px 2px #666;
	background: url('/images/layout/title_r.png') top right no-repeat;
}
.box .title div.l {
	width: 10px;
	height: 34px;
	background: url('/images/layout/title_l.png') no-repeat;
}
.box .title div.r {
	width: 10px;
	height: 34px;
}
.box .title div.m {
	height: 34px;	
	background: url('/images/layout/title_bg.png') repeat-x;
	font-size: 14px;
	font-weight: bold;
	padding: 9px 5px 4px 5px;
	color: white;	
	width: 220px;
	margin-left: 10px;	
}
div.middle_box .title div.m {
	width: 498px;
}
div.middle_box div.image {
	padding: 0px 5px 5px 0px;
	float: left;
}
div.middle_box table td {
	vertical-align: top;
}
div.middle_box table td.text {
	font-weight: normal;
}
.box .title img {
	vertical-align: middle;
	padding-right: 5px;
	margin-top:-2px;
}
.box .content {
	padding: 10px;
	border: 1px solid #ebebeb;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	background: white;	
}
.box div.logos div.icon {
	width: 50%;
	float: left;
	padding: 10px 0px;
	text-align: center;
}
.box div.logos {
	text-align: center;
}
.box div.logos img {
	padding: 10px;
	vertical-align: middle;	
}
div.link {
	margin-top: 10px;
	text-align: right;
}
.box div.logos img.boxlist {
	padding: 0px;
	margin-bottom: -2px;
}

div.col-right div.advert {
	/*margin-bottom: 10px;*/
}

/*
==================
  PATICKA
==================
*/
div#foot {
	float: left;
	width: 100%;	
	margin-top: 10px;
	margin-bottom: 90px; 
	position: relative;
	color: #646464;
}
div#foot .content {
	text-align: left;
	position: absolute;
	left: 155px;
}
div#foot .about {
	position: absolute;
	right: 0px;
	top: 0px;
}
.clear {
	clear: both;
}