/*######################################

Author: [w3w.cz] lepsi stranky internetu

Charset: UTF-8
Media: screen, projection
Browsers: All

Color palette:
- text: #392704
- link: #5D352B
- page background: #fff
- background: #e1eefd

Structure:
display; position; float; z-index; overflow;
width; height; margin; padding;
color; border; background;
align; text; font;

######################################*/

/*======================================
  RESET
======================================*/

fieldset, ul, ol { margin:0; padding:0; }
body {
    color: #392704;
    background: url('img/body.gif') repeat-x center 180px;
	  margin: 0; padding: 20px 0 0 0;
    text-align: center; font: 62.5%/1.5 "Georgia", "trebuchet ms", arial, helvetica, sans-serif; /* 0.1em = 1px */
}

hr {display: none;}

a {color: #5D352B; text-decoration: underline;}
a:hover,
a:active,
a:focus {color: #000; }

a img {border: none;}

abbr,
acronym,
.help {
    border-bottom: 1px dotted;
    cursor: help;
}
abbr:hover,
acronym:hover,
.help:hover {border-bottom: 1px solid;}

del {text-decoration: line-through;}

address {font-style: italic;}

h1 {font-size: 260%;}
h2 {font-size: 220%;}
h3 {font-size: 180%;}
h4 {font-size: 140%;}

h1, h2, h3, h4 {
   margin-bottom: 0;
   font-weight: normal; color: #5D352B;
}
h2 {margin: 10px 0;}
h5, h6 {margin: 10px 0 0 0; font-weight: bold;}
h5 {font-size: 120%;}
h6 {font-size: 100%;}

p {margin: .7em 0; padding: 0;}

li {list-style-type: none;}

form {margin: 0;}
fieldset {border: none;}
input,
textarea,
select,
option,
table {font-size: 100%;}

table { border-collapse: collapse; margin: .7em 0; }
table td, table th { border: 1px solid #ddd; padding: 2px 5px; }
table th { font-weight: bold; text-align: left; }
table thead td, table thead th { background: #ddd; }
table tfoot td, table tfoot th { background: #eee; }

dl { margin: .7em 0; }
dt { font-weight: bold; }

address { font-style: normal; }

/*======================================
  UNIVERZAL CLASSES
======================================*/

.ir {
    display: block; position: absolute; top: 0; left: 0;
    width: 100%; height: 100%;
}
a .ir { cursor: hand; cursor: pointer; }
.clear {clear: both;}
.cleaner,
.aft-cleaner:after {
    display: block; visibility: hidden; clear: both;
    margin: -1px 0 0 0; padding: 0; height: 1px; line-height: 1px;
    font-size: 0; content: ".";
}
.noborder {border: none !important;}

.a-hidden {position: absolute; left: -10000em; z-index: -10;} /* pristupne skryti */
.hidden {display: none !important;}
.invisible {visibility: hidden !important;}

.f-left {float: left !important;}
.f-right {float: right !important;}

img.f-left {margin-right: 10px;}
img.f-right {margin-left: 10px;}

input.submit,
button.submit {cursor: pointer;}

/* text work --------------------*/
.uppercase {text-transform: uppercase !important;}

.t-left {text-align: left !important;}
.t-right {text-align: right !important;}
.t-center {text-align: center !important;}

.arrows {font-size: 120%;}

/* w3w controller --------------------*/
.small {font-size: 1em;}
.medium {font-size: 1em;}
.large {font-size: 1em;}
.x-large {font-size: 1em;}

/*======================================
  SCTRUCTURE
======================================*/

#jump {font-size: 1.2em;}
#jump a {
    background: #466673;
    position: absolute; top: -10000em; left: 0;
    display: block; width: 100%; overflow: hidden; padding: 10px 0;
    text-align: center; text-decoration: underline;
    font-weight: bold; color: white;
}
#jump a:hover,
#jump a:active,
#jump a:focus {
    background: black;
    top: 0; z-index: 9;
}
#container {

    width: 707px; margin: 0 auto; padding: 0 60px;
    background: url('img/container.jpg') no-repeat;
    font-size: 1.2em;
}

/* Header
--------------------------------------*/

#header {
	background: #b62830 url('img/header.gif') no-repeat;;
	color: #FFF;
  position: relative;
  
}
#header-in {height: 255px;  }
h1#logo {
    position: absolute; top: 14px; left: 130px; z-index: 10;
    width: 439px; height: 121px; margin: 0; padding: 0; overflow: hidden;
}
h1#logo a { display: block; width: 100%; height: 100%; }
h1#logo a span.ir { background: url('img/logo.gif') no-repeat; }
#flash {
	position: absolute; top: 0; left: 0; z-index: 2;
	width: 707px; height: 157px; overflow: hidden;
	background: url('img/flash.jpg') no-repeat;
}

/* Horizontal navigation
--------------------------------------*/

/*--------------------------------------
  Body
--------------------------------------*/

#main {
    background: white url('img/main.gif') repeat-y;
    /*background: #FFF;*/
    text-align: left;
}
#main-in {border-top: 3px solid #B62830;}

/*--------------------------------------
  Breadcrumbs
--------------------------------------*/

#breadcrumbs {
	background: #FFF;
	position: relative;
	height: 1%; overflow: hidden; padding: 2px 15px;
	text-align: right; font-weight: bold; color: black;
}
#breadcrumbs span {margin: 0 2px; font-weight: normal;}
#breadcrumbs a {font-weight: normal; color: black;}
#breadcrumbs a:hover,
#breadcrumbs a:active,
#breadcrumbs a:focus { text-decoration: none; }

/*--------------------------------------
  Left Sidebar
--------------------------------------*/
#left-sidebar {
    position: relative; float: left;
    width: 181px;
}
#left-sidebar-in {
	padding: 10px 0;
}

#left-sidebar a {text-decoration: none;}
#left-sidebar a:hover {text-decoration: underline;}

/* For fold-page-list plugin ------------------------*/

#left-sidebar #v-menu a {
    display: block; margin:0 0 1px 0; padding: 0 10px 0 18px;
    font-size: 1.2em; font-weight: bold; text-decoration: none; color: #000;
}
#left-sidebar #v-menu a:hover,
#left-sidebar #v-menu a:active,
#left-sidebar #v-menu a:focus {
    background: #cdefa6;
}
#left-sidebar #v-menu li a.current,
#left-sidebar #v-menu li a.current_cat_ancestor,
/*#left-sidebar #v-menu ul.children li a,*/
#left-sidebar #v-menu li.current_page_item a,
/*#left-sidebar #v-menu li.current_page_ancestor a,*/
/*#left-sidebar #v-menu li.current_page_ancestor ul li.current_page_item a:hover,*/
#container #left-sidebar #left-sidebar-in #v-menu li.current_page_item a:hover {
    background: url('img/menu-a.gif') right center no-repeat !important;
    text-decoration: underline;
}
#left-sidebar #v-menu li.current_page_item ul li a { background: none !important; }

#left-sidebar #v-menu li.current_page_item li a { background: none !important; text-decoration: none; }

#left-sidebar #v-menu ul.children,
#left-sidebar #v-menu li.current_page_item ul,
#left-sidebar #v-menu li.current_page_ancestor ul {
    margin: 4px 0;
    font-size: .9em;
}
#left-sidebar #v-menu ul.children li a,
#left-sidebar #v-menu li.current_page_item ul li a,
#left-sidebar #v-menu li.current_page_ancestor ul li a {
    padding-left: 15px;
}
#left-sidebar #v-menu li li a {padding-left: 24px !important;}
#left-sidebar #v-menu li li li a {padding-left: 34px !important;}
#left-sidebar #v-menu li li li li a {padding-left: 44px !important;}

#left-sidebar #v-menu ul li a {font-weight: normal;}
#left-sidebar #v-menu li ul li.current_page_ancestor a {}

#left-sidebar #v-menu ul.children li a:hover,
#left-sidebar #v-menu li.current_page_item ul li a:hover,
#left-sidebar #v-menu li.current_page_ancestor ul li a:hover,
#container #left-sidebar #left-sidebar-in #v-menu li.current_page_item ul li a:hover {
	background: #dbc9b0 url('img/menu-h.gif') right top no-repeat !important;
}

#left-sidebar #v-menu li#e-shop { margin-top: 10px; }
#left-sidebar #v-menu li#e-shop a { background-color: #B62830; color: #fff; }
#left-sidebar #v-menu li#e-shop a:hover, #left-sidebar #v-menu li#e-shop a:focus, #left-sidebar #v-menu li#e-shop a:active { text-decoration: underline; }
/*--------------------------------------
  Content
--------------------------------------*/
#content {
    position: relative; float: right; display: inline;
    width: 486px; margin: 0 20px; padding: 0 0 30px 0;
    font-size: 1.3em; line-height: 1.7;
    text-align: left;
}
#content p.major {font-size: 1.3em;}

#content h3,
#content h4,
#content h5,
#content h6 {clear: both;}

#content ul,
#content ol {margin: .5em 0 .5em 3em;}
#content ul li {list-style: circle;}
#content ol li {list-style: decimal;}

/* NGallery styling -------------- */
.ngg-gallery-thumbnail {
    margin-right: 11px !important;
}

#content a.button {
    margin: 1.5em 0 1em; padding: 4px 10px;
    border: 1px solid; background: #f0e8d7;
    font-weight: bold; text-align: center; text-decoration: none;
}

span.post-date {padding-left: 15px; background:url('img/time.gif') no-repeat left center;}
.postmetadata {
	clear: both;
	padding-top: 5px;
	text-align: right;
}
.postmetadata span.edit { padding-left: 15px; background:url('img/edit.gif') no-repeat left center;}

.spotnav a {
    position: relative; display: block;
    margin: 1em 0 1em; padding: 3px 10px;
    border: 1px solid #e1c690; background: #FFF;
}
.spotnav a:hover,
.spotnav a:active,
.spotnav a:focus {
    color: #000;
    border: 1px solid #AC8651; background: #EFE0C2;
}

#cards {  }
#cards .card {
	background: #f5f5f5;
	float: left;
	width: 233px; margin: 10px 0; padding: 0 !important;
}
#cards .card-left { margin-right: 20px; }
#cards .card .inner { border: 1px solid #ddd; padding: 10px; }
#cards .card ul { margin-left: 0; margin-bottom: 0; }
#cards .card li { list-style-type: none; }
#cards .card p { margin: 0 !important; }

p#donate {
	background: #f9e7ce; border: 1px solid #dbc9b0;
	padding: 5px 7px;
}

/*--------------------------------------
  Footer
--------------------------------------*/

#footer {
	background: #FFF;
	width: 100%; overflow: hidden; clear: both;
}
#footer h3 {color: #392704; margin-top: 10px;}
#footer a {}
#footer a:hover,
#footer a:active,
#footer a:focus {text-decoration: none;}

#footer #contact {
	background: #b62830 url(img/footer-2.gif) 555px 25px no-repeat;
	display: block; padding: 13px 18px 16px 18px;
	color: white;
}
#footer #contact h2 { margin: 0 0 10px 0; font-size: 1.7em; font-weight: normal; color: white; }
#footer #contact a {
	color: white;
}
#footer #copyright {
	float: left;
    padding: 2px 10px 2px 18px;
}
#footer #controller {
	float: right;
    padding: 2px 18px 2px 10px;
}
#footer span#w3w-logo {
    position: relative; top: 2px; float: left;
    margin: 0 0 0 4px;
}
#footer span#w3w-logo a {
    border: none;
    position: relative;
    display: block;
    width: 38px; height: 14px; overflow: hidden;
    font-size: 80%;
}
#footer span#w3w-logo a span.ir {background: url('img/w3w-footer.gif') 0 0 no-repeat;}
#footer span#w3w-logo a:hover span.ir,
#footer span#w3w-logo a:active span.ir,
#footer span#w3w-logo a:focus span.ir {background-position: -38px 0;}

#main-end {}