/*
Name: Main Style Sheet
Author: Ludek Cernocky; ludek@faceit.cz, www.faceit.cz
Date: 24.6.2009
Note: Donīt steal, just watch and learn. This CSS is copyrighted like all other stuff on this domain ;)
*/

/*
1. General
2. Construction
3. Header
4. Content
5. Menu
6. Footer

*/

/* 1. GENERAL
---------------------- */
* {margin:0; padding:0;}

body {background: #12161A; color: White; font-family: Verdana, "Geneva CE", lucida, sans-serif; font-size: medium; text-align: center;}

.hide, hr {display: block; position: absolute; left: -9999px; top: 0;}

a {color: #85B5CC; outline: none;}
a:hover {color: #FFD200; text-decoration: none;}
a:focus {color: White; text-decoration: underline;}

h1 {font-size: 150%;}
h2 {color: #85B5CC; font-size: 85.7%; font-weight: normal; margin: 1.5em 0 2em 0; text-transform: uppercase;}
h3 {font-size: 107.2%; font-weight: normal;}

img {border: none; font-size: 12px;}

input, select, textarea {color: #333; font-family: sans-serif; font-size: 85.7%; padding: 1px 2px;}
input[type="text"], textarea {border: 1px solid; border-color:#7C7C7C #C3C3C3 #DDDDDD; }
select {padding: 0;}

small {font-size: 10px;}

table {border-collapse: collapse; font-size: 100%;}

fieldset {border: 0;}

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

.float-left {float: left;}
.float-right {float: right;}

/* 2. CONSTRUCTION
---------------------- */
#all {background: url('../images/bg.gif') repeat 0 0; font-size: 87.5%;}
.inside {margin: 0 auto; position: relative; width: 900px;}

#header {border-top: 4px solid #31454F; height: 88px;}

#main {background: url('../images/bg.gif') repeat 0 0;}
#main, #content, #column {min-height: 200px;}

#main .inside {background: url('../images/main.gif') repeat-y 0 0;}
#main .inside:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* clearfix */

#content, #column {margin: 0; text-align: justify;}
#content {float: right; padding: 10px 46px 15px 51px; width: 584px;}
#column {float: left; padding: 10px 20px 15px 46px; width: 153px;}

menu {position: absolute; top: -46px; left: 382px; height: 30px; z-index: 50;}

/* 3. HEADER
---------------------- */
#header .inside {background: url('../images/header.gif') repeat-x 0 -4px; height: 88px;}
#header h1 a, #header h1 a span {cursor: pointer; display: block; float: left; overflow: hidden; height: 39px; width: 231px; position: absolute; left: 44px; top: 25px; z-index: 10; text-align: left;}
#header h1 a span {background: url('../images/logo.gif') no-repeat 0 0; left: 0; top: 0;}

/* 4. CONTENT
---------------------- */
h3 a {color: #85B5CC;}
  
a.more {font-size: 85.7%; padding-left: 12px}
a.more:hover {background: url('../images/menu-hover.gif') no-repeat 0 50%;}

/* home */
body.home #main .inside {background-image: url('../images/main_home.gif');}
body.home #content {width: 514px;} /* width - (paddingLeft + paddingRight)*/
body.home #column {width: 223px;} /* width - (paddingLeft + paddingRight)*/

/* detail */
body.detail #main .inside {background-image: url('../images/main_detail.gif');}
body.detail #content {float: none; width: auto; padding-left: 46px;}

/* 4.1 Intro */
#intro {background: url('../images/intro.gif') no-repeat 0 0; overflow: hidden; position: relative; height: 436px; width: 900px;}
#intro img {border: 1px solid #141619;}

#intro div.preview {text-align: center;}
#intro div.preview blockquote {border: 1px solid #141619; overflow: hidden; margin: 0 auto; height: 253px; width: 804px;}
#intro div.preview blockquote img {border: none;}
	
#intro div.news {margin-top: 40px; padding: 0 46px; text-align: left;}
#intro div.news blockquote a {margin: 0 28px 0 0;}
#intro div.news blockquote img {display: inline;}
#intro div.news p {padding: 0.5em 0 0 0; text-align: right;}
	
/* 4.2 Breadcrumb navigation */
#breadcrumb {background: #0C0F12;position: relative; text-align: left; top:-1px; width: 100%;}
#breadcrumb p {border-top: 1px solid #161D21; color: #2C3E46; font-size: 10px; margin: 0 46px; padding: 5px 0 8px 0;}
#breadcrumb p strong {color: #85B5CC; font-weight: normal;}
#breadcrumb a {color: #597380;}
#breadcrumb a:hover {color: #FFD200;}
  
/* 4.3 Article */
#content .article {border-bottom: 1px solid #283840; margin: 0 0 1.5em 0; padding: 0 0 1.5em 0; min-height: 30px;}
#content .article:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* clearfix */
#content .article dt, #content .headline {font-size: 10px; margin: 0.5em 0 0.7em 0;}
#content .article dt em, #content .headline em {color: #283840;}
#content .article a.more {display: block; float: right; margin: 1em 0 0 0; padding-left: 11px;}



#content div.headline {margin: 0; padding: 0;}

#content div.userarea {margin: 1.5em 0 0 0; line-height: 125%; text-align: left;}
#content div.userarea p {margin: 0.1em 0; padding: 0.3em 0;}
#content div.userarea ul {margin: 1.5em 2em 1.5em 1em;}
#content div.userarea ul li {margin: 0.3em 1em;}

/* 4.4 Comments */
#content div.comments {border-top: 1px solid #283840; padding-top: 1em;}
#content div.comments h3 {color: #85B5CC; font-size: 85.7%; font-weight: normal; margin: 1.5em 0 2em 0; text-transform: uppercase;}
#content div.comments label {position: absolute; top: 0; left: -9999px;}
#content div.comments legend {display: none;}
#content div.comments dd input {padding: 2px; margin-bottom: 0.7em; width: 200px;}
#content div.comments dd textarea {width: 335px;}
#content div.comments dd img {position: relative; left: 8px; top: 8px;}
#content div.comments fieldset p input {background: #101418; border: 1px solid #1A2529; color: #85B5CC; cursor: pointer; font-weight: bold; margin: 1em 0 2.4em 0; padding: 6px 8px; text-decoration: underline;}
#content div.comments fieldset p input:hover {color: #FFD200;}

#content div.comments-list dl {font-size: 85.7%;}
#content div.comments-list dt strong {color: #85B5CC; font-weight: normal; margin-right: 5px;}
#content div.comments-list dd {border-bottom: 1px solid #283840; margin: 0.5em 0 1.5em 0; padding-bottom: 1.5em;}

#content div.comments-list dt.reply, #content div.comments-list dd.reply {padding-left: 50px;}
#content div.comments-list dt.reply strong {font-weight: bold; color: #fff55c;}

/* guestbook */
#content div.comments-list dt a {display: inline-block; margin: 3px 0;}
#content div.comments-list dt span {color: #283840; float: right; width: 260px;}
#content div.comments-list dt span a {display: inline; margin: 0;}
#content div.comments-list dt span a.delete {color: #CC3300;}
#content div.comments-list dt span a.delete:hover {color: #FFD200;}
#content div.comments-list dt span em {color: White; font-style: normal;}

#content .guestbook dl dt {min-height: 10px;}
#content .guestbook dl dt:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* clearfix */
#content .guestbook dl dt strong {float: left; width: 310px; overflow: hidden; text-align: left;}
#content .guestbook dl dd {margin-top: 1em;}

/* 4.5 Gallery */
#content div.gallery {font-size: 71.4%; min-height: 100px;}
#content div.gallery:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* clearfix */
#content div.gallery blockquote {float: left; margin: 1em 10px 2em 10px; text-align: center; overflow: hidden;}
#content div.gallery blockquote a {border: 2px solid #141619; display: block;}
#content div.gallery blockquote a:hover {border: 2px solid #85B5CC;}
#content div.gallery blockquote em {color: #85B5CC; display: block; font-style: normal; margin: 2px 0px 0 0;}
#content div.gallery blockquote img {width: 120px;}

#content div.preview {border-bottom: 1px solid #283840; margin-bottom: 1.5em; text-align: center;}
#content div.preview p {font-size: 85.7%; margin: 1em auto;}
#content div.preview p em {visibility: hidden; margin: 0 1.5em;}

#content div.description {min-height: 40px;}
#content div.description:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* clearfix */

#content div.description .article {float: left; margin: 0; width: 450px;}
#content div.description .article p {color: #CCC; font-size: 85.7%; margin: 1em 0;}
#content div.description .article p strong {font-weight: normal;}

#content div.description .info {font-size: 85.7%; float: right; margin-top: 10px; width: 315px;}
#content div.description .info blockquote {float: left; width: 100px;}
#content div.description .info dl {float: right; width: 215px; text-align: left;}
#content div.description .info dl dt {clear: left; color: #85B5CC; float: left; margin-bottom: 10px; margin-right: 5px;}
#content div.description .info dl dd {margin-bottom: 10px;}
  
/* 4.6 Column */
#column ul {list-style: none; overflow: hidden; margin-left: -12px; text-align: left;}
#column ul li {font-size: 107.2%; margin: 0 0 0.75em 0;}
#column ul li a {display: block; padding-left: 12px;}
#column ul li a:hover, #column ul li a:focus, #column ul li a.active {background: url('../images/menu-hover.gif') no-repeat 0 50%; color: #FFD200;}
#column ul li a.active {text-decoration: none;}
#column ul li ul {margin: 0.75em 0 0 1em;}
#column ul li ul li {font-size: 80%;}

#column h2.spacer {background:url('../images/h2.gif') no-repeat 0 0; width: 173px; position: relative; padding-top: 35px; padding-left: 46px; left: -46px;}
#column p {text-align: left;}
#column p a {margin: 0.5em 1em 0.5em 0; line-height: 160%;}
#column p .m1 {font-size: 130%;}
#column p .m2 {font-size: 120%;}
#column p .m3 {font-size: 110%;}
#column p .m4 {font-size: 100%;}
#column p .m5 {font-size: 90%;}
#column p .m6 {font-size: 80%;}
#column p .m7 {font-size: 70%;}

/* 5. MENU
---------------------- */
menu {font-size: 114.3%; text-transform: lowercase;}
menu li {border-right: 1px solid Black; display: inline; float: left; margin-right: 17px;}
menu a {color: #FFD200; cursor: pointer; display: block; float: left; padding: 0 30px 0 13px;}
menu a:hover, menu a.active {background: url('../images/menu-hover.gif') no-repeat 0 50%;}
menu a.active {cursor: default; text-decoration: none;}

/* 6. FOOTER
---------------------- */
#footer {background: url('../images/bg-down.gif') repeat-x 0 0; color: #597380; font-size: 85.7%; margin: 0; height: 49px;}
#footer .inside {background: url('../images/footer.gif') no-repeat 0 0; padding-top: 22px;}

#footer a {color: #597380; text-decoration: none;}
#footer a:hover {color: #FFD200; text-decoration: underline;}

#footer ul {list-style: none; text-transform: lowercase;}
#footer ul li, #footer ul li a {display: block; float: left;}
#footer ul li {border-left: 1px solid #1E292E; margin: 0 0 0 0.55em; padding: 0 0 0 0.55em;}
#footer ul li.rss a {background: url('../images/rss.gif') no-repeat 0 50%; padding-left: 20px;}

#footer p {float: right; padding: 0; text-transform: uppercase;}
#footer p span, #footer p a.up {position: absolute; left: -9999px;}





/* Thumbnail - odkazy
----------------------------------------------- */
.thumbnail-link {width: 150px; height: 160px; float: left; text-align: center; font-size: 0.75em;}
.thumbnail-link img {border: 1px solid #000; margin: 0 0 5px 0;}

.thumbnail-link-list {width: 96%; margin-left: 2%;}
.thumbnail-link-list h3 {margin: 0; padding: 0 0 3px 0; font-weight: bold;}
.thumbnail-link-list h3 a, .thumbnail-link-list h3 a:visited {text-decoration: underline;}
.thumbnail-link-list h3 span a, .thumbnail-link-list h3 span a:visited {color: #828282; font-size: 0.75em; font-weight: normal; text-decoration: none;}
.thumbnail-link-list p {margin: 0 0 20px 0; padding: 0; font-size: 0.875em;}

.thumbnail-link-thumblist {clear: both; width: 96%; margin-left: 2%; float: left;}
.thumbnail-link-thumblist img {float: left; border: 1px solid #000; margin: 0 15px 20px 0;}
.thumbnail-link-thumblist .thumbnail-link-list-text {float: left; width: 440px; text-align: left;}
.thumbnail-link-thumblist .thumbnail-link-list-text h3 {margin: 0; padding: 0 0 3px 0;}
.thumbnail-link-thumblist .thumbnail-link-list-text h3 a, .thumbnail-link-thumblist .thumbnail-link-list-text h3 a:visited {text-decoration: underline;}
.thumbnail-link-thumblist .thumbnail-link-list-text h3 span a, .thumbnail-link-thumblist .thumbnail-link-list-text h3 span a:visited {color: #828282; font-size: 0.75em; font-weight: normal; text-decoration: none;}
.thumbnail-link-thumblist .thumbnail-link-list-text p {margin: 0 0 20px 0; padding: 0; font-size: 0.875em;}

.fotografove {float: left; width: 570px; padding-bottom: 15px;}
.fotografove div {float: left;}
.fotografove-right {padding-left: 15px; width: 450px;}
.fotografove-right strong a {font-weight: normal; display: block;}

.clear {clear: both;}



/* Strankovani
----------------------------------------------- */
#centering {clear: both; float: left; width: 100%; overflow: hidden; padding: 15px 0;}
#centering-clanky li {font-size: 0.75em;}


#pagination {padding: 0; margin: 0 auto; list-style-type: none; float: left; position: relative; left: 50%; font-size: 1.25em;}
#pagination li {color: #000; float: left; position: relative; right: 50%; font-weight: normal;}
#pagination li a {width: auto; display: block; padding: 2px 4px; text-decoration: none;}
#pagination li a:hover {color: #fff;}

#pagination .active {padding: 2px 4px; color: #FFD200;}
#pagination .active:hover {color: #fff; cursor: pointer;}


.mapa-stranek ul, .mapa-stranek ul li {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; list-style: none; line-height: 1.7em;}
.mapa-stranek ul {margin-left: 25px;}
.mapa-stranek ul li {list-style: circle;}
.mapa-stranek ul li ul {list-style: none; margin-left: 0; line-height: 1.7em;}
.mapa-stranek ul li ul li {padding-left: 20px; display: block; list-style: none;}
.mapa-stranek ul li.no-circle {list-style: none;}


.alert-bad {text-align: left; border: 1px solid red; width: 450px; font-size: 0.875em; padding: 5px 5px 5px 35px; font-weight: bold; background: url(../images/cancel.jpg) no-repeat 8px 4px #ffe3e3; margin: 10px 0 30px 2%; color: #000;}
.alert-good {text-align: left; border: 1px solid green; width: 450px; font-size: 0.875em; padding: 5px 5px 5px 35px; font-weight: bold; background: url(../images/accept.jpg) no-repeat 8px 4px #d4ead4; margin: 10px 0 30px 2%; color: #000;}