/* ~-~-~-~-~-~-~ Tomas Kurik (www.tvorbaprirody.cz) ~-~-~-~-~-~-~ */
/* ~-~-~-~-~-~ GFx via CSS: IdeFixx (www.sucharda.cz) ~-~-~-~-~-~ */
/*@font-face {
	font-family: 'Aeroportal';
	src: url('./fonty/Aeroportal.eot');
	src: local('Aeroportal'), local('Aeroportal'), url('./fonty/Aeroportal.woff') format('woff'), url('./fonty/Aeroportal.ttf') format('truetype');
}*/
@font-face {
	font-family: 'AeroportalMedium';
	src: url('./fonty/Aeroportal_Medium.eot');
	src: local('Aeroportal'), local('Aeroportal-Medium'), url('./fonty/Aeroportal_Medium.woff') format('woff'), url('./fonty/Aeroportal_Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'AeroportalBold';
	src: url('./fonty/Aeroportal_Bold.eot');
	src: local('Aeroportal'), local('Aeroportal-Bold'), url('./fonty/Aeroportal_Bold.woff') format('woff'), url('./fonty/Aeroportal_Bold.ttf') format('truetype');
}
/* ~-~ generated by Font Squirrel (http://www.fontsquirrel.com) ~-~ */
body {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font: normal .9em Corbel, 'Arial CE', Arial, Helvetica, sans-serif;
	color: #25272a;
	background: #f2f4ed url("bg-paper.jpg") 50% 0;
}

/* ~-~ vseobecne ~-~ */
h1, h2, h3, h4, h5, h6 { margin: 0 0 .1em 0; padding: .2em 0 0 0; font-family: 'Aeroportal', 'AeroportalMedium', 'AeroportalBold', Corbel, 'Arial CE', Arial, Helvetica, sans-serif; font-size: 1.5em; font-weight: bold; color: #0b2e59; text-shadow: #4572a9 0 0 3px; clear: both; }
h1 { padding: 0; font-size: 2.2em; }
h2 { font-size: 1.7em; }

a { text-decoration: none; color: #123c71; border-bottom: 1px solid #123c71; } :focus { outline: none; }
a:visited { color: #609; border-bottom: 1px solid #609; }
a:hover, a:active { color: #323232; text-decoration: none; border-bottom: 1px solid #323232; background-color: #e6f3d4; }
.out { padding: 0 15px 0 0; background: url("link-out.gif") 100% 3px no-repeat; }

img { border: none; }

p, address {
	margin: 0;
	padding: .2em 0 .8em 0;
	font-size: .9em;
	line-height: 150%;
}
address { font-style: normal; }
small { font-size: .75em; }

ul, ol { margin: 0; padding: 0; line-height: 150%; }
li { list-style-position: inside; font-size: .9em; }

.left, .alignleft, .gallery-item { float: left; }
.right, .alignright { float: right; }
.clear { clear: both; }

.alignleft { margin: 3px 10px 10px 0; }
.gallery-icon { margin: 3px 14px 11px 0; }
.alignright { margin: 3px 0 10px 10px; }

.center { text-align: center; }
.skrt { text-decoration: line-through; }

sup {
	height: 0;
	line-height: 1;
	position: relative;
	top: -0.6em;
	vertical-align: baseline !important;
	vertical-align: bottom;
	font-variant: small-caps;
}

strong { font-weight: bolder; }

/* ~-~ design obsahu ~-~ */
#obal { position: relative; z-index: 1; margin: 0 auto; margin-bottom: 30px; padding: 0; padding-bottom: 19px; width: 960px; text-align: left; background: url("bg-footer-bot.jpg") bottom no-repeat; }

#hlavicka { position: relative; height: 297px; }
#logo { position: absolute; top: 40px; left: 40px; }
#logo a { display: block; width: 344px; height: 122px; background: url("logo-tomas-kurik.jpg") 0 0 no-repeat; border: none; }
#logo a img { display: none; }

#accesslink { position: absolute; z-index: -1; width: 1px; height: 1px; margin: 0; overflow: hidden; text-indent: -1000em; }

#obsah { margin-left: 10px; width: 940px; background: url("bg-in-mid.png") left repeat-y; overflow: auto; }

#text { position: relative; float: left; width: 620px; padding: 30px 40px 0 40px; min-height: 380px; background: url("bg-in-top.jpg") left 0 no-repeat; }

#text ul, #text ol { margin-bottom: .8em; }
#text ul li, #blok ul li { margin-left: .6em; padding: .1em 0 .2em 28px; list-style: none; background: url("wall.png") -155px 4px no-repeat; }
#blok ul li { margin-left: 0; }
#text ul ul { padding-bottom: 0; }
#text ul li li { margin-left: -2em; }

#text ol ul { margin: .2em 0 .4em 1em; }
#text ol li h2 { display: inline; }

/* ~-~ drobeckova navigace ~-~ */
#dr-bek { margin-bottom: 8px; text-transform: lowercase; font-size: .9em; }
#dr-bek strong { color: #0b2e59; }

#dr-bek a:visited { color: #123c71; border-bottom: 1px solid #123c71; }
#dr-bek a:hover, #dr-bek a:active { color: #323232; border-bottom: 1px solid #323232; }

/* ~-~ boxy ~-~ */
.box { position: relative; float: left; margin-bottom: .8em; width: 144px; padding: 55px 18px 24px 18px; height: 140px; cursor: pointer; background: url("bg-box.jpg") no-repeat; overflow: hidden; text-shadow: #bdd18f 1px 1px 1px; }
.box h2 { margin-bottom: 3px; padding: 0; text-align: center; font-size: 1.7em; text-shadow: #eaf6cd 0 0 3px; }
.box p { height: 138px; overflow: hidden; padding: 0; font-size: .8em; line-height: 160%; }
.box p a, .box p a:visited { color: #0b2e59; border: none; }
.box:hover h2, .box:hover p a { color: #000; background: none; border: none; }

.b-1 {}
.b-2 { margin-left: 40px; background-position: -180px 0; }
.b-3 { margin-left: 40px; background-position: -360px 0; }

/* ~-~ fotky ~-~ */
.gallery, .gallery-link { clear: both; overflow: auto; }
.gallery a, .gallery a:hover, .gallery-link a, .gallery-link a:hover, a.single-image, a.single-image:hover, a.single-image-right, a.single-image-right:hover { border: none; background: none; }
.gallery img, .gallery-link img, .single-image img, .single-image-right img { float: left; margin: 5px 15px 15px 0; padding: 4px; background: #e5e5e5; border: 1px solid #bccacd; }
.single-image-right img { float: right; margin: 5px 0 10px 10px; }
.gallery img:hover, .gallery-link img:hover, .single-image img:hover, .single-image-right img:hover { border: 1px solid #7ab211; }

.gallery-link a { display: block; float: left; margin: 5px 15px 0 0; width: 130px; padding: 4px; /*background: #e5e5e5;*/ }
.gallery-link a img { margin: 5px 15px 5px 0; }
.gallery-link a span { display: block; padding: 0 4px; }

/*.gallery-link a:hover { background: #e5e5e5; }*/

/* ~-~ blok ~-~ */
#blok { float: right; width: 180px; padding: 30px 40px 0 20px; min-height: 380px; background: url("bg-in-top.jpg") right 0 no-repeat; }

#blok h3 { text-align: center; color: #174987; text-shadow: #d9e1ff 0 0 3px; }

#blok p { margin: 0 5px; padding: 7px 5px 10px 5px; border-bottom: 1px dotted #d7d7d7; }

#blok ol { margin-top: .8em; padding: .2em 0 10px 68px; font-size: .9em; border-bottom: 1px dotted #d7d7d7; }
#blok ol li { margin-bottom: .3em; position: relative; height: 50px; line-height: 120%; list-style-position: outside; }
#blok ol li img { position: absolute; left: -68px; padding: 4px; background: #e5e5e5; border: 1px solid #8c9a9d; }
#blok ol li img:hover { border: 1px solid #7ab211; }

#blok a.single-image { margin-left: 25px; }
#blok .single-image img { float: none; }

/* ~-~ nabidka ~-~ */
#menu {	position: absolute;	z-index: 1; left: 0; top: 175px;	width: 940px; height: 122px; margin-left: 10px; background: url("bg-menu.jpg") no-repeat; }
#menu ul { margin: 0; padding: 0; }
#menu li { float: left; list-style-type: none; }

#uvod a, #projekce a, #realizace a, #zahrada a, #udrzba a, #rady a, #kontakt a, #uvod strong, #projekce strong, #realizace strong, #zahrada strong, #udrzba strong, #rady strong, #kontakt strong { display: block; height: 122px; background: url("bg-menu.jpg") no-repeat; border: none; text-indent: -1000em; }
#uvod a, #uvod a:hover, #uvod strong { width: 96px; background-position: 0 0; }
#projekce a, #projekce a:hover, #projekce strong { width: 120px; background-position: -96px 0; }
#realizace a, #realizace a:hover, #realizace strong { width: 124px; background-position: -216px 0; }
#zahrada a, #zahrada a:hover, #zahrada strong { width: 194px; background-position: -340px 0; }
#udrzba a, #udrzba a:hover, #udrzba strong { width: 104px; background-position: -534px 0; }
#rady a, #rady a:hover, #rady strong { width: 180px; background-position: -638px 0; }
#kontakt a, #kontakt a:hover, #kontakt strong { width: 122px; background-position: -818px 0; }

#uvod a:hover { background-position: 0 -122px; }
#projekce a:hover { background-position: -96px -122px; }
#realizace a:hover { background-position: -216px -122px; }
#zahrada a:hover { background-position: -340px -122px; }
#udrzba a:hover { background-position: -534px -122px; }
#rady a:hover { background-position: -638px -122px; }
#kontakt a:hover { background-position: -818px -122px; }

#uvod strong { background-position: 0 -244px; }
#projekce strong { background-position: -96px -244px; }
#realizace strong { background-position: -216px -244px; }
#zahrada strong { background-position: -340px -244px; }
#udrzba strong { background-position: -534px -244px; }
#rady strong { background-position: -638px -244px; }
#kontakt strong { background-position: -818px -244px; }

/* ~-~ paticka ~-~ */
#paticka { position: relative; margin: 0 10px; text-align: center; background: url("bg-footer.jpg") repeat-y; }

#paticka p#copy { padding: 100px 0 0 0; background: url("bg-in-bot.jpg") top no-repeat; }

#paticka a, #paticka a:visited { color: #323232; white-space: nowrap; border-bottom: 1px solid #626A73; }
#paticka a:hover { color: #323232; background: none; border-bottom: 1px solid #323232; }

#obsluha { position: absolute; top: 50px; right: 20px; padding: 3px 5px 5px 5px; font-size: .7em; text-transform: uppercase; }

#odkazy { margin-top: 5px; padding: 10px; text-align: center; font-size: .9em; text-transform: lowercase; line-height: 130%; }

#top { position: absolute; z-index: 0; top: 0; left: 0; margin: 0 auto; text-align: center; width: 100%; }
#aquarelle { margin: 0 auto; width: 100%; height: 590px; background: url("bg-aquarelle.jpg") 50% 0 no-repeat; }

#animace { position: relative; margin: 0 auto; width: 960px; }
#animace-in { position: absolute; top: 0; right: 73px; width: 442px; height: 175px; background: url("banner-01.jpg") no-repeat; }
#animace-in DIV { position: absolute; top: 10px; left: 116px; z-index: 8; opacity: 0.0; height: 158px; }
#animace-in DIV.active { z-index: 10; opacity: 1.0; }
#animace-in DIV.last-active { z-index: 9; }
#animace-in DIV IMG { height: 158px; display: block; border: 0; margin-bottom: 10px; }


/* ~-~ forms ~-~ */
.mail-form { padding: 0; margin-bottom: 1em; }
.mail-form input, .mail-form textarea { font-size: .9em; font-family: Corbel, 'Arial CE', Arial, Helvetica, sans-serif; }
.mail-form label { margin-top: .2em; font-size: .9em; }
.mail-form .linka { padding-top: 7px; }
.mail-form .linka-dole { padding-bottom: 15px; border-bottom: 1px dotted #d7d7d7; }
.mail-form .linka label.typ-pole, .mail-form .linka span.typ-pole { margin-right: 5px; }
.mail-form .linka span.pole { display: block; }
.mail-form .posun {}
.mail-form .tlacitko { padding: .4em .8em; }

form.valid label.error, form.valid strong { margin-left: 5px; font-size: 1em; font-weight: bold; color: #9a0000; }
form.valid strong { margin-left: 0; }

/* ~-~ doplnky ~-~ */
hr, .hr { display: none; }

#javascript-test { position: absolute; z-index: 123; left: 35px; top: 138px; width: 886px; height: 63px; background: url("javascript-warning.png") no-repeat; }