/* CSS Document contents
-------------------------------------------------------------

1. General
2. Layout
3. Header
4. Navigation
5. Column
6. Content
7. Perex
8. Articles
9. Article + Comments
10. Gallery
11. Calendar
12.1. Photo
12.2. Photoalbum
12.3. Thumbnav
13. Search
14. Advetisment
15. Footer
*/

/* 1. General
-----------------------------------------------------------*/

@media screen, projection {

* {margin: 0;padding: 0;}
html, body {background: #272d23;}
body { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-align: center; color: #ffffff; font-size: 75%; }

hr {display: none;}

p { margin: 10px 0; line-height: 150%;}

a {color: #99ff66;}
a:hover {color: #fff;}
a img {	border: none;}

h1, h2, h3, h4, h5, h6 {letter-spacing: -0.05em; font-style: italic;}

.left {	text-align: left;}
.right { text-align: right;}
.center { text-align: center;}
.justify {text-align: justify;}

td, th { padding: 3px 7px;}

.clear {clear: both; height: 0;	line-height: 0;	font-size: 0; display: none; width: 1px;}
#clear3, #clear6, #clear7, #perex-cont-clear, #gallery-cont-clear, #g-section-cont-clear, #a-section-cont-clear, #article-cont-clear {display: block;}

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

table {_font-size:90%;}

form input {font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
fieldset {border: 0;}
button {clear: both;}
center {margin: 15px 0;}

.accessibility-links, .decoration, .pristupnost-links {display: none;}


/* 2. Layout
-------------------------------------------------------------*/
#whole-page {position:relative;background: url(https://s3b.estranky.cz/img/d/1000000094/bg.gif) repeat-y top center;}
#document {width:960px; margin: 0px auto; position:relative!important; display:block; overflow: hidden;}
#in-document {  text-align:left;   /*background-color:#003333;*/ }

#body {  float:left;margin-bottom:20px; display:block; }
#header { width: 779px; height: 219px;display:block; }
#content { width: 574px; margin-left:205px; padding-top:30px;min-height: 350px; _height: 350px;}

.column { float:right; width: 160px; }
#in-document  > .column {float:right; *float:none;  }

#nav-column {padding-top: 40px; width:205px; display:block;  z-index:1; float:left;}

#articles, .article, #slide, #photos, #gallery, #galleries, #archive, #folders { overflow: hidden!important; width:515px; _width:535px; margin:0 0 10px 0px; padding:0 10px 10px 20px;}


/* 3. Header
-------------------------------------------------------------*/
#header .inner_frame{ position:relative!important; width: 780px; height: 219px; background: url(/img/ulogo.961751.jpeg) no-repeat top left; background-position:225px 20px;}

#header h1 {position: absolute;	top: 40px; left: 0; z-index:1; font-size: 26px; width: 175px; _width: 205px;letter-spacing: -0.05em; text-align:right; padding-right:30px;color: #fff;overflow:hidden;padding-bottom:5px;}
h1 a { text-decoration: none; color: #99ff00 !important; font-style: italic;font-weight: normal;}
h1 a:hover { border-bottom:1px solid #54a800;}


/* 4. Navigation
-------------------------------------------------------------*/
#navigation {width:145px;padding-left:30px; display:block;}
#navigation h2 { display: none;}

menu li { list-style-type: none; position:relative; padding: 1px;}
menu a { outline: none; font-size: 16px; width:145px; display: block; color: #99ff00; text-align:right; padding: 10px 2px 10px 0;	text-decoration: none; background: url(https://s3b.estranky.cz/img/d/1000000094/bg-menu.gif) repeat-x bottom left; overflow: hidden; font-weight:bold;background-color:none;}
menu li a:hover {  color: #fff; background-color:#254400;}

/* 4.1 Submenu 
-----------------------------*/

menu li ul.submenu{ display: none; }
menu li.submenu-over ul.click, menu li.submenu-over ul.onmouse, menu li:hover ul.onmouse{ display: block; }
menu li ul.classic{ display: block; }
menu li.submenu-over ul.onmouse, menu li:hover ul.onmouse{
	position: absolute;
	top: 0px;
	left: 145px;
	padding: 0px 20px 0px 50px;
	background: url(https://s3b.estranky.cz/img/d/1000000094/bg.gif) repeat-y 0px 21px;
}
menu li.submenu-over ul.onmouse a, menu li:hover ul.onmouse a{
	text-align: left;
}
menu li ul.submenu a{
	color: #85de00;
	width: 130px;
}

menu li ul.submenu a:hover{
	background: #254400;
	color: #fff;
}

/* 5. Column
-------------------------------------------------------------*/
#inner-column {*padding-left:20px;padding-top: 10px;}

* html #inner-column { padding-left: 17px; }

.section h2 { font-style: italic; font-weight: normal;color: #90ef01; text-align: left; font-size:20px;  display:block; background:url(https://s3b.estranky.cz/img/d/1000000094/bg-h2-section.gif) bottom left repeat-x; padding:5px 0;}

.column a {color: #66cc00;}
.column a:hover {color: #99ff66;}

.section {padding-bottom:8px;margin-bottom: 10px; width:160px; overflow:hidden;}
.section .inner_frame {color: #81cd0e; padding:10px 0;}

.column ul {list-style-type: none;}

#last-fotogalerie {text-align: center;}

#portrait div.inner_frame {	text-align:center; background-color:#272d23; border:1px solid #000;padding:15px; margin-top:10px;}


/* 6.Content
-------------------------------------------------------------*/
#breadcrumb-nav {font-size: 11px;width: 514px;_width: 575px;  background: transparent url('https://s3b.estranky.cz/img/d/1000000094/shadowlogo.png') center top no-repeat;
  padding: 15px 20px 10px;color:#a99985;overflow:hidden; margin: -30px 0 20px 0; }
* html #breadcrumb-nav { background-image: none;}
#breadcrumb-nav span {color:#bfa283;}
#breadcrumb-nav a {color:#339900; text-decoration:none; border-bottom:1px solid #339900;}
#breadcrumb-nav a:hover {color:#fff; text-decoration:none; border-bottom:1px solid #fff;}

#content h2 {font-size: 26px; padding-top: 10px; padding-bottom:5px; font-style: italic; font-weight: bold; }
#content h3 {font-size: 22px; padding: 5px 0;}
#content h4 {font-size: 18px; padding: 5px 0;}
#content h2, #content h3, #content h4 { color:#66cc00; clear:both;}

#content h2 a, #content h3 a, #content h4 a {border-bottom:1px solid #336600; text-decoration:none;color:#fff;}
#content h2 a:hover, #content h3 a:hover, #content h4 a:hover {border-bottom:1px solid #fff; text-decoration:none;color:#fff;}

#content .editor-area ul, #content .editor-area ol {margin:8px 0 15px 20px;}

p.first{margin:0; padding:0; clear: right;}

.album {margin-bottom:10px; background:url(https://s3b.estranky.cz/img/d/1000000094/bg-article.gif) bottom left repeat-x; padding-bottom:10px;}

#content ul, #content ol {list-style-type: square;margin:15px 30px!important;}
#content ol {list-style-type: decimal;}
#content li {margin: 5px;}
#content form { margin: 10px 0;}
#mess-text{}

/* 7. Perex
-------------------------------------------------------------*/
#perex { background: #d7fc92 url(https://s3b.estranky.cz/img/d/1000000094/bg-perex.jpg) no-repeat bottom left; width: 535px; overflow:hidden; margin:0 0 20px 20px;}

#perex .editor-area { padding: 20px; width: 495px; _width:535px;}
#perex .editor-area table {color:#333333!important;}
#perex h2, #perex h3, #perex h4 { padding-top:5px; color: #000; margin:8px 0 5px 0;}
#perex .editor-area { color: #333333!important; padding-bottom:20px; }
#perex a {color:#336600;}
#perex a:hover {color:#000;}

/* 8. Articles
-------------------------------------------------------------*/

#section_subsections .section_article h3 {margin-bottom: 10px; }

.under-article { font-size: 11px; clear: both; padding-bottom:10px; color:#666666;}
.under-article div.inner_frame {display:block; padding:10px 0;}
.under-article div.inner_frame strong {font-weight:normal;}
.under-article div.inner_frame a {color:#669933;}
.under-article div.inner_frame a:hover {color:#fff;}

/* 9. Article + Comments
-------------------------------------------------------------*/
.article {margin-bottom: 6px; background:url(https://s3b.estranky.cz/img/d/1000000094/bg-article.gif) bottom left repeat-x;}

.article h2{ padding-top: 10px;	font-style: italic;	font-weight: bold; color: #c00;}
.article h3{ padding-top: 10px;	font-style: italic;	font-weight: bold;}

strong.date { color: #66cc00;padding: 5px 0 8px 0;font-weight: normal; display:block; font-size:11px;}

.section_article {background:url(https://s3b.estranky.cz/img/d/1000000094/bg-article.gif) bottom left repeat-x;padding-bottom:10px;}

.comment {margin-bottom: 10px; background: #272d23; border:1px solid #475542; display: block; }
.comment .comment-headline { font-size:11px; padding:0 10px 10px 10px;background:url(https://s3b.estranky.cz/img/d/1000000094/bg-comment-headline.gif) top right no-repeat;}
.comment-headline h3 {font-size:20px!important;color: #fff!important; }
.comment .comment-text { background:url(https://s3b.estranky.cz/img/d/1000000094/bg-comment-text.gif) top left no-repeat;border-top:1px solid #475542; padding:5px 15px; color:#66cc00;}

.admin h3{ color: #99ff00!important; }

div#block-comments .comment-answer{
	text-align: right;
	font-size: 110%;
	text-transform: capitalize;
	padding-right: 10px;
}

.level1{ margin-left: 1em; }
.level2{ margin-left: 2em; }
.level3{ margin-left: 3em; }
.level4{ margin-left: 4em; }
.level5{ margin-left: 5em; }
.level6{ margin-left: 6em; }
.level7{ margin-left: 7em; }
.level8{ margin-left: 8em; }
.level9{ margin-left: 9em; }

.comment-headline span, .comment-headline  b, .comment-headline i, .comment-headline {font-style: normal; font-weight: normal; color:#999;}

div#block-comments {padding-top:10px!important; clear:both;}
div#block-comments form {padding-bottom: 20px; border:1px solid #475542; display:block;background:url(https://s3b.estranky.cz/img/d/1000000094/bg-comment-headline.gif) top right no-repeat  #272d23;}
div#block-comments form fieldset {border: 0; padding:0px 10px 0 10px; display:block;}
div#block-comments form fieldset legend {font-size: 16px; font-style: italic; font-weight: bold; color: #92b527; padding:5px 10px 5px 10px; /* border:1px solid #eae5ce; */background-color:#475542;margin-left:-10px; *margin-left:-17px; }
div#block-comments form dl{top: 10px; position: relative; margin-top: 10px;}
div#block-comments dt {width: 50px;margin-bottom: 10px;float: left;clear: left; color:#66cc00;}
div#block-comments dd {margin-bottom:10px; }
div#block-comments dd img {~margin-left:220px;}
div#block-comments input.submit {clear: both; background:url(https://s3b.estranky.cz/img/d/1000000094/bg-button.gif) top left repeat-x #eae5ce; border:1px solid #93b527; color:#272d23;padding:5px 10px; margin-left:230px;font-weight:bold;cursor:pointer;}
div#block-comments form dd input, div#block-comments form dd textarea,div#block-comments input#c_title {width:430px; background: #161411; border: 1px solid #475542; padding: 3px 5px; color:#fff; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; clear:right;  }

div#block-comments form dd input{width: 177px;}
div#block-comments form dd input#c_validation{float:left;margin-left: 50px;} 
div#block-comments form dd div#c_validation_div{text-align:right;} 
div#block-comments form dt#validation-dt{margin-left:52px;margin-top:40px;position:absolute;width:166px;}
div#block-comments input.submit{margin: 10px 50px; padding: 5px; width: 80px;}

/* 10. Gallery
-------------------------------------------------------------*/
#gallery h2 {margin:0 0 10px 0;}
#last-gallery .wrap-of-wrap {text-align:center; background-color:#272d23; border:1px solid #000;padding:15px; margin-top:10px;}
#last-gallery .wrap-of-photo a {margin: 0 auto;display:block; width: 75px; height:75px; text-align: center; overflow:hidden; background-color:#000; border:1px solid #000; }
#last-gallery .wrap-of-photo a:hover {border:1px solid #66cc00;}


/* 10. Calendar
-------------------------------------------------------------*/
#calendar.section {overflow: visible!important;}
#calendar { background-color:#272d23; width:180px; margin-left:-21px;}
* html #calendar {background-color: transparent; width: auto; margin: 0px; overflow: hidden;}
#calendar h2 {margin:5px 10px 5px 0px; color: #90EF01; text-align: left; background:none; text-align:center; }
#calendar table {font-size: 10px;text-align: center; border-collapse:collapse !important;border-spacing:0px !important; color:#69795e; width:160px;}
* html #calendar table { width: auto;}
#archive-month, #archive-year, #archive-days {}
* html #calendar .inner_frame { overflow: hidden; width: 160px;}
#calendar caption {	display: none;}

#calendar table a:hover {color:#fff;}
* html #calendar * { padding: 3px !important;}
#calendar table tr td {border-top:1px solid #353b44;padding:3px; margin:0;}
#archive-month td {border-top:none;}
#archive-days th {background-color:#475542;border-top:1px solid #353b44;}


/* 12.1. Gallery
-------------------------------------------------------------*/
#gallery {background:url(https://s3b.estranky.cz/img/d/1000000094/bg-article.gif) bottom left repeat-x; }

.folder {margin:0 0 10px 0; border:1px solid #475542; clear:both; display:block; height:9.8em; _height:8em; }
.folder .photo-wrap {float:left;}
.folder .photo-wrap div {width: 100px; height:9em; _height:12em; text-align: center; overflow:hidden; background-color:#161411;display:block;padding:10px 0 0 0; border-right:1px solid #475542; }
.folder .photo-wrap div a {border:1px solid #000;display:block;width:75px; margin:0 auto;background-color:#272d23;}
.folder .photo-wrap div a:hover {border:1px solid #66cc00; background-color:#000;}

.folder-info h3 {font-size:15px!important; font-style:normal; display:block;margin:0!important;padding:0!important;letter-spacing:0!important; }
.folder-info h3 a { color: #c00; text-decoration:underline!important; padding:6px 10px 14px 10px; display:block;width:392px; _width:412px;border-bottom:1px solid #475542!important; background-color:#272d23;color:#fff!important;}
.folder-info h3 a:hover {border-bottom:1px solid #475542!important; background-color:#161411;color:#66cc00!important;}

.folder-info {position:relative; display:block; float:right; width:412px;}
.folder-info div {padding:5px 10px; width:186px; display:block; height:1.4em; _height:2.5em; float:left; overflow:hidden; color:#999999; }
.folder-info div span {color:#666;}
.folder-info div a {color:#999999;}
.folder-info div a:hover {color:#fff;}

/* 12.2. Slide
-------------------------------------------------------------*/
.fotoalbum {margin: 10px 0;	padding: 10px; }

#slide {}

#click h3 {color: #fff; display:block;padding:10px;border-bottom:1px solid #475542; }
#click {background: url(https://s3b.estranky.cz/img/d/1000000094/bg-comment-headline.gif) top right no-repeat #272d23; border:1px solid #475542;}
#click p {padding:10px;background: url(https://s3b.estranky.cz/img/d/1000000094/bg-comment-text.gif) top right no-repeat #272d23;margin:0!important;color:#66cc00;}

#noclick {text-align: center;}

.slide-img { text-align: center; display:block; width:100%; background-color:#161411;border-bottom:1px solid #475542;}
.slide-img a { display:block; margin:0 auto; padding:10px;}

.slide-img a img {border: 1px solid #000; }
.slide-img a:hover img { border: 1px solid #66cc00; }

.slidebar {	margin: 15px 0;	width:495px; _width:515px;  overflow: -moz-scrollbars-horizontal; _overflow-x: scroll; _overflow-y: none;white-space: nowrap; background:#131611; padding:10px 10px 0 10px;overflow:auto; height:110px; _height:115px; display:block;border:1px solid #475542;}
.slidebar a {margin-left:5px;}
.slidebar a img {border: 1px solid #000; }
.slidebar a:hover img {	border: 1px solid #66cc00;}


/* 12.3. Thumbnav, Timenav, Slidenav
-------------------------------------------------------------*/
#timenav { background:url(https://s3b.estranky.cz/img/d/1000000094/bg-comment-text.gif) top left no-repeat #272d23; text-align:center; padding:10px; border:1px solid #475542;color:#66cc00;}

.slidenav { padding: 8px 5px 8px 5px; background:url(https://s3b.estranky.cz/img/d/1000000094/bg-comment-headline.gif) no-repeat top right #272d23; font-weight:bold; position:relative; height:28px; _height:45px; display:block; text-align:center;border:1px solid #475542;}
.slidenav br, #thumbnav br { line-height: 0; height: 0;	clear: both;}

.slidenav .back {top:6px; left:10px; position:absolute;width:30px; height:30px; display:block;}
.slidenav .back a { text-indent:-2000px; background:url(https://s3b.estranky.cz/img/d/1000000094/bg-arrows.gif) no-repeat; width:30px; height:30px; display:block; background-position:0 -30px; overflow:hidden;}
.slidenav .back a:hover { background-position:-30px -30px;}

.slidenav .forward {top:6px; left:470px; position:absolute;width:30px; height:30px; display:block;}
.slidenav .forward a { text-indent:-2000px; background:url(https://s3b.estranky.cz/img/d/1000000094/bg-arrows.gif) no-repeat; width:30px; height:30px; display:block; background-position:0 0; overflow:hidden;}
.slidenav .forward a:hover { background-position:-30px 0;}

.slidenav a {color:#66cc00;}
.slidenav a:hover {color:#99ff66;}


/* 13. Search
-------------------------------------------------------------*/
#search {width:160px; display:block;}
#search .inner_frame { display:block; position:relative; width:160px; height:40px; margin-top:10px;}
#search.section { background: none; overflow: hidden!important;}
#search #key { background: #272d23; border: 1px solid #475542; width:120px; height: 17px; _height: 26px; padding: 5px 2px 2px 5px; position: absolute; left:0; top:0; color:#fff; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
#sendsearch { border: 0; background: url(https://s3b.estranky.cz/img/d/1000000094/search-button.gif) no-repeat center center; cursor:pointer; cursor:hand; width:30px; height: 27px; margin:0; text-indent: 200px; position: absolute; left:130px; top:0; font-size:450px; }


/* 14. advertisment
-------------------------------------------------------------*/

#mess-ahead { width:100%; margin:0 auto;background: #000;padding-bottom:8px;}
#mess-ahead div.inner_frame { display:block; width:750px;margin:0 auto;}
#mess-ahead span.adv-title {display:block; padding:4px 0 1px 0; width:750px; text-align:left;margin:0 auto;}

#sky-scraper-block { position: absolute; top:145px; left:50%; _left:0; width:50%; *width:610px; z-index:auto; }
#sky-scraper-block span.adv-title {display:block; text-align:left;color:#666;}
html > body #mess-skyscraper span.adv-title, html > body #mess-skyscraper div.inner_frame { margin: 0!important; }

#mess-skyscraper, #mess-rectangle {margin-bottom:10px; margin-left:490px; float:left; clear:left; _float:right; _clear:right; _margin-left: 0; display:block; }

#mess-square { background:#475542; margin:10px 0 10px -10px;border:1px solid #161411;}
#mess-message, #mess-square {margin-bottom: 20px; background-color:#131611;border:1px solid #000;clear:both;}
#mess-message .inner_frame  { padding:10px; text-align:center;}
#mess-square .inner_frame  { padding:10px 0; text-align:center;}
#mess-message .inner_frame {text-align:left;}

#mess-text { background:#475542; margin:10px 0;border:1px solid #161411; clear:both;}
#mess-text .inner_frame { background: url(https://s3b.estranky.cz/img/d/1000000094/bg-lightest-content-bot.gif) bottom left no-repeat; padding:10px;}

#mess-square span.adv-title,#mess-text span.adv-title, #mess-message span.adv-title, #mess-ahead span.adv-title {display:block; padding:8px 0 0 10px; color:#666; }

.message {  }
.message img {	border: none; display: block; margin: 0 auto;}
.message span.adv-title {font-size: 10px;color: #66cc00;}


/* 15. footer
-------------------------------------------------------------*/
#footer { height:140px; clear:both; text-align: center;}
#footer .inner_frame{ font-size: 11px; text-align: left; padding: 20px 0 0 225px;}
#footer p {color: #666666;}
#footer p a {color: #669933;}
#footer p a:hover {color: #fff;}
#decoration5 { background-color: #000000;  border-top:1px solid #2f2f2f; width:100%!important; height: 150px; display:block; clear:both; margin-top:-130px; _margin-top:-140px;}

/*** Fix package
 *****************************************************************************/

#thumbnav, #photos, #preview-folder { 
 overflow: hidden;
}

#photos .photo-wrap, #preview-folder .box, #thumbnav .box{
 background-color: #475542;
 float: left;
 width: 90px;
 height: 90px;
 margin: 1px 1px;
 _width: 92px;
 _height: 92px;
 =position: relative;
}

#thumbnav .box{
 margin: 1px 4px;
}

#photos .photo-wrap div, #preview-folder .box div, #thumbnav .box div{
 height: 90px;
 width: 90px;
 text-align: center;
 _height: 92px;
 _width: 92px;
 display: table;
 =position: relative;
 overflow: hidden;
}

#thumbnav .box div a, #photos .photo-wrap div a, #preview-folder .box div a {
 =margin: 2px 0px 0px 0px;
 height: 100%;
 =height: auto;
 background-image: none;
 border: 0px solid #f7b1a5;
 =position: absolute;
 =top: 50%;
 =left: 50%;
 display: table-cell;
 vertical-align: middle;
}

#thumbnav .box div a, #photos .photo-wrap div a, #preview-folder .box div a { 
 =border: none;
}

#thumbnav .box div a img, #photos .photo-wrap div a img, #preview-folder .box div a img {
 =position: relative; 
 =top: -50%;
 =left: -50%;
 border: 0px solid #FFF;
}

/******************end of preview*****************/

/* ----------- Facebook------------ */

/* ----------- Like ----------- */
.fb_edge_widget_with_comment{margin:5px 0px; padding:5px; width: 515px;}

/* ----------- fb comment ----------- */
#fb_userpage_comments { margin:10px 0px; padding:5px;}

#thumbnav .wrap { display: block; padding: 8px 0px 8px 5px; _padding-left: 0px;}

#photo-album { padding: 0px 0px 0px 20px; overflow: hidden; width: 95%;}
#articles .article, #folders, #photos{ padding: 0px !important; }
#articles .article {margin: 0px !important;}
.list-of-pages{ text-align: center; position: relative; width: 100%; height: 1.5em; display: block;}
.list-of-pages .previous{ position: absolute; left: 0px; top: 0px;}
.list-of-pages .next{ position: absolute; right: 0px; top: 0px;}

#last-photo, #mail-list, #language{text-align: center;}
#mail-list #send-mail-list{ margin-top: 8px;}
#mail-list #mail-list-key {background: #23272D; border: 1px solid #534d47; width:120px; height: 17px; _height: 26px; padding: 5px 2px 2px 5px; color:#fff; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
#languages a{ margin: 2px 4px; float:left;}

/* title aligment */
h1.title_left {
  text-align: left;
}
h1.title_center {
  text-align: center;
}
h1.title_right {
  text-align: right;
}

#stats th { color: #90EF01; padding-left: 0px; font-weight: normal; text-align: left; font-size: 12px;}

#navigation, #nav-column {position: relative; z-index: 9999;}

.slide-img a {padding: 0;}
.slide-img {padding: 10px 0;}

.slidenav {=margin-top: 10px;}

#footer a.eoldal-footer {top: 3px !important;}

/*******************************************************************************/
#nav-cover form{clear: none !important;}
}