*{ margin:0; padding:0;}
body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object {border:0;}
/* -------------------------------------------------------------------------------------------------------
   Project: Abakowiki
	Media: screen, projection

   Author: Michal Kr�l (http://www.syler.cz)	
	Last update: 2.5.2008
	

display - position - float - z-index - overflow - width - height - margin - padding - border - background - align - font - cursor
------------------------------------------------------------------------------------------------------- */

body { font: 0.9em "Trebuchet MS", "Geneva CE", lucida, sans-serif;; color:#4f4f40; background: #d4d6cc;}

a { text-decoration:underline; color:#5c9c4b;}
a:hover { text-decoration:none;}
a:focus, a:active { color: #EE5900;}
a:visited { color: #969C4B; }

h1, h2, h3, h4, h5, h6 { margin:15px 0 15px 0; font-family:"Trebuchet MS", "Geneva CE", lucida, sans-serif; font-weight:bold;}
h1 { margin:0 0 17px 0;font-size:100%;}
h1 strong { font-size:180%;}
h2 { font-size:105%; margin-top:0;}
h3 { font-size:100%; color:#610202;}
div#left h3, div#right h3, h3.details { font-size:100%; background:url("../img/lines/line-brown.gif") repeat-x left center; color:#875f33;}
h3 span { margin-left:15px; padding:0 5px 0 5px; background:#FFFFFF;}
h4, h5, h6 { font-size:100%;}

table {border-collapse:collapse; border-spacing:0;}

p {margin-bottom:20px;}

hr, .hidden { display:none;}
.cleaner{ clear:both; height:1px;}
.space { clear: both; height: 25px; }
li.clean {float:none !important; clear:both;}
div.line { padding:5px 0 0 0; margin: 0 10px 0 10px; border-bottom: 1px solid #d4d4d4;}

.center { text-align:center;}


div#main-top, div#main-top-sub { position: relative; width: 985px; margin: 0 auto 0 auto;}
div#main-bottom { width: 985px; margin: 0 auto 0 auto; background: #fff;}
div#background-top { background: #fff url("../img/background-top.gif") repeat-x left bottom;}
div#background-bottom { background: #d4d6cc url("../img/background-bottom.gif") repeat-x left top;}

div#background-top-sub { background: #fff;}
body#sub { background: #d4d6cc url("../img/bg.gif") repeat-x; }
div#background-bottom-inside-sub { background: url("../img/sub-bg.jpg") no-repeat center top;}
div#background-bottom-sub { background: url("../img/sub-bg-x.jpg") repeat-x;}

/* -------------------------------------------------------------------------------------------------------
TOP (logo, menu, header, login and search bar)
------------------------------------------------------------------------------------------------------- */
a#skip { display: block; position: absolute; top: 0; left: 0; padding: 10px; z-index: -2; }
a:focus#skip, a:active#skip {z-index: 2; background:#484848 ; color: #fff; text-align: center; line-height: 35px;}

h1 { float: left; width: 350px; margin: 0; font-family: sans-serif; font-size: 1.5em;  }
h1 a, h1 a span { display: block; position: relative; width: 350px; height: 92px; cursor: pointer; }
h1 a span { position: absolute; top: 0; left: 0; background: url("../img/logo.gif") no-repeat; }

form#language { float: right; width: 400px; text-align: right;}

ul#menu { float:right; height: 44px; margin-top: 36px; margin-bottom:20px; line-height: 44px; background: url(../img/menu.gif) repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 1em; font-weight: bold; border: 1px solid #9d9d97; }
ul#menu li { list-style: none; float:left; text-align: center; background: url(../img/sep.gif) no-repeat right 5px; }
ul#menu li a { text-decoration: none; color: #474747;  }
ul#menu li a:hover { color: #EE5900; }

li#m_uvod { width: 74px; }
li#m_vlastnosti { width: 180px; }
li#m_vyuziti { width: 135px; }
li#m_cenik { width: 68px; }
li#m_onas { width: 69px; }
li#m_last { background: none !important; }

span.menu {margin:15px; padding-bottom:15px; padding-top:15px;}

li.menu_selected a { color: #6F0000 !important; }


div#header { clear: both; background: #64A02C; }

div#bar { width: 945px; padding: 10px 20px 10px 20px; background: url("../img/bar.gif") no-repeat left bottom;  }
div#bar input { margin-right: 10px; }
form#login { float: left; width: 500px; }
form#search { float: left; width: 300px; text-align: left; }
input.submit { width:66px; height: 24px; background: url("../img/button-grey.jpg") no-repeat; text-align: center; border: none; display: inline; color: #fff; cursor: pointer; }

div#login { padding: 5px 0 0 0; margin-bottom: 20px; background: url("../img/login-top.jpg") no-repeat left top; }
div#login form { padding: 20px 20px 20px 20px; background: url("../img/login.jpg") repeat-y; }

div#login form label { float: left; clear: left; width: 4.2em; }
div#login form p { margin-bottom: 10px; }
div#login p.pomoc {padding:20px; margin-bottom:0px; background:transparent url(../img/login.jpg) repeat-y scroll 0% 0%}
div#login div.pomoc-end {margin-top:0px; background:transparent url(../img/login-bottom.jpg) no-repeat left top}

input.green { background: url("../img/button.jpg") no-repeat;  }
input.login_submit { margin-top: 10px; }

a#bann { display: block; width: 249px; height: 41px; line-height: 41px; text-align: center; background: url("../img/bann.jpg") no-repeat; text-decoration: none; color: #fff; }
a:hover#bann { background: url("../img/bann.jpg") no-repeat left -41px; }

div#button2 {text-align:center; width:249px;}
a#button2 { display: block; line-height: 60px; text-align: center; background: url("../img/registrace.png") no-repeat center; text-decoration: none; color: #fff; text-align:center;}

img#flag { display: inline; margin: 0; padding: 0; margin-right: 5px;  }
form#language { background: none; width: 120px; float: right; margin: 0; }

span#flag{margin-right:5px; float:right; margin-top:2px;}

/* -------------------------------------------------------------------------------------------------------
PAGE, FOOTER
------------------------------------------------------------------------------------------------------- */
div#page { padding-top: 30px; }
div#page_column { float: left; width: 270px; padding:0 0 0 25px; }
div#page_content { float: right; width: 640px; padding: 0 25px 0 0; }

ul#submenu { width: 249px; background: url("../img/line.gif") repeat-x left top; }
ul#submenu li  { padding: 10px 0 10px 0; list-style: none;}
ul#submenu li a { padding: 0 0 0 25px;  background: url("../img/list.jpg") no-repeat left center; color: #535353; text-decoration: none; }
ul#submenu li a:hover { color: #EE5900; }

div#footer { padding: 20px 0 0 20px; background: #d4d6cc url(../img/footer.gif) no-repeat left top;}


/* -------------------------------------------------------------------------------------------------------
HOMEPAGE
------------------------------------------------------------------------------------------------------- */
div#header { background-image:url("../img/header.jpg"); background-repeat: no-repeat; }
div#header ol { list-style-type: none; padding: 0 0 0 17px;}
div#header ol li { float: left; width: 153px; height: 80px; padding: 10px 20px 0 20px; margin-top: 66px; margin-bottom: 5px; }
	div#header ol li p { color:#FEFEFE; margin-bottom: 10px; }

li#list_cooperation_1 { background: url("../img/cooperation-1.jpg") no-repeat; }
div#header ol li a { color:white; text-decoration:none;}
div#header ol li a:hover { color:#BDE79A; text-decoration:underline; }
li#list_mail_2 { background: url("../img/mail-2.jpg") no-repeat; }
li#list_clock_3 { background: url(../img/clock-3.jpg) no-repeat 1px; }
li#list_settings_4 { background: url(../img/settings-4.jpg) no-repeat 1px; }

div#header h2 { position: relative; clear: both; width: 985px; height: 65px; margin: 0; color: #fff; font-size: 1.5em; }
	div#header h2 strong { line-height: 65px; padding-left: 25px; }
	div#header h2 span { position: absolute; top: 0; left: 0; width: 985px; height: 65px; background: url(../img/header-text.jpg) no-repeat; }

div#buttons { float: right; width: 160px; margin-top: 33px; }
	div#buttons span a {color: #fff; text-align: center;  z-index: 2; font-weight:bold; text-decoration:none;}
	div#buttons span {display: block; width: 132px; height: 48px; }
	/*div#buttons a, */
	/*div#buttons a span { position: absolute; top: 0; left: 0;}*/
	
	/*a#know_more span {background: url(img/red.png) no-repeat; z-index: -2;}
	a#make_own span {background: url(img/red.png) no-repeat; z-index: -2;}*/
	
	div#buttons span {background: url(../img/red.png) no-repeat; border:0px solid black; margin-bottom:10px; text-align:center; padding-top:5px;}
	
	
/* -------------------------------------------------------------------------------------------------------
BLOG
------------------------------------------------------------------------------------------------------- */
ul#blog { padding-bottom: 20px; background: url(../img/line.gif) repeat-x left bottom; }
ul#blog li { list-style: none; padding: 10px 0 0 0; }
	ul#blog li h3 { font-size: 1.4em; margin-bottom: 3px; color: #3e3e3e; }
	ul#blog li small { display: block; margin-bottom: 15px; color: #2b546b; }
li.first_item { background: url(../img/blog-top.jpg) no-repeat right top; }

div#page_content h2 { font-size: 1.6em; }
div#page_content h3 { color:#859827;}
div#page_content h4 { color:#677135;}

h3.detail {margin: 0px 0px 0px 0px;}
h4.detail {margin: 0px;}
span.nobeta {font-size:x-small; color:red; margin:0px;}

div#page table { }
div#page table tr {  }
div#page table tr th, div#page table td { padding: 5px 20px 5px 15px; }
div#page table tr td { border: 1px solid #f2f2f2;  }
div#page table tr th { border: 1px solid #cacaca; text-align: left; background: url(../img/table-th.gif) repeat-x;  }

tr.tr_dark td { background: #fcfcfc; }
div.img_frame { border:1px solid #e0e0e0; float: right; padding: 5px; margin-left: 10px; }

/* -------------------------------------------------------------------------------------------------------
FEATURES
------------------------------------------------------------------------------------------------------- */
ul.features { width: 315px;}
ul.features li { list-style: none; display: block; float: left; width: 300px; margin-bottom: 20px; padding-right: 15px; }
ul.features li img { float: left; margin-right: 15px; }
ul.features h3 { margin: 0; color: #535353; }

ul.f_right { float: right; }
ul.f_left { float:left; margin-left:0px;}


/* @group Comments, attachments, History...  */
/*
---------------------------------------
Zone for Comments, attachments, History... 
---------------------------------------
*/
#xwikidata{
  padding: 0;
  border: none;
}
#xwikidatacontents{
	background-color: #eee;
	margin-top : 2em;
	}
.xwikiintratitle{}
.xwikiintracontent{ margin: 0;}
/* @end */
/* @group Comments */
/*
----------------------------------------------
Comments
----------------------------------------------
*/
.xwikicomment {
}
#xwikidata #commentscontent{
	border-bottom : 1px solid #bbb;
}
#comments, #attachments {
  padding: 0 20px 20px 20px;
}
#xwikidata .xwikititlewrapper{
  cursor: pointer;
}
#xwikidata #commentscontent .xwikititlewrapper{}
#xwikidata #attw{ }
h3.xwikiintratitle{
  font:normal 1.2em/1.4em sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  text-align: left;
  margin: 0;
  padding: 5px 10px ;
}
.xwikiintratitle span.hidden{ display: inline;}
#xwikidata #attachmentscontent {
	border-top : 1px solid #EEE;
}
#attachmentscontent table{border: none;}
.mime{
  text-align: center;
}
.xwikicomment{
  padding: 10px 24px;
  position: relative;
  overflow: hidden;
}
.commentspacer{
  display: none;
}
#comments .odd{
  background-color: #FFF;
}
#comments .even{
  background-color: #E5F0FE;
}
.commentavatar{
  position: absolute;
  left: 0;
  top: 0;
  width: 54px;
}
.commentavatar img{
  width: 3.5em;
  display: block;
  margin: auto;
}
.commentheader{
  padding: 6px 0;
}
.commentauthor{
  font-size: 130%;
  font-weight: 900;
}
.commentauthor a{
  text-decoration: none;
  color: #000 !important;
}
.commentcontent{
}
table.xwikidatatable{
  margin: 8px auto;
  /* width: 100%; */
}
table.xwikidatatable, table.xwikidatatable th{
  border: 1px solid #DDD;
}
table.xwikidatatable td{
  padding: 2px 8px;
}
.xwikiintracontent legend{}
.xwikiintracontent fieldset{
  border: none;
  background-color: #F6F6FC;
  border-top: 3em solid  #F6F6FC;
  padding: 8px 8px;
  margin-top:5px;
}
.xwikiintracontent legend{
  font:bold 1.2em/1.4em sans-serif;
  cursor: pointer;
  letter-spacing: 0.1em;
color : #39397f;
}
html > body .xwikiintracontent legend{
  margin-bottom: 0;
}
#xwikiuploadfile {margin:10px;}
.xwikiintracontent fieldset.collapsed{
  border: none;
  margin:  0; padding: 0;
  background-color: transparent;
}
.xwikiintracontent fieldset.collapsed legend{
  margin-left: 2px;
}
.xwikiintracontent fieldset.collapsed div{
  display: none;
}
.xwikiintracontent fieldset.expanded .expands{
  display: none;
}
.commentsno, .attachmentsno{ font-size:280% !important; }

div.vcard dt.label {font-weight:bold;}

/* @end */
/* @group ActionMenu */
#tarif {
    position:relative;
    left:10px;
    width:200px;
    text-align:right;
}
#tarif input{
    position:relative;
}


h2 {
    margin-top:10px;
}

.nevyplneno {
 border: 2px solid red;
}