/*  
Template name: Natural Gloom
Template URI: http://templates.arcsin.se/natural-gloom-website-template/
Release date: 2009-05-19
Last updated: 2009-08-14
Description: A gloomy and artistic two-column template.
Author: Viktor Persson
Author URI: http://arcsin.se/

This template is licensed under a Creative Commons Attribution 2.5 License:
http://templates.arcsin.se/license/
*/

/* 
   Reset
------------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, input, select {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
table {border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
table, td, th {vertical-align: middle;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
:focus {outline: 0;}


/* 
   General 
------------------------------------------------------------------- */

html {	height: 100%;	padding-bottom: 1px; /* force scrollbars */}

body {
	background: #797E84 url('img/body.jpg');
	color: #444;
	font: normal 80% sans-serif;
	line-height: 1.5; }

/* 
   Typography 
------------------------------------------------------------------- */

/* Headings */

h1,h2,h3,h4,h5,h6 {
	color: #555;
	font-weight: normal;
	line-height: 1;
	margin: .3em 0 .5em;
	padding: .2em 0;
}
h4,h5,h6 {font-weight: bold;}

h1 {font-size: 2.6em;}
h2 {font-size: 1.7em;}
h3 {font-size: 1.5em;}
h4 {font-size: 1.25em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0;}


/* Text elements */

p { padding: .2em 0; margin: .6em 0;}

a {	color: #357;	text-decoration: none;}
a:focus,a:hover {color: #000;}

a#odkazdoadminu { color:#fff; background:#191919; padding: 3px 6px }


abbr, acronym {border-bottom: 1px dotted #666;}
address {margin-bottom: 1.5em;}
blockquote {margin: 1.5em;}
del, blockquote {color: #666;}
em, dfn, blockquote, address {font-style: italic;}
strong, dfn {font-weight: bold;}
sup, sub {line-height: 0;}

pre {	margin: 1.5em 0;	white-space: pre;}
pre,code,tt {	font: 1em monospace;	line-height: 1.5;}

body {
font-family: 'Open Sans Condensed', sans-serif;
}

/* CSS Code */
.popScroll
{
position:fixed; z-index:10; top:0;
display:    table;
text-align: center;
width:      100%;
height:     100%;

}


.popup
{
  z-index: 10;
width:450px;
height:230px;
position:relative;
margin:20px auto;
display:block;
text-align:center;
-moz-background-clip: padding;
-o-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box; /* prevents bg color from leaking outside the border */
background-color: #fff; /* layer fill content */
-moz-box-shadow: 0 0 10px rgba(0,0,0,.18); /* drop shadow */
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.18); /* drop shadow */
-o-box-shadow: 0 0 10px rgba(0,0,0,.18); /* drop shadow */
box-shadow: 0 0 10px rgba(0,0,0,.18); /* drop shadow */
-webkit-transform-origin:top center;
-moz-transform-origin:top center;
-o-transform-origin:top center;
transform-origin:top center;
-webkit-animation: iconosani 1.2s forwards;
animation: iconosani 1.2s forwards;
-moz-animation: iconosani 1.2s forwards;
-o-animation: iconosani 1.2s forwards;
}

@-webkit-keyframes iconosani {
    0% {
        -webkit-transform: perspective(800px) rotateX(-90deg);
        -moz-transform: perspective(800px) rotateX(-90deg);
        -o-transform: perspective(800px) rotateX(-90deg);
        opacity: 1;
    } 
    40% {
        -webkit-transform: perspective(800px) rotateX(30deg);
        -moz-transform: perspective(800px) rotateX(30deg);
        -o-transform: perspective(800px) rotateX(30deg);
        opacity: 1;
    }
    70% {
        -webkit-transform: perspective(800px) rotateX(-10deg);
        -moz-transform: perspective(800px) rotateX(-10deg);
        -o-transform: perspective(800px) rotateX(-10deg);
    }
    100% {
        -webkit-transform: perspective(800px) rotateX(0deg);
        -moz-transform: perspective(800px) rotateX(0deg);
        -o-transform: perspective(800px) rotateX(0deg);
        opacity: 1;
    }
}


.popScroll h1
{
  height: 60px;
  position: relative;
  color: #fff;
  font: 25px/60px sans-serif;
  text-align: center;
  text-transform: uppercase;
  background: #3D79D0;
}
.popScroll form{
margin:10px auto;
}

.subscribe-widget .email-form {
font-size: 13px;
color: #999999;
padding-left: 6px;
width: 270px;
border: 1px solid #e0e0e0;
padding: 5px 0 5px 5px;
line-height: 25px;
}

.subscribe-widget .button {
background: #3D79D0;
padding: 6px 15px;
color: #fff;
border: none;
line-height: 25px;
margin-left:0;
cursor:pointer;
}

input[type="submit"] {
-webkit-appearance: button;
-moz-appearance: button;
-o-appearance: button;
cursor: pointer;
}

.popScroll p { padding: 1px 5px; 	font-family: 'Open Sans'; font-size: 17px; margin-bottom: 10px;  }


#option { position: relative; }

.boxi {
	display: inline-block;
	width: 169px;
	line-height: 42px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	}

#home { 
	background: #3D79D0;
	}

#close { 
	background: #D21111;
	}

.popScroll em {
	width: 42px;
	display: inline-block;
	position: relative;
	margin: 0 -20px;
	line-height: 42px;
	background: #fff;
	color: #777;
	text-align: center;
	border-radius: 50px;
	}

#home:hover { background: #1852C7;  }
#close:hover { background: #B30E0E; }


body.overlay:after{
  content:'';
  width:100%;
  height:100%;
  top:0px; left:0px;
  z-index:0;
  opacity:.8;
position:fixed; top:0; left:0; bottom:0; right:0;
  background:#000;
}

body.overlay{ /* Prevents scrolling */
  overflow:hidden;
  max-height:100%;
  max-width:100%;
}


.ribbon {
  position: absolute;
  z-index: 100;
  width: 100px;
  height: 100px;
  overflow: hidden;
}

.ribbon.top-left {
  top: -2.6px;
  left: -5px;
}

.ribbon.top-left.ribbon-primary > small {
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF428BCA', endColorstr='#FF2A6496');
  background-image: -moz-linear-gradient(top, #428bca 0%, #2a6496 100%);
  background-image: -webkit-linear-gradient(top, #428bca 0%, #2a6496 100%);
  background-image: linear-gradient(to bottom, #428bca 0%, #2a6496 100%);
  position: absolute;
  display: block;
  width: 100%;
  padding: 8px 10px;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 65%;
  color: white;
  background-color: #428bca;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -moz-box-shadow: 0 3px 6px -3px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 3px 6px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 6px -3px rgba(0, 0, 0, 0.5);
  top: 16px;
  left: -27px;
}
.ribbon.top-left.ribbon-primary > small:before, .ribbon.top-left.ribbon-primary > small:after {
  position: absolute;
  content: " ";
}
.ribbon.top-left.ribbon-primary > small:before {
  left: 0;
}
.ribbon.top-left.ribbon-primary > small:after {
  right: 0;
}
.ribbon.top-left.ribbon-primary > small:before, .ribbon.top-left.ribbon-primary > small:after {
  bottom: -3px;
  border-top: 3px solid #0e2132;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
}

.banner
{
width:300px;
height:250px;
position:relative;
margin:10px auto;
display:block;
text-align:center;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box; /* prevents bg color from leaking outside the border */
background-color: #fff; /* layer fill content */
-moz-box-shadow: 0 0 10px rgba(0,0,0,.18); /* drop shadow */
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.18); /* drop shadow */
box-shadow: 0 0 10px rgba(0,0,0,.18); /* drop shadow */
}

.adstext
{
margin-top:20px; color:#000; position:relative;
}


@media screen and (max-width: 600px) {


.popup
{
width:370px;
height:480px;
}


.popScroll h1
{
  height: 40px;
  font: 18px/40px sans-serif;
}

.subscribe-widget .email-form {
width:210px;
}

.adstext
{
margin-top:20px;
}

}

@media screen and (max-width: 400px) {


.popup
{
width:350px;
height:480px;
}


.popScroll h1
{
  height: 40px;
  font: 18px/40px sans-serif;
}

.subscribe-widget .email-form {
width:210px;
}


.banner
{
margin:10px auto;

}

.adstext
{
margin-top:20px;
}
}

input.email-form:active, input.email-form:focus {
  -webkit-animation: fade 0.55s ease-in;
  -moz-animation: fade 0.55s ease-in;
  animation: fade 0.55s ease-in;
}

@-webkit-keyframes fade {
  0% {
    box-shadow: 0 0 0 0 transparent;
  }

  66% {
    box-shadow: 0 0 0 10px #3D79D0, 0 0 0 12px white;
  }

  100% {
    box-shadow: 0 0 0 20px  transparent, 0 0 0 22px  transparent;
  }
}
@-moz-keyframes fade {
  0% {
    box-shadow: 0 0 0 0 transparent;
  }

  66% {
    box-shadow: 0 0 0 10px #3D79D0, 0 0 0 12px white;
  }

  100% {
    box-shadow: 0 0 0 20px  transparent, 0 0 0 22px  transparent;
  }
}
@-o-keyframes fade {
  0% {
    box-shadow: 0 0 0 0 transparent;
  }

  66% {
    box-shadow: 0 0 0 10px #3D79D0, 0 0 0 12px white;
  }

  100% {
    box-shadow: 0 0 0 20px  transparent, 0 0 0 22px  transparent;
  }
}
@keyframes fade {
  0% {
    box-shadow: 0 0 0 0 transparent;
  }

  66% {
    box-shadow: 0 0 0 10px #3D79D0, 0 0 0 12px white;
  }

  100% {
    box-shadow: 0 0 0 20px  transparent, 0 0 0 22px  transparent;
  }
}


/* POPUP */

.box {
    display: table;
    top: 0;
    visibility: hidden;
    -webkit-transform: perspective(1200px) rotateY(180deg) scale(0.1);
    -ms-transform: perspective(1200px) rotateY(180deg) scale(0.1);
    -moz-transform: perspective(1200px) rotateY(180deg) scale(0.1);
    transform: perspective(1200px) rotateY(180deg) scale(0.1);
    top: 0;
    left: 0;
    z-index: -1;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: 1s all;
}

.box p {
    display: table-cell;
    vertical-align: middle;
    font-size: 64px;
    color: #ffffff;
    text-align: center;
    margin: 0;
    opacity: 0;
    transition: .2s;
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.box p i {
    font-size: 128px;
    margin:0 0 20px;
    display:block;
}

.box .close {
  display:block;
  cursor:pointer;
  border:3px solid rgba(255, 255, 255, 1);
  border-radius:50%;
  position:absolute;
  top:50px;
left:50px;
  width:50px;
  height:50px;
  -webkit-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  transform:rotate(45deg);
  transition: .2s;
  -webkit-transition-delay: 0.2s;
  -ms-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  transition-delay: 0.2s;
  opacity:0;
}

.box .close:active {
    top:51px;
}

.box .close::before {
  content: "";
  display: block;
  position: absolute;
  background-color: rgba(255, 255, 255, 1);
  width: 80%;
  height: 6%;
  left: 10%;
  top: 47%;
}

.box .close::after {
  content: "";
  display: block;
  position: absolute;
  background-color: rgba(255, 255, 255, 1);
  width: 6%;
  height: 80%;
  left: 47%;
  top: 10%;
}

.box.open {
    left: 0;
    top: 0;
    visibility: visible;
    opacity: 1;
    z-index: 999;
    -webkit-transform: perspective(1200px) rotateY(0deg) scale(1);
    -moz-transform: perspective(1200px) rotateY(0deg) scale(1);
    -ms-transform: perspective(1200px) rotateY(0deg) scale(1);
    transform: perspective(1200px) rotateY(0deg) scale(1);
    width: 100%;
    height: 100%;
}

.box.open .close, .box.open p {
    opacity: 1;
}









#card {
  font-family: Georgia;
  background: #fff;
  width: 450px;
  height: 185px;
  margin: 200px auto;
  padding: 10px 25px 30px 25px;

  border: 1px solid white;
  -webkit-box-shadow: -1px 1px 8px 5px rgba(0, 0, 0, 0.2), inset 0 0 30px rgba(0, 0, 0, 0.1);
  -o-box-shadow: -1px 1px 8px 5px rgba(0, 0, 0, 0.2), inset 0 0 30px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: -1px 1px 8px 5px rgba(0, 0, 0, 0.2), inset 0 0 30px rgba(0, 0, 0, 0.1);
  -khtml-box-shadow: -1px 1px 8px 5px rgba(0, 0, 0, 0.2), inset 0 0 30px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: -1px 1px 8px 5px rgba(0, 0, 0, 0.2), inset 0 0 30px rgba(0, 0, 0, 0.1);
  box-shadow: -1px 1px 8px 5px rgba(0, 0, 0, 0.2), inset 0 0 30px rgba(0, 0, 0, 0.1);
  text-align: center; }
  #card spa {
    color: #dc152c;
    font-weight: normal;
    font-size: 48px;
margin-bottom:10px;}
    #card spa::first-letter {
      color: #194ff7; }
    #card spa b {
      color: #f1840b;
      font-weight: normal; }
    #card spa b + b {
      color: #194ff7; }
    #card spa b + b + b {
      color: #00940e; }

.content {
  text-align: left;
  /* Pure CSS3 typing animation with steps() :
     http://lea.verou.me/2011/09/pure-css3-typing-animation-with-steps/ */ }
  .content ul {
    padding: 0;
    margin: 5px;
    font: 16px Arial; }
    .content ul li {
      list-style: none; }
      .content ul li a {
        color: #12C; }
      .content ul li span {
        display: block;
        width: 100%;
        margin-bottom: 2px; }
        .content ul li span:nth-child(2) {
          margin-bottom: 10px; }
          .content ul li span:nth-child(2) a {
            color: #093;
            text-decoration: none; }
        .content ul li span:nth-child(3), .content ul li span:nth-child(4) {
          font-size: 14px; }
  .content .text {
    border: 1px solid #7ec6fd;
    float: left;
    width: 100%;
    margin-bottom: 10px; }
    .content .text h2 {
      position: relative;
      float: left;
      font-size: 100%;
      font-weight: normal;
      padding: 0;
      margin: 5px 10px; }
      .content .text h2 span {
        position: absolute;
        top: 0;
        right: 0;
        width: 0;
        background: white;
        /* same as background */
        border-left: 0.1em solid black;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
 }



/*****************
Section 
******************/

section {
  height: 100%;
  text-align: center;
}


section h1 {
  padding-top: 17%;
  font-family: 'Vollkorn', serif;
  font-size: 48px;
}


section p {
  width: 500px;
  margin: -28px auto 32px;
  font-family: 'Muli', sans-serif;
  font-size: 18px;
  line-height: 1.35;
}




 
/* Images */

img { display: flex; margin: 0em auto; padding:0px; border:1px solid #ccc; }
img.img-left{ float: left;  margin: 5px 10px 10px 0; }
img.img-right{  float: right;  margin: 5px 0 10px 10px; }
img.smajl { display: inline; padding: 0; margin: 0; border: 0; vertical-align: middle; }

div.imgd, div.imgdr, div.imgdl { margin: 1em auto; }
div.imgdl {float: left; margin: 0 1em 1em 0;}
div.imgdr {float: right; margin: 0 0 1em 1em;}
div.imgd img, div.imgdr img, div.imgdl img { margin: 0 auto; }
div.imgd p, div.img dr p, div.imgdl p { font-style: italic; margin:0; padding: 5px 10px 0; text-align:center; }


/* Lists */

li ul, li ol {margin-left: 1.5em;}
ul, ol {margin: 0 1.5em 1.5em 2em;}

ul {list-style-type: disc;}
ol {list-style-type: decimal;}

dl {margin: 0 0 1.5em 0;}
dl dt {font-weight: bold;}
dd {margin-left: 1.5em;}



/* Tables */

table {	border: 1px solid #CCB; margin: 0em 0 0em 0;	width: 100%;}
th {font-weight: bold; background: #C3D9FF;}
th,td,caption {padding: 4px 10px 4px 5px;}
tr.even td {background: #F2F6FA;}
tfoot {font-style: italic;}
caption {background: #EEE;}

table th {	background: #E5E5E5;	border: 1px solid #D5D5D5;	color: #555;	text-align: left;}
table tr {border-bottom: 0px solid #DDD;}
table td, table th {padding: 10px;}
table td {	background: #F0F0F0;	border: 0px solid #E0E0E0;}
table tr.even td {background: #F5F5F5;}

table.noborder {  border: none; }
table.noborder td { border: none; text-align: center; vertical-align: middle; }

table.formtable, table.formtable td, table.formtable th {  border: none; }
table.formtable .prvni, table.formtable .levy{ text-align:right }




/* Misc classes */


.quiet {color: #666;}
.loud {color: #000;}
.highlight {background: #FF0;}


.chyba, .err, .uspech {	font-size: 1.1em;	border: 1px solid #DDD;	margin: 1em 0;	padding: 0.6em 0.8em; }

.chyba,.err {	background: #FBE3E4;	border-color: #FBC2C4;	color: #8A1F11;}
.chyba a, .err a {color: #8A1F11;}

.uspech {	background: #E6EFC2;	border-color: #C6D880;	color: #264409;}
.uspech a {color: #264409;}


/* serepeticky v pravem menu */

p.celyarchiv { text-align:center }


ul.poslednikomentare a { text-decoration: none; }
ul.poslednikomentare a:hover,ul.poslednikomentare strong { text-decoration: underline; }

p.vsechnyfotogalerie { text-align:center }



/* 
   Forms 
------------------------------------------------------------------- */

label {	font-weight: bold;}
label.error {	display: block; color:red}
fieldset {border: 1px solid #CCC;}
legend {	font-size: 1.2em;	font-weight: bold;}
textarea {overflow: auto; width: 400px; height: 200px}
input, textarea, select {	background: #FCFCFC;		padding: 4px 5px;}
input:focus, textarea:focus, select:focus {background: #FFFFF5;}

input.button,input.sub {
	background: #F9F9F3;
	border: 1px outset #AAA;
	padding: 4px 5px;
}
input.button:active {border-style: inset;}




/* 
   Alignment 
------------------------------------------------------------------- */

/* General */

.center,.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Floats */   

.left,.alignleft {float: left;}
.right,.alignright {float: right;}

.clear,.clearer {clear: both;}
.clearer {
	display: block;
	font-size: 0;
	line-height: 0;	
}


/* 
   Separators 
------------------------------------------------------------------- */

.content_separator, .archive_separator {
	background: #D5D5D5;
	clear: both;
	color: #FFE;
	display: block;
	font-size: 0;
	height: 1px;
	line-height: 0;
	margin: 12px 0 24px;
}
.archive_separator {margin: 0 0 14px;}


/* 
   Posts 
------------------------------------------------------------------- */

.post {margin-bottom: 24px; position: relative}
.post_title h2 { margin: 0 0 .3em 0 }
.post_title a,.post_meta a, .post_date a {text-decoration: none;}
.post_title a:hover,.post_meta a:hover, .post_date a:hover {text-decoration: underline;}

p.editace { position: absolute; right:0; top:0; width: 55px; 
    text-align:center; padding: 2px 5px }

.post_date {	border-top: 1px solid #D5D5D5;	color: #777;	font-size: 0.9em;	padding: 8px 0 0 ;}
.post_date a {color: #444;}

.post_meta {	background: #E7E7E7;	border: 1px solid #D7D7D7;	color: #777;	font-size: 0.9em;
							padding: 6px 10px;}
.post_meta a {color: #345; }
.post_meta a:hover {color: #001;}

.post_body h2, .post_body h3, .post_body h4 { padding: .4em 0 .1em }
.post_body h2 { font-size: 1.4em }
.post_body h3, .post_body h4 { font-size: 1.3em }

p.pokracovani { padding: .6em 0 }
p.pokracovani a { font-size: 130% }

div.strankovani { text-align:center; padding: 0em 0 }
div.strankovani ul { margin:0 }
div.strankovani ul li { display:inline; margin-left: 1em; margin-right: 1em}
div.strankovani ul li.vpred,div.strankovani ul li.vzad { font-size: 2.5em } 
div.strankovani ul li.archiv { font-size: 1.8em }
div.strankovani ul li a { text-decoration:none }
div.strankovani ul li a:hover { text-decoration:underline}



/* 
   Archives 
------------------------------------------------------------------- */

.archiv_filtr { padding: 0 .5em ; background: #E5E5E5; border: 1px solid #D5D5D5; margin-bottom: 1em }

.archive_pagination {margin-bottom: 1.6em;}
#prehled-textu-archiv { padding-top: 1em }
.archive_post {margin-bottom: 14px;}
.archive_post_title {padding-top: 3px;}
.archive_post_title h3 { padding: 0; margin-top: 0 }
.archive_post_date {
	background: #FAFAFA;
	border-bottom: 1px solid #C5C5C5;
	border-right: 1px solid #CFCFCF;
	float: left;
	margin-right: 12px;
	padding: 2px 0 5px;
	text-align: center;
	width: 46px;
}
.archive_post .post_date {
	border: none;
	padding: 3px 0 0;
}
.archive_post_date span.prvnicast { display:block; font: normal 1.6em Georgia,serif;}
.archive_post_date span.druhacast { display:block; text-transform: uppercase;}



/* 
   Box
------------------------------------------------------------------- */

.box {margin-bottom: 0.6em;}
.box_title {
	background: #D2D5D8;
	border-bottom: 1px solid #C6C9CB;
	color: #70767A;
	font: bold 1.3em sans-serif;
	padding: 7px 10px 6px; }
.box_content {padding: 8px 0 8px;}
.box li:first-child {border-top: none;}



/* 
   Dokumenty
------------------------------------------------------------------- */

.dokument { padding: .4em 0 }







/* 
   Comments 
------------------------------------------------------------------- */

div#komentare { padding-top: 1em }
div#komvypisobal {	border-top: 1px dashed #DDD;	margin: 1em 0 2em;}

div.komentar {	border-bottom: 1px solid #D6D6D6;	padding-top: 10px; }
div.komentar .svislitko { display:none; }
div.komentartop {	font-size: 0.9em;	padding-top: 4px;}
div.komentartop a {	color: #567;	text-decoration: none;}
div.komentartop a:hover {	color: #001;	text-decoration: underline;}
div.komentartop a.komentarid { font-size: 200%; float:left; margin-right: 5px}
div.komentartop strong.jmeno { display:block; margin-left: 50px; font-size: 130%; color: #567 }
div.komentartop strong.jmeno a { color: #567 }
div.komentartop strong.overeny { color: #544 }
div.komentartop span.datum { color: #567; display: block; margin-left: 50px; padding-top: 3px }
div.komentartop span.web { display: block; margin-left: 50px; padding-top: 3px }

div.komentartelo {padding-top: 4px; margin-left: 50px }
div.komentartelo h3.komentarnadpis { margin: .3em 0; font-size: 120%; background: none; padding-left: 0; }

p.komentarreakce { text-align:right }


tr#komentformtext td.levy { vertical-align: top; }
tr#komentformtext textarea { width: 400px; height: 180px }















/* 
   Layout 
------------------------------------------------------------------- */

/* General wrappers */

#layout_wrapper {	background: url('img/layout_wrapper.jpg') repeat-x;	padding-bottom: 0px;}
#layout_wrapper2 {	background: url('img/layout_wrapper2.jpg') no-repeat fixed center top;	padding-top: 90px;}
#layout_wrapper3 {	margin: 0 auto;	width: 1021px;}
#layout_wrapper4 {padding: 6px;}


/* Header */

#header_wrapper {	background: repeat-x;	 height: 150px;}
#header {padding: 48px 48px 0 48px;}

#site_title h1 {	color: #A0C3D0;	font-size: 2.5em;	margin: 0 0 .3em 0; padding: 0}
#site_title h1 a {	color: #A0C3D0;	text-decoration: none;}
#site_title h1 a:hover {color: #DDD;}

#site_title h2 {	margin:0;color: #999;	font-size: 1.3em;padding: 0}


/* Navigation */

#navigation {
							margin-bottom: 3px;	padding-top: 4px;}
							
#navigation a {	color: #E0E6EA;	display: block;	font-weight: bold;	text-decoration: none;}
#navigation a:hover {color: #F0F6FA;}

/* Main navigation */
#nav ul.menu {	display: inline;	margin: 0;}
#nav ul.menu li {	float: left;	list-style: none;	margin: 0;}
#nav li {border-right: 0px solid}
#nav a {	font-size: 1.3em;	padding: 3px 26px;}






/* Main */

#main_wrapper {	background: url('img/main_wrapper.gif') repeat-y;
								border-bottom: 1px solid #C3C4C1;	margin-bottom: 3px;}
#main {	background: url('img/main.gif') no-repeat; padding: 14px 0 24px;}

#content_wrapper {width: 760px;}
#content {padding: 0 20px;}
#content a { color: #335577; text-decoration: underline;}


/* Sidebar */

#sidebar_wrapper {width: 240px;}
#sidebar {padding: 0 1px;}



/* Dashboard */

#dashboard_wrapper {}
#dashboard {
	background: #C9CDCF url('img/dashboard.gif') repeat-x;
	border: 1px solid #ACAFB0;
	color: #404448;
	margin-bottom: 3px;
	padding: 16px;
}

#dashboard .col3 {width: 288px;}
#dashboard .col3mid {width: 370px;}
#dashboard .col3mid .col3_content {
	border-left: 1px solid #B0B4B8;
	border-right: 1px solid #B0B4B8;
	margin: 0 20px;
	padding: 0 20px;
}
#dashboard .col_title {
	color: #606669;
	font-size: 1.5em;
}

#dashboard ul {margin: 0;}
#dashboard li {
	border-bottom: 1px solid #BABEBF;
	list-style: none;
	padding: 5px 0;
}
#dashboard li a {
	color: #404448;
	text-decoration: none;
}
#dashboard li a:hover {
	color: #202428;
	text-decoration: underline;
}


/* Footer */

#footer {	padding: 5px 12px;}
#footer .left, #footer .left a {	color: #FFF;	text-decoration: none;}
#footer .left a:hover {	color: #FFF;	text-decoration: underline;}
#footer .right, #footer .right a {	color: #FFF;	text-decoration: none;}
#footer .right a:hover {	color: #FFF;	text-decoration: underline;}

/* 
   Single line IE-fix
------------------------------------------------------------------- */
* html #main, * html #dashboard {height: 0.01%; min-height: 0.01%;}









/* 
   Fotogalerie
------------------------------------------------------------------- */

table.foto-fotky { margin: 10px auto; }
table.foto-fotky, table.foto-fotky td { border: 0;}
table.foto-fotky p { padding: 1px; margin: 0; border:1px solid #ccc;  }
table.foto-fotky img { padding: 0; margin: 0; border: 0; }
table.foto-fotky td { padding: 16px 8px; text-align:center }
table.foto-fotky td p { overflow:hidden; }
table.foto-fotky td.navysku p {position: relative;}
table.foto-fotky td.navysku img { position:absolute; top: -40px;  clip: rect( 41px,auto,153px,auto) }

body#fotografie #layout_wrapper { }
body#fotografie #layout_wrapper2 { padding-top: 0}
body#fotografie #navratobal { width: 992px; height: 90px; position: relative; margin: 0 auto; }
p#navrat { width: 300px; background: #fff; padding: 2px 8px; margin:0; position: absolute; bottom:0; right:-1px; }
p#navrat span.svisl { color: #ccc }



body#fotografie #main_wrapper {	background: url('img/main_wrapper_foto.gif') repeat-y; }
body#fotografie #main {	background: url('img/main_foto.gif') no-repeat;}
body#fotografie #content_wrapper { width: auto }

body#fotografie .post_title h2 { text-align:center }

#nagalerii { font-size: 80% }


#foto-obal { position:relative; margin: 0 auto }
#foto-obal img { margin: 0; padding:0; border: 0;}
#foto { margin: 0 auto;  overflow: hidden;}
#foto-obal a.navigace span { display: none }

#foto-obal a.navigace { position:absolute; width: 150px; height: 100%; background: none }
#foto-obal:hover a.predchozi { top: 0px; left:0; background: url(img/sipka-leva-hover.png) 10px 10px no-repeat; }
#foto-obal:hover a.nasledujici { top: 0px; right:0; background: url(img/sipka-prava-hover.png) 80px 10px no-repeat; }
#foto-obal:hover a.predchozi:hover { background: url(img/sipka-leva.png) 10px 10px no-repeat; }
#foto-obal:hover a.nasledujici:hover { background: url(img/sipka-prava.png) 80px 10px no-repeat; }

div#foto-info-obal { width: 600px;  margin: 10px auto; }
div#foto-info {  }
div#foto-info h1 { margin: 5px 0 10px; font-size: 1.8em }
div#foto-info h1 span { color: #cacaca }
div#foto-info #foto-popis { font-size: 130%; font-style: italic; }

div#foto-komentare { padding-top: 15px}