/* ~-~-~-~-~ Vitraze Volakova (www.vitraze-volakova.cz) ~-~-~-~-~ */
/* ~-~-~-~-~-~ gfx via CSS: IdeFixx (www.sucharda.cz) ~-~-~-~-~-~ */
body {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font: .9em Calibri, "Trebuchet MS", sans-serif;
	color: #2d2e31;
	background: #f6f7f7 url("pozadi.jpg") 50% 0 no-repeat fixed;
}

/* ~-~ vseobecne ~-~ */
h1, h2, h3 { margin: 0 0 .3em 0; padding: 0; color: #0d5d80; font: normal 1.8em/1.2em Georgia, serif; text-shadow: #eee 0 0 3px; }
h2, h3 { margin-top: .3em; font-size: 1.5em; }

a { text-decoration: underline; color: #054241; outline: none; cursor: pointer; } :focus { outline: none; }
a:visited { color: #63c; }
a:hover, a:active { text-decoration: underline; color: #006be6; }

p, address {
	margin: 0;
	padding: 0 0 .6em 0;
	line-height: 150%;
}
strong { font-weight: bolder; }

ul, ol { margin: 0 0 .3em 0; padding: .3em 0 .3em 1em; line-height: 150%; }
li { padding-left: 12px; list-style: none; background: url("nav-sq.gif") 0 9px no-repeat; }

hr { display: none; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }

img { border: none; }

address { font-style: normal; }
abbr { cursor: help; border-bottom: 1px dotted #000; }
sup { font-variant: small-caps; }

#accesslink, #logo span, #top-nav span { position: absolute; z-index: -1; width: 1px; height: 1px; margin: 0; overflow: hidden; }

/* ~-~ lej-aut-ta" ~-~ */
#main {
	margin: auto;
	width: 990px;
	position: relative; z-index: 0;
	text-align: left;
	background: url("main.png") 0 56px no-repeat;
}

/* ~-~ hlavni obsah ~-~ */
#container { padding-top: 67px; min-height: 730px; background: url("container.png") 0 797px no-repeat; overflow: auto; }

/* ~-~ logo ~-~ */
#header { height: 230px; }

#logo { position: absolute; margin-top: 4px; left: 300px; }
#logo a, #logo a:hover { display: block; width: 390px; height: 170px; overflow: hidden; background-image: url("logo.png"); }
#logo a:hover { background-position: 0 -170px; }

#center { padding: 0 45px; }
.col-1 { float: right; width: 650px; padding-left: 20px !important; }
#col-2 { float: left; width: 215px; margin-left: 45px; }
#col-2 h3 { padding-left: 8px; }
#col-2 ul { margin: 0; padding: 0; list-style: none; background: none; }
#col-2 li { margin-bottom: 1px; padding: 0; background: none; line-height: normal; border-bottom: 1px dotted #c4c6da; }

#col-2 li a, #col-2 li strong { display: block; padding: 5px 10px 6px 10px; background: url("bg-side-nav.png") -220px 0; }
#col-2 li a:hover, #col-2 li strong { font-weight: normal; background: url("bg-side-nav.png"); }
#col-2 li a:hover { color: #0d5d80; }

#dr-bek { margin: -20px 0 7px 0; font-size: .9em; text-transform: lowercase; color: #606169; }
#dr-bek a:visited { color: #054241; }
#dr-bek a:hover { color: #006be6; }

.navigation { overflow: auto; }
.navigation a { margin: 5px 0; }
.navigation .left a, .navigation .right a { display: block; padding: 5px 10px 6px 10px; background: url("blue-05.png"); }
.navigation .left { margin-right: 10px; } .navigation .right { margin-left: 10px; }

/* ~-~ fotky ~-~ */
.gallery { padding: 8px 0 5px 0; overflow: auto; clear: both; }
.photo { margin: 5px 10px 5px 0; float: left; }
.gallery .photo, .photo-right { margin: 0 18px 18px 0; }
.photo-right { margin: 0 0 18px 18px; float: right; }
.photo img, .photo-right img { padding: 1px; border: 5px solid #eee; }
.photo a { text-decoration: none; }
.photo a img:hover, .photo-right a img:hover { border: 5px solid #c1cedc; }

/* ~-~ horizontalni navigace ~-~ */
#top-nav { position: absolute; z-index: 1; top: 214px; left: 137px; }
#top-nav ul { margin: 0; padding: 0; }
#top-nav li { padding: 0; display: inline; float: left; display: block; background: none; }

#t-1 a, #t-2 a, #t-3 a, #t-4 a, #t-1 strong, #t-2 strong, #t-3 strong, #t-4 strong { display: block; height: 57px; background: url("menu.png") no-repeat; }
#t-1 a, #t-1 a:hover, #t-1 strong { width: 94px; }
#t-2 a, #t-2 a:hover, #t-2 strong { width: 267px; background-position: -94px 0; }
#t-3 a, #t-3 a:hover, #t-3 strong { width: 225px; background-position: -361px 0; }
#t-4 a, #t-4 a:hover, #t-4 strong { width: 125px; background-position: -586px 0; }

#t-1 a:hover { background-position: 0 -57px; }
#t-2 a:hover { background-position: -94px -57px; }
#t-3 a:hover { background-position: -361px -57px; }
#t-4 a:hover { background-position: -586px -57px; }

#t-1 strong { background-position: 0 -114px; }
#t-2 strong { background-position: -94px -114px; }
#t-3 strong { background-position: -361px -114px; }
#t-4 strong { background-position: -586px -114px; }

/* ~-~ fin ~-~ */
#footer { margin-bottom: 25px; font-size: .8em; text-align: center; color: #86898d; }
#footer-in { position: relative; padding-top: 45px; background: url("footer.png") top no-repeat; }
#footer-in p { margin-right: 11px; padding: 0; }
#footer a { color: #86898d; } #footer a:visited { color: #86898d; } #footer a:hover { color: #07f; }

#top, #map, #search { position: absolute; top: 45px; right: 11px; padding: 2px 5px 4px 5px;
		text-transform: uppercase; font-size: .8em;
		background-color: #d8dce5;
}
#map { right: 56px; }
#search { right: 125px; }
#top a, #map a, #map a:visited, #search a, #search a:visited { color: #727478; }
#top a:hover, #map a:hover, #search a:hover { color: #07f; }

#links { margin: 20px 10px; font-size: .9em; }

img#wpstats { display: none; }

/*
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { margin: 0 auto; position: relative; width: 250px; height: 250px; background-color: #fff; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; z-index: 10; top: 0; left: 0; height: 100%; width: 100%; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none; }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; /*zoom: 1;*/ display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box { overflow: auto; width: 100%; margin: 0 auto; padding: 0 10px 0; font-size: .9em; line-height: 1.4em; background-color: #fff; }
#lightbox-container-image-data { padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber { display: block;	clear: left; padding-bottom: 1.0em; }			
#lightbox-secNav-btnClose {	width: 66px; float: right; padding-bottom: 0.7em; }

/* ~-~ formulare ~-~ */
input, textarea { margin-right: 10px; }
.your-name, .your-email, .your-message { font-weight: bold; }
.wpcf7-mail-sent-ok, .wpcf7-validation-errors { font-weight: bold; color: #0d5d80; }