/* Barvy (pro replace):
  #FFA200 - hlavní barva (kontrastní - linky, odkazy) "oranžová"
  #55C5D0 - sekundární barva (linky, nadpisy) "tyrkysová"
  #838182 - šedá z loga
*/

@import url("templates.css");

body {
  font-family: Verdana;
  font-size: 11px;
  margin: 0px;
  color: #939597;
  background: url(../images/bg.jpg) #FFFFFF repeat-x;
}

a img {border: 0px;}
a.itemlink  { text-decoration: none; color: #FFA200; }
a.itemlink:hover { text-decoration: underline; }
img#questsiimage { position: relative; height: 60px; float: right; right: 280px; }

#captcha { width: 700px; }
#captcha a { color: #55C5D0; text-decoration: none; }
#captcha a:hover { color: #2A2F34; text-decoration: underline; }
#captcha_new { float: right; }

#mailform .invalid { border: 1px solid #FFA200; background-color: #C4C8C9; }
#mailform h7 { color: #FFA200; }

#page {
  position: relative;
  width: 950px;
  height: 500px;
  margin-left: auto;
  margin-right: auto;
  background: #FFFFFF;
}

/********************** TOP ************************/
#top {
  position: relative;
  width: 950px;
  height: 93px;
  background: url(../images/bg_top.jpg) bottom repeat-x;
}

#top #logo_box {
  float: left;
  width: 218px;
  height: 93px;
  background: url(../images/bg_logo.jpg) repeat-x;
}

#top #logo_box #logo {position: absolute;left: 34px;top: 30px;}

#top #logo_box #logo_title { position:absolute; left:78px; top:55px; text-transform:uppercase; font-size:6pt;letter-spacing:5px;color: #BFBFBF;}

#top #top_line {
  position: absolute;
  width: 732px;
  height: 0px;
  background-color: #FFA200;
  bottom: 0px;
  right: 0px;
}

/********************** MENU ************************/

#menu {
  float: right;
  height: 36px;
  margin-top: 53px;
  margin-bottom: 4px;
}
#menu a {
  display: block;
  float: left;
  padding-left: 20px;
  padding-right: 20px;
  height: 23px;
  padding-top: 13px;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  border-right: 1px solid #D9D9D9;
  color: #4A4A4A;
}
#menu a:hover {background: url(../images/menu_hover.png) bottom no-repeat;}

/********************** BANNER ************************/

#banner {position:relative;height: 86px;width: 950px;}
.homepage #banner {width: 950px;height: 173px;}


.homepage #banner .img {
float: left;
width: 633px;
height: 173px;

}
#banner .img {
float: left;
width: 725px;
height: 86px;

}

/**********************/

#search {
display:block;
float: left;
width: 190px;
height: 76px;
padding: 10px 10px 0px 24px;
margin-left: 1px;
background: url(../images/bg_search.jpg) repeat-x;
}
.homepage #search {
  padding: 24px 54px 0px 77px;
  height: 149px;
  width: 185px;
}


#fast_links { display:block; margin-bottom:8px;}
#fast_links { text-align: center; margin-top: 7px; display:block;}

#fast_links a img { padding-right: 8px; }

.homepage #fast_links {margin-left:0px; margin-bottom: 20px; margin-top: 15px; }

.homepage #fast_links a img { padding-right: 12px; }

#search form {
display: inline;
height: 40px;
}
#search form a {
font-size: 10px;
color: #DADADA;
text-decoration: none;
background: url(../images/arrow_gray.png) 0px 4px no-repeat;
}
#search form a:hover {
text-decoration: underline;
}
#search label {
display: block;
color: #DADADA;
font-size: 12px;
font-weight: bold;
margin-bottom: 3px;
}
#search input {
width: 150px;
height: 16px;
font-size: 11px;
border: 1px solid #000000;
background: #CFCFCF;
margin-bottom: 5px;
}
#search .submit {
width: 21px;
height: 17px;
padding: 4px;
border: 0px;
background: url(../images/submit.png) no-repeat;
}

#searchresults div.preview
{
  margin-top: 10px;
  margin-bottom: 10px;
}

#searchresults a.title {
 font-weight: bold;
 color: rgb(255, 192, 0);
 font-size: 13px;
 text-decoration: none; 
}

#searchresults hr {
 color: rgb(200,200,200);
 height: 1px;
 margin-top: 5px;
 margin-bottom: 5px;
}

#searchresults a:hover {
 color: rgb(255, 192, 0);
 text-decoration: underline;
 }

#searchresults h2
{
  color: #55C5D0;
  font-size: 16px;
}

#searchresults h3
{
  color: #55C5D0;
  font-size: 14px;
}

#lines {
width: 950px;
background: #F4F4F4;
font-size: 1px;
}
#lines {
padding-top: 1px;
padding-bottom: 1px;
}
#lines .line1 {
float: left;
width: 725px;
height: 8px;
background: #55C5D0;
}
.homepage #lines .line1 {width: 633px;}


#lines .line2 {
float: left;
width: 224px;
height: 8px;
margin-left: 1px;
background: #B3C0C2;
}
.homepage #lines .line2 {width: 316px;}


#middle {
position: relative;
width: 950px;
padding-bottom: 10px;
background: url(../images/bg_middle.png) bottom repeat-x;
}
#left {
float: left;
width: 677px;
min-height: 470px;
_height: 470px;
padding: 24px;
}

#left_item {
float: left;
min-height: 470px;
_height: 470px;
padding-left: 24px;
padding-top: 12px;
}
.homepage #left {width:585px}


#left .item {
padding-left: 20px;
padding-right: 10px;
padding-bottom: 35px;
text-align: justify;
}
#left .item img {
display: block;
border: 1px solid #D6D7D8;
}
#left .item .text {
float: left;
margin-left: 15px;
width: 390px;
line-height: 1.3;
}

#login
{
  width: 210px;
}

#login_form {
         border: 1px solid #FFA200;
         padding: 15px;
         background-color: #FFFEF9;     
}      
#login_form label{
display: block;
color: #828282;
margin-top: 5px;
margin-bottom: 5px;
}

#login_form input {
height: 15px;
font-size: 10px;
border-top: 2px solid #717171;
border-left: 2px solid #717171;
border-right: 1px solid #B4B4B4;
border-bottom: 1px solid #B4B4B4;
background: #F3F3F3;
width: 150px;
}
   
#login label{
display: block;
color: #828282;
margin-top: 5px;
margin-bottom: 5px;
}

#login_reglink { color: rgb(85, 197, 208); text-decoration: none; }

#login input {
height: 15px;
font-size: 10px;
border-top: 2px solid #717171;
border-left: 2px solid #717171;
border-right: 1px solid #B4B4B4;
border-bottom: 1px solid #B4B4B4;
background: #F3F3F3;
width: 150px;
}

#login .submit {
width: 18px;
height: 17px;
background: url(../images/lock.png) no-repeat;
border: 0px;
cursor: pointer;
}

.err,.not {
	display:block;
	padding:12px;
	padding-left:47px;
	background: url(../images/icon_alert_big.png) 5px 5px no-repeat #FFF6B0;	
	border: 1px solid #E6D08C;
	width:90%;
	margin-bottom:20px;
	
}
.not {
	background-image: url(../images/icon_info_big.png);
	background-color: #EDFFFF;
	border-color: #CADBDB;
}


.right {
display: block;

text-align: right;
}
.more {
font-size: 9px;
text-decoration: none;
padding-right: 10px;
color: #5C5C5C;
background: url(../images/arrow_orange.png) 28px 5px no-repeat; 
}
.more:hover {
text-decoration: underline;
}
.cleaner {
clear: both;
}
#footer {
bottom: 0px;
width: 905px;
padding-bottom: 40px;
padding-left: 0px;
font-size: 10px;
}
#footer .navigation{
color: #545454;
margin-top: 13px;
margin-bottom: 13px;
}
#footer .navigation a {
color: #545454;
text-decoration: none;
}
#footer .navigation a:hover {
text-decoration: underline;
}
#footer .divider {
margin-left: 6px;
margin-right: 6px;
}
.copyright {
color: #a0a0a0;
}
.copyright:hover {
text-decoration: none;
}
.news {
display: inline;
float: left;

padding: 15px 15px 0px 15px;
min-height: 120px;
_height: 120px;
margin-left: 9px;
margin-right: 26px;
background: url(../images/grad1.jpg) repeat-x;
text-align: justify;
}
.news .date {
display: block;
font-size: 12px;
font-weight: bold;
color: #55C5D0;
}
.news .name {
display: block;
font-size: 11px;
font-weight: bold;
color: #545454;
}
.news .more, .box .more {
display: block;
margin-top: 12px;
padding-left: 20px;
height: 15px;
width: 25px;
background: url(../images/arrow_square.png) no-repeat;
}
.orange {
color: #FFA200;
}
.orange:hover {
text-decoration: none;
}

/********************** DETAIL ************************/
#col1, #col2 {
display: inline;
float: left;
min-height: 400px;
_height: 400px;
margin-left: 12px;
_margin-top: 20px;
padding-top: 12px;
line-height: 1.7;
background: url(../images/grad2.jpg) repeat-x;
}
#col1, #left .padd {
width: 250px;
padding: 0px 10px 0px 20px;
}

.box {
display: block;
width: 270px;
min-height: 120px;
_height: 130px;
margin-top: 55px;
padding: 5px;
}
.box .title {
display: block;
margin-bottom: 13px;
font-size: 12px;
font-weight: bold;
color: #55C5D0;
}
.grad3 {
background: url(../images/grad3.jpg) repeat-x;
}


/********************** RIGHT ************************/
#rightimg {
  position: absolute;
	right: 20px;
	bottom: 25px;
	width: 210px;
	z-index: -1;
}

#right {
	float: right;
  width: 224px;
  height: 100%;
/* 	border: 1px solid black;*/
  margin-left: 1px;
  padding-top: 33px; 
  background: url(../images/bg_right.jpg) repeat-x;
  color: #7E7E7E;
  padding-bottom: 200px;
}
.homepage #right {  width: 316px;}

#right .h1 {margin-bottom: 12px;}
#right .padd {padding: 0px 15px 0px 15px;}
.homepage #right .padd {padding: 0px 30px 0px 30px;}

#right p {margin-top: 10px;margin-bottom: 20px;line-height: 1.5;text-align: justify;}

#right .navigation {padding: 0px 3px 0px 5px;}
#right .navigation ul {margin-left: 0px; padding-left:10px; }
#right .navigation a {color: #626262; text-decoration:none;}
#right .navigation a:hover {text-decoration: underline;}
#right .navigation .selected {color: #000000}

#right li { 
	list-style:none; 
	margin-bottom:15px; 	
	margin-top:5px; 
	padding-left:15px; 
	padding-right:3px; 
	background: url(../images/li2.png) 0px 4px no-repeat;	
	color: #626262;
	font-weight:bold;
	
}
#right ul ul li {
	font-size: 10px; 
	font-weight: normal;	
	text-decoration: none;	
	background: url(../images/li2.png) 0px 4px no-repeat;	
	color: #626262;		
}
#right .decor {
	position: absolute;
	bottom: 20px;
	right: 0px;
	width: 316px;
	height: 232px;
	margin-top: 100px;
	background: url(../images/decor.jpg) no-repeat;
}

/********************** COL2 ************************/

#col2 .links {	margin-top: 70px;	width: 275px;	padding-left: 5px;}
#col2 .links a{ color: #55C5D0;	text-decoration: none;}
#col2 .links a:hover {text-decoration: underline;}

img.anotace.left{margin-right:5px; float:left;}
img.anotace.right{margin-left:5px; float:right;}


/********************** LOGIN_INFO ************************/

#logininfo {
	font-size: 10px;
	position: absolute; 
	display: block; 
	top: 5px; 
	right: 200px; 
	width: 400px;
	padding: 2px;
}

#logininfo a {color: #898989; text-decoration:none}
#logininfo a:hover {text-decoration:underline;}
#logininfo td{padding-right: 10px;}
#logininfo .user {	font-size: 11px;	font-weight: bold; }
#logininfo .label {font-size:10px; margin-right:5px;}
#logininfo table,#login_info td, #login_info tr { background-color: #FFFFFF; }

/********************** LANG ************************/

#lang_flags {
  padding: 2px 5px 2px 5px;
  position: absolute;
  top: 5px;
  right: -10px;
  height: 20px;
  font-size: 10px;
  z-index: 2;
}

#lang_flags div.flagdiv {
  display: inline-block;
  width: 30px;
  border: 0;
  position: relative;
}

#lang_flags img.flag {
  height: 14px;
  width: 21px;
  border: 3px solid white; 
}

#lang_flags img.activelang
{
  border: 3px solid #72706F; !important;
}

img.flagsmall
{
  height: 14px;
  width: 21px;
}                   

#lang_text {
  position: absolute;
  top: 10px;
  right: 0px;
  height: 15px;
  font-size: 10px;
  z-index: 2000;
}
#lang_text a.selected { font-weight: bold; }
#lang_text a { text-decoration: none;  margin-right: 20px;  padding-left: 7px;  color: #898989;  background: url(../images/arrow_red.png) 0px 5px no-repeat;}
#lang_text a:hover {text-decoration: underline;}

/********************** TOPINFO ***********************/

#topinfo
{
  padding-bottom: 0px;
  font-weight: bold;
  color: #ffa200;
}

#topinfo div.inner
{
  border-bottom: 1px solid #55c5d0;
  padding: 3px 10px 3px 10px;
  background-color: #5b5b5b;
  white-space: nowrap;
  position: relative;
}

#topinfo #topslider
{
  display: inline-block;
   overflow: hidden;
  position: absolute;
  width: 760px;
  right: 5px;
}

#topinfo #topslidercontent
{
  position: absolute;
  top: 0px;
  left: 0px;
}

#topinfo a
{
  background: url('../images/li2.png') left 5px bottom 2px no-repeat;
  padding-left: 20px;
  padding-right: 5px;
  display: inline-block;
  color: #55c5d0;
  /*text-decoration: none;*/
}

#topinfo img
{
  margin-left: 10px;
  margin-right: 10px;
}

/**************************************** SITEMAP ************************/

div.sitemap
{
  font-size: 12px;
  line-height: 18px;
}

div.sitemap ul
{
  padding-left: 20px;
  list-style: circle;
}

div.sitemap a
{
  color: gray;
  text-decoration: none;
}

div.sitemap a:hover {
color: rgb(255, 192, 0);
text-decoration: underline;
}