/* CSS Document */
/*
_blue
_lblue
_red
_yellow
_purple
_khaki
_green
*/
html {
  height: 100%;
  margin-bottom: 1px;
}

body{
	margin: 0px 0px 0px 0px;
	background: #ffffee url(../images/podklad.jpg);
	text-align: center;
	font-family: Arial;
	/*color: #D9DDE0;*/
	color: #333;
	
}

#main{
	width: 900px;
	margin: auto;
}

#content_table{
	padding: 0;
	margin: 0;
}

#hlavicka {
    /*height: 150px;*/
}

#ciara {
	margin: 15px 0 0 0;
	background-image: url('../images/bg_pata.png');
	background-position: top left;
	background-repeat: repeat-x;}

#topMenuL {
    /*height: 77px;*/
	background-image: url('../images/bg_menu.png');
	background-position: left;
	background-repeat: no-repeat;
}
	
	
#topMenuL div.moduletable {/*height: 30px;*/
	width: 895px;
	padding-top: 16px;
	}

#topMenuL div.moduletable a, #topMenuL div.moduletable a:visited {color: white; font-size: 15px; font-weight: 600;}
#topMenuL div.moduletable a:hover {text-decoration: none; color: #b8e6fe;}

.search {
    padding-left: 10px;
    vertical-align: top;
    background: transparent;
}

#search_in form {
  padding: 0;
  margin: 0;
}

.inputbox {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
}

#search_in .inputbox {
	border: 0px;
	padding: 3px 3px 3px 11px;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;	
	background-image: url('../images/ibackground.gif');
	background-repeat: no-repeat;
	background-position: top left;
	width: 169px;
	height: 22px;
}

#bb{
	float: right;
	width: 224px;
	height: 172px; /*189px;*/
}

#navi{
	background-image: url('../images/navigointibg.gif');
	background-repeat: no-repeat;
	background-position: top center;
	height: 28px;
	margin-top: 2px;
	/*margin-left: 14px;*/
	padding-left: 14px;
	text-align: left;
}

#content{
	text-align: left;
	padding: 17px 10px 10px 10px;
	width: 700px;
	vertical-align: top;
	border: 1px solid #aaa;
	background-color: #ffffee;
}

#right{
	padding: 0px 10px 10px 10px;
	vertical-align: top;
}

#copy{
	float: left;
	font-size: 10px;
	padding-top: 40px;
	padding-left: 28px;
	color: #333;
}

div#copy div{
	float: left;
	margin-right: 5px;
}

#othermenu{
	float: right;
	padding-top: 40px;
	padding-right: 28px;
	font-size: 10px;
	color: #333;
	font-weight: bold;
	font-family: Arial;
}

#footer{
	font-family: Arial;
	font-size: 10px;
	padding-top: 18px;
	position: relative;
	height: 15px;
	clear: both;
	font-weight: bold;
}

/* for joomla */

ul#mainlevel-nav
{
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0.8em;
}

ul#mainlevel-nav li
{
	background-image: none;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin: 0;
	font-size: 11px;
	line-height: 21px;
	white-space: nowrap;
	background-image: url('../images/sepa.gif');
	background-repeat: no-repeat;
	background-position: top right;
}

ul#mainlevel-nav li a
{
	font-family: Arial;
	font-weight: bold;
	display: block;
	padding-left: 20px;
	padding-right: 20px;
	text-decoration: none;
	color: #5A5E68;
	background: transparent;
	margin-top: 4px;
}

#buttons>ul#mainlevel-nav li a { width: auto; }

ul#mainlevel-nav li a:hover {color: #4060AA;}

/*odsadenie menu v boxe*/
div.moduletable_lblue table, div.moduletable_blue table, div.moduletable_red table, div.moduletable_yellow table, div.moduletable_purple table, div.moduletable_green table, div.moduletable_khaki table, div.moduletable table {
    margin-left: 8px;
}

div.moduletable_red, div.moduletable_blue, div.moduletable_lblue, div.moduletable_yellow, div.moduletable_purple, div.moduletable_green, div.moduletable_khaki, div.moduletable table{
	text-align: left;
}

#online {padding-left: 8px;}

div.moduletable_red{
	margin: 0px 0px 10px 0px;
	padding-bottom: 10px;
	width: 200px;
	font-family: Arial;
	font-size: 11px;
	color: #fff;
	background-color: #d43c01;
	background-image: url('../images/bg_b_red.png');
	background-position: left bottom;
	background-repeat: no-repeat;
}

div.moduletable_red h3{
	background-image: url('../images/bg_h_red.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 8px 0px 0px 20px;
	height: 30px;
	margin: 0;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	text-transform:uppercase;
	text-align: left;
	color: #ffffff;
}

div.moduletable_blue{
	margin: 0px 0px 10px 0px;
	padding-bottom: 10px;
	width: 200px;
	font-family: Arial;
	font-size: 11px;
	color: #fff;
	background-color: #5068c8;
	background-image: url('../images/bg_b_blue.png');
	background-position: left bottom;
	background-repeat: no-repeat;
}

div.moduletable_blue h3{
	background-image: url('../images/bg_h_blue.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 8px 0px 0px 20px;
	height: 30px;
	margin: 0;
	font-family: Arial;
	font-size: 12px;
    font-weight: normal;
    text-transform:uppercase;
	text-align: left;
	color: #333;
}

div.moduletable_lblue{
	margin: 0px 0px 10px 0px;
	padding-bottom: 10px;
	width: 200px;
	font-family: Arial;
	font-size: 11px;
	color: #333;
	background-color: #b8e6fe;
	background-image: url('../images/bg_b_lblue.png');
	background-position: left bottom;
	background-repeat: no-repeat;
}

div.moduletable_lblue h3{
	background-image: url('../images/bg_h_lblue.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 8px 0px 0px 20px;
	height: 30px;
	margin: 0;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	text-transform:uppercase;
	text-align: left;
	color: #333;
}

div.moduletable_khaki{
	margin: 0px 0px 10px 0px;
	padding-bottom: 10px;
	width: 200px;
	font-family: Arial;
	font-size: 11px;
	color: #fff;
	background-color: #bcb407;
	background-image: url('../images/bg_b_khaki.png');
	background-position: left bottom;
	background-repeat: no-repeat;
}

div.moduletable_khaki h3{
	background-image: url('../images/bg_h_khaki.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 8px 0px 0px 20px;
	height: 30px;
	margin: 0;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	text-transform:uppercase;
	text-align: left;
	color: #333;
}

div.moduletable_purple{
	margin: 0px 0px 10px 0px;
	padding-bottom: 10px;
	width: 200px;
	font-family: Arial;
	font-size: 11px;
	color: #fff;
	background-color: #d91c5c;
	background-image: url('../images/bg_b_purple.png');
	background-position: left bottom;
	background-repeat: no-repeat;
}

div.moduletable_purple h3{
	background-image: url('../images/bg_h_purple.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 8px 0px 0px 20px;
	height: 30px;
	margin: 0;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	text-transform:uppercase;
	text-align: left;
	color: #fff;
}

div.moduletable_yellow{
	margin: 0px 0px 10px 0px;
	padding-bottom: 10px;
	width: 200px;
	font-family: Arial;
	font-size: 11px;
	color: #333;
	background-color: #ffcd05;
	background-image: url('../images/bg_b_yellow.png');
	background-position: left bottom;
	background-repeat: no-repeat;
}

div.moduletable_yellow h3{
	background-image: url('../images/bg_h_yellow.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 8px 0px 0px 20px;
	height: 30px;
	margin: 0;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	text-transform:uppercase;
	text-align: left;
	color: #333;
}

div.moduletable_green{
	margin: 0px 0px 10px 0px;
	padding-bottom: 10px;
	width: 200px;
	font-family: Arial;
	font-size: 11px;
	color: #fff;
	background-color: #8be98b;
	background-image: url('../images/bg_b_green.png');
	background-position: left bottom;
	background-repeat: no-repeat;
}

div.moduletable_green h3{
	background-image: url('../images/bg_h_green.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 8px 0px 0px 20px;
	height: 30px;
	margin: 0;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	text-transform:uppercase;
	text-align: left;
	color: #333;
}

div.moduletable h3{
	background-image: url('../images/bg_h_base.png');
	background-repeat: no-repeat;
	background-position: bottom center;
	padding: 8px 0px 0px 20px;
	height: 30px;
	margin: 0;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #333;
}

div.moduletable{
	margin: 0px 0px 10px 0px;
	padding-bottom: 10px;
	width: 200px;
	font-family: Arial;
	font-size: 11px;
	color: #333;
}

div.moduletable table{
	font-family: Arial;
	font-size: 11px;
	color: #999;
	width: 204px;
	margin: 0px 10px 0px 10px;
}

.contentpaneopen {
    width:97%;
}

div.moduletable table.contentpaneopen{
	margin: 0px 10px 0px 10px;
	text-align: left;
}

div.moduletable table.contentpaneopen td{
	text-align: left;
}

div.syndicate{
	text-align: left;
}

div.moduletable table.poll{
	text-align: left;
	width: 100%;
	margin: 0;
	padding: 0;
}

table.pollstableborder{
	text-align: left;
	width: 100%;
	margin: 0;
	padding: 0;
}

.pollxtd1{
	margin: 0;
}

div.syndicate div{
	text-align: left;
	margin-left: 11px;
}

table.contentpaneopen{
	font-family: Arial;
	font-size: 11px;
	color: #333;
	
	padding: 0px 0px 0px 0px;
}

table.searchintro{
	font-family: Arial;
	font-size: 11px;
	color: #333;
}

table.searchintro td{
	font-family: Arial;
	font-size: 11px;
	color: #333;
}

table.contentpane{
	font-family: Arial;
	font-size: 11px;
	color: #333;
}

table.contentpane table{
	font-family: Arial;
	font-size: 11px;
	color: #333;
}

table.poll{
	font-family: Arial;
	font-size: 11px;
	color: #333;
}

a.mainlevel:link, a.mainlevel:visited {
	display: block;
	/*background-image: url('../images/bulletti.gif');
	background-repeat: no-repeat;
	background-position: top left;
	*/
	/*vertical-align: middle;*/
	font-size: 11px;
	/*font-weight: bold;*/
	/*color: #355991;*/
	color: #fff;
	text-align: left;
	padding-top: 5px;
	padding-left: 17px;
	height: 15px !important;
	height: 20px;
	text-decoration: none;
}

a.mainlevel:hover {
/*
	background-image: url('../images/bulletti_on.gif');
	background-repeat: no-repeat;
	background-position: top left;
*/
	color: #fff;
	text-decoration: underline;
	/*font-weight: bold;*/
}

a.mainlevel#active_menu {
	/*background-image: url('../images/bulletti_on.gif');
	background-repeat: no-repeat;
	background-position: top left;
	color:#3367CD;
	*/
	color: #fff;
	/*font-weight: bold;*/
}

a.mainlevel#active_menu:hover {
/*	background: url('../images/bulletti_on.gif') no-repeat;
	color: #3367CD;*/
	color: #fff;
	text-decoration: underline;
	/*font-weight: bold;*/
}

.contentheading{
	margin: 0;
	font-family: Arial;
	font-size: 16px;
	/*color: #3367CD;*/
	color: #E74B16;
	font-weight: bold;
}

.componentheading{
	margin: 0;
	font-family: Arial;
	font-size: 16px;
	/*color: #3367CD;*/
	color: #E74B16;
	font-weight: bold;
}

.contentdescription{
	font-family: Arial;
	font-size: 11px;
}

.blog_more{
	font-family: Arial;
	font-size: 11px;
}

.small{
	font-family: Arial;
	font-size: 10px;
	color: #999999;
}

.createdate{
	font-family: Arial;
	font-size: 10px;
	color: #999999;
}

.modifydate{
	font-family: Arial;
	font-size: 10px;
	color: #999999;
}

#content .back_button a{
	font-family: Arial;
	font-size: 10px;
	color: #E74B16;
}

.pagenav,
#pagenava,
#tdnav,
.pagenav_prev,
.pagenav_next{
	font-family: Arial;
	font-size: 11px;
}

#tdnav a{
    color: #E74B16;
}

.message{
	font-family: Arial;
	font-size: 14px;
	color: #ff0000;
	text-align: center;
	font-weight: bold;
}

a:link, a:visited {
	color: #355991;
    text-decoration: none;
	font-weight: normal;
}

a:hover {
	color: #355991;	text-decoration: underline;
	font-weight: normal;
}

a.footer:link		{color: #9EA0A2; font-size: 10px; font-weight: bold;}
a.footer:active		{color: #9EA0A2; font-size: 10px; font-weight: bold;}
a.footer:hover		{color: #9EA0A2; font-size: 10px; font-weight: bold;}
a.footer:visited	{color: #9EA0A2; font-size: 10px; font-weight: bold;}

a.readon:link		{color: #E74B16; background-image: url('../images/readon.gif'); background-repeat: no-repeat; background-position: top left; padding-left: 25px;}
a.readon:active		{color: #E74B16; background-image: url('../images/readon.gif'); background-repeat: no-repeat; background-position: top left; padding-left: 25px;}
a.readon:hover		{color: #E74B16; background-image: url('../images/readon.gif'); background-repeat: no-repeat; background-position: top left; padding-left: 25px;}
a.readon:visited	{color: #E74B16; background-image: url('../images/readon.gif'); background-repeat: no-repeat; background-position: top left; padding-left: 25px;}

ul{
		margin: 0;
		padding: 0;
		list-style: none;
}

li{
		line-height: 15px;
		padding-left: 15px;
		padding-top: 0px;
		background-image: url('../images/bullet.gif');
		background-repeat: no-repeat;
		background-position: top left;
}
label {
    font-size: 12px; text-align: left;}
    
#copyright {
    font-size: 10px;
    color: #aaa;
    text-align: right;
}

.module_lblue {
    margin-left: 50px;
    margin-top: 10px;
}

.module_yellow, .module_green, .search_purple{
    margin-left: 20px;
    margin-top: 10px;
}

.inputbox_purple {
    font-size:11px;
    border: solid 1px #DDDDDD;
    color: #818181;
}
.button_purple, .button {
    font-size:11px;
}
