/* ~-~-~-~-~-~-~ Stanislav Hrubos (www.hrstdesign.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(../design/fonty/Aeroportal_Medium.eot);
	src: local('Aeroportal'), local('Aeroportal-Medium'), url('../design/fonty/Aeroportal_Medium.woff') format('woff'), url('../design/fonty/Aeroportal_Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'AeroportalBold';
	src: url(../design/fonty/Aeroportal_Bold.eot);
	src: local('Aeroportal'), local('Aeroportal-Bold'), url('../design/fonty/Aeroportal_Bold.woff') format('woff'), url('../design/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 1em Corbel, 'Arial CE', Arial, Helvetica, sans-serif;
	color: #25272a;
	background: #f2f4ed url("../images/bg-paper.jpg") 50% 0;
}
/* ~-~ vseobecne ~-~ */
h1 { margin: 0; 
padding: 0; 
font-family: 'Aeroportal', 'AeroportalMedium', 'AeroportalBold', Corbel, 'Arial CE', Arial, Helvetica, sans-serif;
font-weight: bold;  
}
h2, h3, h4, h5, h6 { margin: 0 0 .1em 0; 
padding: .3em 0 .2em 0; 
font-family: 'Aeroportal', 'AeroportalMedium', 'AeroportalBold', Corbel, 'Arial CE', Arial, Helvetica, sans-serif;
font-weight: bold;  
}
h1, h2, h3, h4 { 
text-shadow: #4572a9 1px 1px 1px;
color: #0b2e59; 
clear: both;  }
h1 { font-size: 2.1em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.2em; color: #174987; }

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 30px 0 0; background: url("../images/link-out.gif") 100% 3px no-repeat; }

img { border: none; }
.img-left { float: left; margin: 5px 15px 15px 0; padding: 4px; background: #e5e5e5; border: 1px solid #bccacd;  
}
.img-right { float: right; margin: 5px 0px 15px 15px; padding: 4px; background: #e5e5e5; border: 1px solid #bccacd;  
}

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("../images/bg-footer-bot.jpg") bottom no-repeat; }

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

#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("../images/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("../images/bg-in-top.png") left 0 no-repeat; }

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

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

#web-reference { position: relative; float: left; width: 620px; padding: 30px 40px 0 40px; min-height: 380px; 
background: url("../images/bg-in-top.png") left 0 no-repeat; 
 }
#web-reference h2 { padding-bottom: 25px; 
 } 
#web-reference .popis {float: right; width: 340px; padding-top: 10px; 
 }
#web-reference .popis h3 { padding-bottom: 0px;color: #174987; text-shadow: none;
 width: 100%;
 float: right;
 }
#web-reference ul li { padding: 0 0 0 8px;
 }

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

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

/* ~-~ boxy ~-~ */
.box { 
position: relative; 
float: left; 
margin-bottom: .8em; 
width: 142px; 
padding: 55px 18px 30px 18px; 
height: 145px; 
background: url("../images/bg-box.png") no-repeat; 
overflow: hidden; 
text-shadow: #bdd18f 1px 1px 1px;
font-size: 0.9em;
 }
.box h2 { 
margin-bottom: 8px; 
padding: 0; 
text-align: center; 
font-size: 1.7em; 
text-shadow: #4572a9 1px 1px 1px;
 }
.box p { 
height: 140px; 
overflow: hidden; 
padding: 0; 
font-size: .8em; 
line-height: 160%;
text-shadow: #bdd18f 1px 1px 1px;
 }
.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:hover { background: #e5e5e5; }*/

/* ~-~ blok ~-~ */
#blok { float: right; width: 180px; padding: 30px 40px 0 20px; min-height: 380px; background: url("../images/bg-in-top.png") 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; }

#blok ul.servis li { margin-left: .6em; padding: .1em 0 0em 28px; list-style: none; 
background: url("../images/li.png") 0px 4px no-repeat; }
#blok ul.servis li { margin-left: 0; }

#blok ul.bannery { padding-top: 30px; list-style: none }
#blok ul.bannery li { margin-bottom: 10px; position: relative; list-style: none; }

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

#uvod a, #webdesign a, #reference a, #servis a, #cenik a, #rady a, #kontakt a, 
#uvod strong, #webdesign strong, #reference strong, #servis strong, #cenik strong, #rady strong, #kontakt strong { 
display: block; height: 122px; background: url("../images/bg-menu.png") no-repeat; border: none; text-indent: -1000em; }

#uvod a, #uvod a:hover, #uvod strong { width: 100px; background-position: 0 0; }
#webdesign a, #webdesign a:hover, #webdesign strong { width: 134px; background-position: -100px 0; }
#reference a, #reference a:hover, #reference strong { width: 134px; background-position: -234px 0; }
#servis a, #servis a:hover, #servis strong { width: 134px; background-position: -368px 0; }
#cenik a, #cenik a:hover, #cenik strong { width: 134px; background-position: -502px 0; }
#rady a, #rady a:hover, #rady strong { width: 168px; background-position: -634px 0; }
#kontakt a, #kontakt a:hover, #kontakt strong { width: 134px; background-position: -802px 0; }

#uvod a:hover { background-position: 0 -122px; }
#webdesign a:hover { background-position: -100px -122px; }
#reference a:hover { background-position: -234px -122px; }
#servis a:hover { background-position: -368px -122px; }
#cenik a:hover { background-position: -502px -122px; }
#rady a:hover { background-position: -634px -122px; }
#kontakt a:hover { background-position: -802px -122px; }

#uvod strong { background-position: 0 -244px; }
#webdesign strong { background-position: -100px -244px; }
#reference strong { background-position: -234px -244px; }
#servis strong { background-position: -368px -244px; }
#cenik strong { background-position: -502px -244px; }
#rady strong { background-position: -634px -244px; }
#kontakt strong { background-position: -802px -244px; }

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

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

#paticka a, #paticka a:visited { color: #323232; white-space: nowrap; border: none; }
#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; 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: 560px; background: url("../images/bg-body.png") 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("../images/banner.png") no-repeat; }
#animace-in DIV { 
position: absolute; top: 12px; left: 72px; z-index: 8; opacity: 0.0; height: 162px; }
#animace-in DIV.active { 
z-index: 10; opacity: 1.0; }
#animace-in DIV.last-active { 
z-index: 9; }
#animace-in DIV IMG { width: 258px;height: 162px; 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("../images/javascript-warning.png") no-repeat; }