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

1. Main
2. Construction
3. Header
	3.1 Logo
	3.2 Menu
4. Content
5. Footer

*/

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

html {background: #6FB9DB;}

body {background: #6FB9DB; color: Black; font-family: sans-serif; font-size: medium; text-align:center; /* for older browsers */}

p {line-height: 140%; margin: 0.3em 0; padding: 0.1em 0 0.5em 0;}

.hide, hr {display: none;}

input, textarea {font-family: sans-serif; font-size: 100%;}

/* links */
a {color: Black; outline: none;}
a:hover {color:#333; text-decoration: none;}

/* headlines */
h1 {color: White; font-size: 200%; text-align: left;}
h2 {color: #333; font-size: 166.7%; font-weight: normal; letter-spacing: -1px;}
h3 {color: #555; font-size: 125%;}

/* 2. Construction
-----------------------------*/
.inside {font-size: 93.7%; margin: 0 auto; position: relative; width: 906px;}

#header {background: url('../img/top-repeat.jpg') repeat-x 0px 0; height: 164px;}
#header .inside {background: url('../img/content/top.jpg') repeat-x 0px 0; height: 164px;}

#main {background: #6FB9DB; padding-top: 30px; padding-bottom: 1.5em;}
body.subpage #main {padding-bottom: 3em;}
#main:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

#content {background: White; float: left; text-align: justify; margin: 20px 0 30px 0; width: 640px;}
#right-column {float: right; text-align: center; width: 265px;}

#footer {background: #ceedffurl('../img/footer.jpg') repeat-x 0 0; border-top: 1px dashed #AFD8DC; min-height: 30px; padding-top: 1.5em;}

/* 3. Header
-----------------------------*/

/* 3.1 Logo */
h1 a, h1 a:link, h1 a span {color: Black; cursor: pointer; display: none; float: left; overflow: hidden; width: 359px; height: 72px; padding: 20px 0 0 25px; position: relative; left: -5px; top: 55px; z-index: 10;}
h1 a span {/*background: url('../img/logo.png') no-repeat 0 0; */display:none;position: absolute; top: 0; left: 0; height: 92px; padding: 0;}
h1 a:hover, h1 a:hover span {background-position: 0 -92px; color: #333;display:none;}

/* 3.2. Menu */
menu {background: url('../img/menu/bg-left.png') no-repeat 0 100%; min-height: 49px; max-height: 70px; position: absolute; top: 0; right: 0; z-index: 1000;}

menu li {background: transparent url('../img/menu-spacer.jpg') no-repeat 100% 50%; border-right: 1px dashed #ceedff; display: block; float: left; list-style: none; margin: 0 0 0 17px; min-height: 31px; padding-top: 7px; }
menu li a {font-size: 120%; padding-right: 17px;}

menu li a, #navigation ul li a, #content div.media dl dd blockquote a, dir a {color: #6294B9; text-decoration: none;}
menu li a.active, menu li a:hover, #navigation ul li a.active, #navigation ul li a:hover, #content div.media dl dd blockquote a:hover, dir a:hover {color: #123897; text-decoration: underline;}

menu li a.active {font-weight: bold; text-decoration: none;}

menu li.first {padding-left: 15px;}
menu li.last {background: #2998CF url('../img/menu/bg-right.png') no-repeat 100% 100%; border-right: none; min-height: 42px; padding-right: 20px;}

/* 3.3 Breadcrumb */
#header p {color: #c4e2e9; font-size: 73.3%; margin: 0; padding: 0; position: absolute; left: 25px; top: 172px; height: 30px; text-align: left;}
#header p a {color: black;}
#header p a:hover {color: #509CAF;}
#header p span {color: #123897;}

/* 4. Content
-----------------------------*/
#content h2 {margin: 0.25em 0 1em 0;}
#content .inside {font-size: 100%; margin: 0; padding: 0 25px 15px 25px; width: 590px;}

#content .inside em.top {background:transparent url(../img/content/top.gif) no-repeat scroll 0 0;display: block; position: absolute; top: -20px; left: 0px; height: 20px; width: 640px; z-index: 15;}

/* perex */
#content div.perex {border-bottom: 1px dashed #ceedff; margin: 0 0 1em 0; padding-bottom: 0.7em;}

/* question and answers */
#content div.question-answers {border-bottom: 1px dashed #ceedff; margin: 0 0 1.5em 0; padding-bottom: 0.5em;}
#content h2 small {color: #F15922; display: block; font-size: 60%; letter-spacing: 0; margin: 2px 0 0 0; width: auto;}

/* answer */
#content div.question-answers dl {margin: 0; padding: 0.5em 0;}

/* portrait */
#content div.question-answers dl dt, #content div.question-answers dl dd {margin-bottom: 10px;}
#content div.question-answers dl dt {background: url('../img/content/answers/img.gif') no-repeat 0 0; clear: left; float: left; font-size: 73.3%; height: 106px; width: 130px;}
#content div.question-answers dl dt a, #content div.question-answers dl dt a img {border: none;padding-left:4px;padding-top:4px;}
#content div.question-answers dl dt a {display: block; margin: 4px 0 0 5px;}

/* answer content */
#content div.question-answers dl dd {background: #F3FAFB url('../img/content/answers/dd.gif') repeat-y 0 0; margin-left: 130px; min-height: 106px; position: relative; width: 464px;}
#content div.question-answers dl dd h3 {background: url('../img/content/answers/h3.gif') no-repeat 0 0; color: Black; font-size: 100%; font-weight: normal; width: 454px; margin-bottom: 10px; padding: 7px 0 0 10px;}
#content div.question-answers dl dd h3 small {color: #333; display: block; margin: 3px 0 5px 0;}
#content div.question-answers dl dd em {color: #F15922; font-size: 73.3%; font-style: normal; font-weight: bold; position: absolute; right: 10px; top: 9px; }
#content div.question-answers dl dd em a {color: #F15922; text-decoration: none;}
#content div.question-answers dl dd em a:hover {color: #FD4300; text-decoration: underline;}
#content div.question-answers dl dd p {background: url('../img/content/answers/p.gif') no-repeat 0 100%; font-size: 80%; line-height: 150%; min-height: 38px; margin: 0; padding: 8px 10px;}
#content div.question-answers dl dd p strong {text-transform:uppercase;color: #339999; font-size: 158.3%; font-weight: normal; padding-right: 5px;}

/* public poll */
#content div.poll {padding-bottom: 1.5em;border-bottom: 2px dashed #ceedff}
#content div.poll p {font-size: 80%; margin-left: 2px;}
#content div.poll p.hlasoval {text-align:center;font-size:110%;color: #F15922;font-weight:bold;}

#content div.poll table {margin: 0 0 2em 3em;}
#content div.poll table th, #content div.poll table td {font-weight: normal; padding: 0.4em 1em; text-transform: uppercase; vertical-align: middle; text-align: left;}
#content div.poll table td {padding-right: 0.5em;}
#content div.poll table th {color: #666; font-size: 80%;}
#content div.poll table th a {color: #339999; font-size: 125%; font-weight: bold; margin-left: 5px;}

#content div.poll table td span {background: url('../img/content/poll/bg.gif') no-repeat 0 0; display: block; height: 14px; width: 248px;}
#content div.poll table td span img {margin: 3px 0 0 5px; height: 8px;}

/* list of pages */
#content div.list-of-pages {background: #6FB9DB url('../img/content/list-of-pages.gif') no-repeat 0 100%; margin: 0; padding: 5px 0 0 0; height: 25px; width: 640px; position: absolute; left: 0px; bottom: 0px; z-index: 15;}
#content div.list-of-pages span {display: none;}
#content div.list-of-pages a {color: #333; float: left; margin: 0 0 0 25px; text-decoration: none;}
#content div.list-of-pages a:hover {color: White; text-decoration: underline;}
#content div.list-of-pages a.next {float: right; margin: 0 25px 0 0;}

/* subpage */
body.subpage #content div.list-of-pages {background: transparent url('../img/content/bottom.gif') 0 100%; bottom: -25px;}

/* hp and pages with bottom blue next and previous links - RSS */

#content div.rss {font-size: 73.3%; position: absolute; bottom: -30px; left: 0;}
#content div.rss a {background: url('../img/rss.gif') no-repeat 0 50%; color: black; display: block; padding: 1px 0 0 21px; text-decoration: underline;}
#content div.rss a:hover {color: #123897;}

#content div.rss_vlevo {font-size: 73.3%; position: absolute; bottom: -30px; left: 0;}
#content div.rss_vlevo a {background: url('../img/rss.gif') no-repeat 0 50%; color: black; display: block; padding: 1px 0 0 21px; text-decoration: underline;}
#content div.rss_vlevo a:hover {color: #123897;}

/* subpage - RSS */

body.subpage #content div.rss_vlevo {bottom: -55px; margin-left: 10px;}
body.subpage #content div.rss {bottom: -55px; margin-left: 560px;color:white;}

/* Kontakt */
#content address {font-style: normal; margin: 4em auto 1.5em auto; text-align: center;}
#content address a {background: url('../img/mail.png') no-repeat 0 0; color: #339999; font-size: 120%; height: 44px; padding: 15px 0 15px 55px;}
#content address a:hover {background: url('../img/mail2.png') no-repeat 0 0; color: #66CCCC;}

/* Media */
#content div.media dl {border-bottom: 1px dashed #ceedff; margin: 0.5em 0 1em 0; padding: 0;}

#content div.media dl dt {margin: 2em 0 0 0;}
#content div.media dl h3 {font-size: 120%;padding-bottom: 12px;}
#content div.media dl h3 a {border-bottom: 1px solid #EEE; color: #444; text-decoration: none;}
#content div.media dl h3 a:hover {border-bottom: 1px solid #666; color: Black;}
#content div.media dl h3 small {color: #F15922; display: block; font-size: 61.1%; margin: 5px 0 0 0;}

#content div.media dl dd {color: Black; line-height: 140%; margin: 0; }
#content div.media dl dd p {color: #444; font-size: 80%;padding-bottom:10px;}
#content div.media dl dd p strong {color: #666; padding-right: 1px;}
#content div.media dl dd p span {color: #6F6F6F; padding: 0 3px;}
#content div.media dl dd blockquote {text-align: right;}

/* Profile */
#content div.profile {font-size: 80%; padding: 1.5em 0;min-height:170px;}
#content div.profile blockquote {float: left; margin: 0 2.25em 1.25em 0; height: 246px; }
#content div.profile blockquote img {margin: 4px 0 0 4px;}

#content div.profile div h3 {color: Black; margin: 0 0 1em 0;}
#content div.profile div h3 small {color: #333; font-weight: normal;}
#content div.profile div p {padding: 0.75em 0;min-height:170px;}

#content div.profile dir {border-top: 1px dashed #ceedff; font-size: 125%; height: 10px; margin: 2em 0 0.5em 0; padding: 1.5em 0 0 0; width: 100%;}
#content div.profile dir li {display: block; float: left; margin: 0.5em 0 0 0; width: 40%;}
#content div.profile dir li a {text-decoration: underline;}
#content div.profile dir li.osobnosti {text-align: right; width: 60%;}
#content div.profile dir li.osobnosti a { padding: 15px 0 15px 40px;}

/* 5. Right column
-----------------------------*/

/* navigation */
#navigation {/*background: url('../img/right-column/nav-content.gif') repeat-y 0 0;*/margin-left: 22px; position: relative; margin-top: 0px;}

#navigation h3 {background: url('../img/right-column/nav-top.gif') no-repeat 0 0; color: #123897; font-size: 100%; height: 30px; padding-top: 45px; text-transform: uppercase; width: 100%;}
#navigation h3 a{color: #6294B9; font-size: 100%; height: 30px; padding-top: 45px; text-transform: uppercase; width: 100%;text-decoration:none;}
#navigation h3 :hover{color: #123897; text-decoration:underline;}

#navigation .background {background: url('../img/right-column/nav-content.gif') repeat-y 0 0;position:relative;top:-1px;margin-bottom:-1px;}

#navigation .navigation-bottom {background: url('../img/right-column/nav-bottom.gif') no-repeat 0 100%;}

#navigation blockquote {width: 181px; margin: 0 auto;}
#navigation blockquote:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#navigation blockquote {display: inline-block;}
#navigation blockquote a {background: #F3FAFB; border: 1px solid #E1F3F5; float: left; font-size: 73.3%; display: block; width: 52px; height: 52px; margin: 3px; overflow: hidden; position: relative;}
#navigation blockquote a:hover {background: #E1F6F9; border-color: #9ED8DE;}
#navigation blockquote a img {border: none; margin: 4px; }

#navigation ul { margin-top: 15px; padding-bottom: 10px; width: 241px;}
#navigation ul li {border-top: 1px dashed #ceedff; display: block; list-style: none; margin-left: 6px; padding: 13px 0; width: 231px;}

#navigation em {/*background: url('../img/right-column/balloons.png') no-repeat 0 100%;*/ display: block; position: absolute; top: -251px; left: 47px; height: 252px; width: 148px; z-index: 15;}

/* partners */

/* 6. Footer
-----------------------------*/
#footer{background: #ceedff;}
#footer a {color: #6294B9; text-decoration: none;}
#footer a:hover {color: #123897;}

#footer ul {float: left;}
#footer ul li {background: url('../img/footer/spacer.jpg') no-repeat 100% 60%; display: inline; list-style: none; margin: 0 0.5em 0 0; padding-right: 1em;}

#footer p {float: right; margin: 0; padding: 0;}

#footer p a, #footer p a span {background: url('../img/footer/faceit.jpg') no-repeat 0 0; cursor: pointer; display: block; float: right; font-size: 77.4%; position: relative; top: -5px; width: 39px; height: 28px;}
#footer p a span { position: absolute; top: 0; left: 0;}
#footer p a:hover span {background-position: 0 -28px;}

#footer p em {display: none;}

/* Other */

.cleaner{width: 100%;height: 0;visibility: hidden;clear: both;}
#pejsek {margin: 2em 0 0 0; margin-left: 22px; text-align: center; width: 242px;}
.osobnosti_dole{font-size: 73.3%; position: absolute; bottom: -55px; }
.osobnosti_dole a{color: black; display: block; padding: 1px 0 0 0px; text-decoration: underline;}

.osobnosti img{border:1px solid #E1F3F5;background:#F3FAFB none repeat scroll 0 0;padding:5px;margin:5px;}
.osobnosti h4{color: #333333;padding-top:5px;}
.osobnosti h4 a{color: #333333;padding-top:5px;}

.osobnosti_vypis{display:block;min-height:120px;}
.osobnosti_vypis h3{font-weight:normal;font-size:100%;padding-top:5px;position:relative;left:10px;}
.osobnosti_vypis h3 small{}

.spem{display:none;}

.question-answers h2{font-size:130%;}