/*
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: #D0EBED;}

body {background: #D0EBED; 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: #7CC9CF url('../img/bg.jpg') repeat-x 0 0; height: 164px;}

#main {background: #DAECED url('../img/bg.jpg') repeat-x 0 -164px; 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: #D0EBED url('../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: block; 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; position: absolute; top: 0; left: 0; height: 92px; padding: 0;}
h1 a:hover, h1 a:hover span {background-position: 0 -92px; color: #333;}

/* 3.2. Menu */
menu {background: White url('../img/menu/bg-left.jpg') 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 #D0EBED; 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: #498D93; 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: #8CC63F; text-decoration: underline;}

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

menu li.first {padding-left: 15px;}
menu li.last {background: White url('../img/menu/bg-right.jpg') 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: 165px; height: 30px; text-align: left;}
#header p a {color: #9ABDC6;}
#header p a:hover {color: #509CAF;}
#header p span {color: #336666;}

/* 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: url('../img/content/top.gif') no-repeat 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 #D0EBED; margin: 0 0 1em 0; padding-bottom: 0.7em;}

/* question and answers */
#content div.question-answers {border-bottom: 1px dashed #D0EBED; 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;}
.pris a{float:right;color: #F15922; display: block; font-size: 60%; letter-spacing: 0; margin: 2px 0 0 0; width: auto;}
.pris {float:right;color: #F15922; display: block; font-size: 60%; letter-spacing: 0; margin: 2px 0 0 0; width: auto;}
.question-answers .next_comms {float:right;margin-top:20px;}
.registrace{float:right;}
.nastaveni{float:right;}
.odhlasit{float:right;}
.change_pass{float:right;}
/* 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;}
#content div.question-answers dl dt img {display: block; margin: 4px 0 0 5px;}

/* answer content */

#content div.question-answers dl dd h3 strong{color: Black; font-size: 100%; font-weight: normal; text-decoration:underline;}
#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 #D0EBED}
#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: #7BB3B8 url('../img/content/list-of-pages.jpg') 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: #63A0A6; display: block; padding: 1px 0 0 21px; text-decoration: underline;}
#content div.rss a:hover {color: #336666;}

#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: #63A0A6; display: block; padding: 1px 0 0 21px; text-decoration: underline;}
#content div.rss_vlevo a:hover {color: #336666;}

/* subpage - RSS */

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

/* 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 #D0EBED; 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 {background: url('../img/content/profile.gif') no-repeat 0 0; float: left; margin: 0 2.25em 1.25em 0; height: 246px; width: 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 #D0EBED; 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: White url('../img/right-column/nav-content.jpg') repeat-y 0 0; margin-left: 22px; position: relative; margin-top: 120px; width: 242px;}

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


#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 {background: url('../img/right-column/nav-bottom.jpg') no-repeat 0 100%; margin-top: 15px; padding-bottom: 10px; width: 241px;}
#navigation ul li {border-top: 1px dashed #D0EBED; 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;}
#navigation input{text-align:center;}
/* partners */
#partners {margin: 2em 0 0 0; margin-left: 22px; text-align: center; width: 242px;}
#partners h3 {font-weight:500;}
#partners a {font-size: 80%; padding-top: 14px;text-decoration:none;}
#partners a, #partners a span {cursor: pointer; margin: 0.5em auto; display:block; position: relative; text-align: center; height: 44px; width: 100px;}
#partners .text {color: #4F4F4F;}
#partners .text:hover {color: black;}

#partners .prvnim .img_p {background: url('../img/partners/1M.gif') no-repeat 0 0;}
#partners .jobs .img_p  {background: url('../img/partners/jobs.gif') no-repeat 0 0;}
#partners .paysec .img_p  {background: url('../img/partners/paysec.gif') no-repeat 0 0;}

#partners .prvnim .text {margin-top:-4px;}
#partners .paysec .text {margin-top:-7px;}

#partners .img_p:hover {background-position: 0 -44px;}


#partners .jobs{margin-top:40px;}
#partners .paysec{margin-top:37px;}

/* 6. Footer
-----------------------------*/
#footer a {color: #4B8F95; text-decoration: none;}
#footer a:hover {color: #336666;}

#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: #63A0A6; 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;}

.border-dashed{border-bottom:1px dashed #D0EBED;}

.message_tip {
 
  display:none;
  background-color: white;
  padding: 10px;
  position: fixed;
  left: 30%;
  top: 30%;
  width: 400px;
  border: 5px solid #DAECEE;
  font-size: 17px;
  text-align: left;
  color:black;
  filter: alpha(opacity=100);
  opacity: 1;
  -moz-opacity: 1;
  z-index:1001;;
}


  
.message_tip a{
  color:#FF6633;
  text-align: center;
}

.message_tip p{
display:block;font-size:80%;
}

.message_tip h1{
  color:#323232;
}

.message_tip input{
  border:1px solid #D1EAEE;
}

.message_tip .submit{
  border:1px solid #C8C8C8;
}

#reg table td{text-align:right;}


.visible_tip {
  display:none;
  background-color: black;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  filter: alpha(opacity=60);
  opacity: 0.6;
  -moz-opacity: 0.6;
  z-index:1000;
}

.close_win{float:right;}

.errors{color:red;}

.lost_pass{font-size:70%;color:silver;text-decoration:none;}

.posun-top{position:absolute;top:20px;}

.submit_comm{width:78px;height:55px;position:absolute;left:385px;top:25px;float:right;}

.textarea_focus{height:49px;width:370px}