/* 

   Stylopis webu www.promancus.cz
   Autor: Digital Reality Studios, s.r.o., info@drs.cz

*/ 

/* RESET.CSS
---------------------------------------------------------- */
html, body {margin:0;padding:0;}
html {font-size:100.01%;}
body {line-height: 1; font-size:100%;}
div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dt, dd, ol, ul, li, form, fieldset, label, legend, table, caption, tbody, thead, tfoot, tr, th, td, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var {margin:0; border:0;	padding:0; font-size:100%; font-weight:inherit; font-style:inherit; font-family:inherit; vertical-align:baseline;}
ul, ol {list-style:none; }
table {border-collapse:collapse; border-spacing:0; line-height:1.5;}
input, select, textarea, button {font-size:100%; font-family:inherit;}
caption, th, td {text-align:left; font-weight:normal;}
a img {border:0;}
object, :focus {outline:0;}

/* GLOBALS ELEMENTS, ID, CLASS
---------------------------------------------------------- */
blockquote {font-style:italic;}
strong {font-weight:bold;}
em {font-style:italic; font-weight:normal;}
ins {text-decoration:none;}
sup, sub {line-height:0;font-size:85%;}
sup {vertical-align:super;}
sub {vertical-align:sub;}
small { display: block;font-size:85%; line-height: 1.3}
address {margin-bottom:0.8em;font-style:normal;}
p {margin-bottom:1em;}
ul {margin:0 0 1.2em 1em;}
ul ul {margin-top:0.3em;}
ul li {margin:0 0 0.3em 0;padding-left:14px;background: url(../images/bull.png) no-repeat 0 0.5em;}
ol {margin:0 0 1.2em 1.2em;list-style:decimal;}
ol ol {margin-top:0.3em;}
ol li {margin:0 0 0.3em 3.2em;}
dl {margin:0 0 1.2em;}
dt {font-size:117%;font-weight:bold;}
dd {margin:0 0 0.5em;}
hr {display:none}
table {width:100%;margin-bottom:2em;border-top: 1px solid #cfdfec;}
caption {padding:1em 0 0.2em 0;font-size:117%;font-weight:bold;}
th, td {padding:0.5em 1em; border-bottom: 1px dotted #cfdfec;}
th {width: 190px;padding-top:7px;padding-bottom:7px; white-space: normal; font-weight: bold; }
tr:last-child th, tr:last-child td { border-bottom: none; }

/* --- headings --- */
h1, h2, h3, h4, h5, h6 {margin:1.1em 0 0.6em 0; line-height: 1.3; font-weight:normal;}
h1 { margin: 0 0 1em -10px; padding: 0 10px 3px 10px; border-bottom: 1px solid #cfdfec; font-size: 180%;color:#1692c7;background: url(../images/bg-headings.png) no-repeat 98% 50%;}
h2 {font-size:140%;color:#1692c7}
#homepage .content h2 { font-size: 135%; }
h3 {font-size:110%; font-weight: bold;}
h4 {font-size:100%; font-weight: bold;}
h5 {font-size:100%;}
h1 span, h2 span, h3 span { margin-right: 0.3em; font-weight: bold; }

/* forms */
form {margin-bottom:1em;}
input, select, textarea, button {vertical-align:middle; font-family: Arial, Helvetica, sans-serif; color: #000;}
input {}
select {}
button {}
textarea {}
legend { width: 100%; padding-top:7px;padding-bottom:7px; border-bottom: 2px solid #5a696f; text-transform: uppercase; font-weight: bold; }
fieldset { margin-bottom: 1.5em; }
label {}
th label { display: block; text-align: right; }
td label { margin-left: 5px; }
form table th { vertical-align: middle; padding: 10px 0; border: none; font-weight: normal;}
form table td { vertical-align: middle; padding: 10px 0 10px 10px;}
form label em { padding-left: 5px; color:#d85200; }

/* --- universal ID, class --- */
.left {float: left;}
.right {float: right;}
.cleaner { clear: both; }
.hide {display: none;}
.left a img { margin: 0 15px 15px 0; }
.right a img { margin: 0 0 15px 15px; }
.overlap {display: block; position: relative; width: 100%; height: 100%; overflow: hidden; outline: none; color: #000;}
.overlay {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.return-link { float: right; display: inline; height: 14px; margin: 30px -30px 0 0; padding: 10px 30px 10px 10px; line-height: 14px; font-size: 110%; background: url(../images/bg-right-blue-block.png) repeat-y 100% 0; }
.return-link a { float: left; line-height: 14px; padding-left: 19px; font-weight: bold; text-decoration: none; background: url(../images/bg-return-link.png) no-repeat 0 50%; }
.pdf { margin-bottom: 0.8em; padding: 0 0 0 20px; background: url(../images/icon-pdf.png) no-repeat 0 1px; }
.word { margin-bottom: 0.8em; padding: 0 0 0 20px; background: url(../images/icon-word.png) no-repeat 0 1px; }
.no-wrap {white-space: nowrap}

/* --- links --- */
a {color:#1792c7;}
a:visited { }
a:hover, a:focus, a:active { color: #08698f; }
a img { border: 1px solid #6e97b1; }
a:hover img {}
a.popup {  }
a.more { padding: 0 9px 0 0; background: url(../images/bg-more-link.gif) no-repeat 100% 0.4em;  }

/* PAGE STRUCTURE
---------------------------------------------------------- */
body { text-align: center; font:0.625em/1.5 Verdana, Tahoma, Helvetica, sans-serif; color: #243035; background: #f0faff url(../images/bg-body.png) repeat-x 0 0; }
#wrapper { background: url(../images/bg-wrapper.jpg) no-repeat 50% 0; }
#page { position: relative; width: 1060px; margin: 0 auto; text-align: left; font-size: 120%; }
#header { position: relative; height: 240px;}
#main { width: 940px; min-height: 315px; overflow: hidden; padding: 30px 60px; background: url(../images/bg-main.png) repeat-y 50% 315px; }
.content, .left-column, .right-column { display: inline; position: relative; float: left; left: 1060px; }
.content { padding: 0 40px; }
.col3-layout .content { width: 370px; margin-left: -850px; }
.col2-left-layout .content { width: 590px; margin-left: -1060px; }
.right-column { width: 280px; margin: 3px 0 0 -400px; }
.left-column { width: 210px; margin-left: -1060px; }
#footer { clear: both; padding: 60px 80px 20px 80px; overflow: hidden; font-size: 90%; color: #1692c7; background:  url(../images/bg-footer.png) repeat-x 50% 0; }

/* #PAGE
---------------------------------------------------------- */
/* --- #menu --- */
#menu ul { position: absolute; z-index: 3000; top: 200px; left: 0; margin: 0; padding: 0 0 0 90px; background: url(../images/bg-menu-li.jpg) no-repeat 100% 100%;}
#menu li { position: relative; float: left; margin: 0; padding: 0; font-size: 115%; background: url(../images/bg-menu-li.jpg) no-repeat 0 100%; }
#menu li a { float: left; padding: 0 15px 5px 15px; line-height: 30px; text-decoration: none; color: #fff; cursor: pointer; }
#menu li a:hover, #menu li a.select { background: url(../images/bg-menu-hover.jpg) repeat-x 0 100%; }

#menu ul .submenu { display: none; position: absolute; z-index: 1; top: 25px; left: 0px; padding: 0 8px 8px 0; overflow: hidden; background:  url(../images/bg-submenu-shadow.png) no-repeat 100% 100%; }
#menu ul .submenu .wrapper { border-top: 1px solid #d7e4ed; border-left: 1px solid #d7e4ed;}
#menu ul .submenu ul { position: static; width: auto; height: auto; padding: 10px 3px; border: none; background: none; }
#menu ul .submenu li  { float: none; margin: 1px 0; line-height: normal; font-size: 100%; white-space: nowrap; background: none; }
#menu ul .submenu ul li a { display: block; float: none; padding: 5px 18px; line-height: normal; color: #0e5fa0; }
#menu ul .submenu ul li a:hover, #menu ul .submenu ul li.select a { background: #d7e8f5; }
#menu ul li.select li a { color: ; }
#menu ul li.select li a:hover { color: ; }
#menu ul li.parent { overflow: visible; }

/* #HEADER
---------------------------------------------------------- */
/* --- .logo --- */
.logo { position: absolute; z-index: 1000; top: 0; left: 0; width: 1060px; height: 180px; }
.logo a { cursor: pointer; }
.logo a .overlay { background: url(../images/logo-hi.jpg) no-repeat 0 0; }
/* --- .slogan --- */
.slogan { position: absolute; z-index: 2000; top: 0; right: 1px; width: 340px; height: 168px; }
.slogan .overlay { background: url(../images/bg-header-slogan.png) no-repeat 0 0; }

/* #MAIN
---------------------------------------------------------- */
/* --- .breadcrumbs --- */
.breadcrumbs { font-size: 90%; }

/* --- .block --- */
.block { overflow: hidden; clear: both; margin-bottom: 15px; }
.block-blue .block-content { color: #1063a5; }
.block .block-title { display: block; font-size: 140%; font-weight: normal; color: #1692c7; }
.block .block-title span { margin-right: 0.3em; font-weight: bold; }
.block .block-content { overflow: hidden; }

.left-column .block-title { padding: 0 10px 0 30px; }
.left-column .block-content { padding: 15px 10px 15px 30px; }
.right-column .block-title { padding: 0 10px 3px 10px; border-bottom: 1px solid #cfdfec; }
.right-column .block-content { padding: 15px 30px 15px 10px; }

.left-column .block-orange .block-content { background: url(../images/bg-orange-block.png) repeat-y 0 0; }
.left-column .block-orange .block-title { background: url(../images/bg-title-orange-block.png) no-repeat 100% 0; }
.left-column .block-orange a { color: #057aac; }

.left-column .block-blue .block-content { background: url(../images/bg-left-blue-block.png) repeat-y 0 0; }
.left-column .block .more { position: relative; height: 60px; margin: -10px 0 -15px 0; line-height: 60px; }
.left-column .block .more a { position: absolute; right: -10px; bottom: 0; padding-right: 40px; text-decoration: none; font-weight: bold; color: #d59040; background: url(../images/bg-link-more-left-orange.png) no-repeat 100% 0; }
.left-column .block .more a:hover { background-position: 100% -60px; }
.right-column .block-blue .block-content { background: url(../images/bg-right-blue-block.png) repeat-y 100% 0; }

/* --- news --- */
.news-summary { overflow: hidden; padding-bottom: 10px; }
.block-news .news-summary { border-bottom: none; }
.news-summary h2 a { text-decoration: none; color: #243035; }
.news-summary .news-postdate { float: left; margin-top: 3px; width: 5em; font-size: 90%; color: #243035; }
.news-summary .news-short-desc { margin-left: 5em; }
.news-summary .news-field { float: right; }
.news-summary .news-field img { width: 100px; padding: 5px; border: 1px solid #ddd; }

/* --- .pager --- */
.pager { float: right; display: inline; height: 14px; margin: 30px -50px 0 0; padding: 10px 30px 10px 10px; line-height: 14px; font-size: 110%; background: url(../images/bg-right-blue-block.png) repeat-y 100% 0; }
.pager span { float: left; line-height: 30px;}
.pager strong { float: left; display: inline; margin: 0 10px; line-height: 14px; color: #1792c7; }
.pager span a { float: left; width: 14px; height: 14px; overflow: hidden; text-decoration: none;text-indent:-9999em; background: url(../images/bg-pager.png) no-repeat; }
.pager .first a { background-position: 0 0; }
.pager .prev a { background-position: -14px 0; }
.pager .next a { background-position: -28px 0; }
.pager .last a { background-position: -42px 0; }

/* CONTENT
---------------------------------------------------------- */
ul.video-thumbs { overflow: hidden; margin: 0; }
ul.video-thumbs li { float: left; margin-right: 10px; padding: 0; background: none; }

.signature { text-align: right; margin-bottom: 30px; padding: 40px 0 0 0; background: url(../images/podpis-souckova.png) no-repeat 100% 0; }
.signature em { font-size: 90%; }
.motto { color: #1692c7; font-size: 120%; }
.pdf small { color: #616b6f; }
/* --- Album --- */
.thumb { float: left; height: 80px; padding: 0; background: none; }
.thumb a { float: left; }
.thumb a:hover img { background: #e8ebf4; }
.thumb a img { float: left; height: 68px; padding: 4px; border: 1px solid #bfc3e0; background: #fff;}
/* --- .albumlist --- */
.content .albumlist { float: left; background: url(http://www.nadoblaky.cz/css/images/bg-albumlist.png) repeat-y 0 0; }
.content .albumlist-item { float: left; width: 260px; padding: 10px 10px 10px 0; background: url(http://www.nadoblaky.cz/css/images/dot-horizontal.gif) repeat-x 0 0; }
.content .albumlist .thumb { width: 110px; height: auto; padding: 0 10px 0 0; }
.content .albumlist .thumb a img { width: 96px;}
.content .albumlist .album-desc { float: left; width: 130px; padding-right: 10px; }
.content .albumlist .albumname { font-size: 90%; margin-top: 0; }
/* --- .picturelist --- */
.content .picturelist { float: left; width: 100%; margin: 20px 0; padding-top: 15px; }
.content .picturelist h4 { margin-bottom: 15px; }
.content .picturelist ul {margin: 0;}
.content .picturelist .thumb { margin: 0 10px 10px 0; }
.content .picturelist p { clear: both; }

/* #RIGHT-COLUMN
---------------------------------------------------------- */
/* --- .block-celebrity --- */
.block-celebrity .block-title { background: url(../images/bg-headings.png) no-repeat 88% 50%; }
.block-celebrity .block-content { font-size: 90%; }
.block-celebrity dl { clear: both; overflow: hidden; zoom: 1; margin-bottom: 20px; }
.block-celebrity dl.last { margin-bottom: 0; }
.block-celebrity dt, .block-celebrity blockquote { float: right; width:155px; }
.block-celebrity dt { margin:0 0 0.5em; font-size: 100%; }
.block-celebrity img { float: left;}
.block-celebrity a { text-decoration: none; }

/* --- .block-partners --- */
.block-partners .block-title { font-size: 115%; }
.block-partners .block-content .right { position: relative; margin-top: -70px; } 
.block-partners ul, .block-partners ul li { margin: 0; padding: 0; background: none; }
.block-partners ul { position: relative; width: 212px; height: 300px; margin-bottom: 20px; }
.block-partners ul li { position: absolute; }
.block-partners ul li a { padding: 0; background: none; }
.block-partners ul .overlay { background: url(../images/loga-partneri-homepage.jpg) no-repeat; cursor: pointer; }
.block-partners .partner-a { top: 0; left: 0; width: 235px; height: 77px; }
.block-partners .partner-b { top: 77px; left: 0; width: 88px; height: 66px;}
.block-partners .partner-c { top: 77px; left: 88px; width: 147px; height: 66px;}
.block-partners .partner-d { top: 144px; left: 0; width: 88px; height: 75px;}
.block-partners .partner-e { top: 144px; left: 88px; width: 147px; height: 75px;}
.block-partners .partner-f { top: 215px; left: 0px; width: 118px; height: 86px;}
.block-partners .partner-a .overlay { background-position: 0 0; }
.block-partners .partner-b .overlay { background-position: 0 -77px; }
.block-partners .partner-c .overlay { background-position: -88px -77px; }
.block-partners .partner-d .overlay { background-position: 0 -144px; }
.block-partners .partner-e .overlay { background-position: -88px -144px; }
.block-partners .partner-f .overlay { background-position: 0 -215px; }
.block-partners .partner-f .overlay { cursor: default; }

.block-last .block-title { font-size: 110%; background: none; }
.block-last dd { margin: 0; }

/* #LEFT-COLUMN
---------------------------------------------------------- */
/* --- .news-link --- */
.news-link { margin: 0 0 15px 0; line-height: 1.3; font-size: 140%; font-weight: normal; }
.news-link span { font-size: 120%; }
.news-link a { display: block; width: 168px; height: 84px; padding: 10px 15px 0 30px; text-decoration: none; color: #1692c7; background: url(../images/bg-news-link.png) no-repeat 0 0; cursor: pointer; }
.news-link a:hover { background-position: 0 -94px; }
/* --- .info --- */
.info .block-title { line-height: 35px; }
.info .block-content { font-size: 110%; color: #057aac; }
.info ul, .info ul li { margin: 0; padding: 0; background: none; }
.info ul { margin-bottom: 15px; }
.info ul.last { margin: 0; }

/* #FOOTER
---------------------------------------------------------- */
#footer a { color: #1692c7; }