/* project www.tektum.cz */

/* HTML tags */
body {font:0.9em Arial, Arial, Helvetica, sans-serif; line-height:1.4em; background:#eee; color:#000;}
a {text-decoration:underline; color:#0c589a;}
a:hover, a:focus, a:active {text-decoration:none;}
p {color:#000; font-size:0.9em; margin-bottom:7px;}
h1 {color:#0c589a; font-size:1.5em; line-height:1.5em; margin-bottom:5px;}
h2 {color:#0c589a; font-size:1.4em; line-height:1.4em; margin-bottom:5px;}
h3 {color:#0c589a; font-size:1.2em; margin-bottom:10px; margin-top:10px;}

/* Layout */
#nav-skip {position:absolute; left:-999em; top:-30px;}
#nav-skip a:focus, #nav-skip a:active {position:absolute; left:999em; width:960px; background:#fff; padding-top:2px; z-index:10; text-align:center;}

#mother {width:960px; margin:30px auto 10px auto; background:#fff url(../img/ilustration.jpg) no-repeat 0 0;}
#header {position:relative; height:245px; z-index:10;}
#content {padding:20px 20px 5px 20px;}
#col-content {width:670px; float:left;}
#col-side {width:230px; float:right;}
#footer {overflow:hidden; padding:0 20px; background:#eee; height:40px;}

.post {padding:0 0 0 20px; margin:0 0 15px 0; overflow:hidden;}
#prologue {padding:15px 15px 10px 15px; background:#084172 url(../img/prologue-bg.png) repeat-x 0 0; margin-bottom:30px;}
/*#main {padding:15px 15px 10px 15px; background:#e8f0f7;}*/
#detail {position:relative;}

/* Header */
#site-nav {position:absolute; right:0; top:-30px;}
#site-nav ul li {float:left; margin:0 0 0 8px; line-height:33px; color:#0c589a;}
#site-nav ul li.print {background:none;}
#site-nav ul li a {position:relative; padding:0; color:#0c589a; font-size:11px; display:block; width:33px; height:21px; overflow:hidden; position:relative; background:#ddd;} 
#site-nav ul li a span {position:absolute; top:-100px; left:0;}
#site-nav ul li.home a {background:#ddd url(../img/sitenav-home.gif) no-repeat 50% 0;}
#site-nav ul li.sitemap a {background:#ddd url(../img/sitenav-map.gif) no-repeat 50% 0;}
#site-nav ul li.print a {background:#ddd url(../img/sitenav-print.gif) no-repeat 50% 0;}
#site-nav ul li.mail a {background:#ddd url(../img/sitenav-mail.gif) no-repeat 50% 0;}
#site-nav ul li a:hover, #site-nav ul li a:focus, #site-nav ul li a.active {background-position:50% -31px!important; background-color:#0c589a;} 

#logo {position:absolute; display:block; width:84px; height:142px; top:20px; left:-20px;}
#logo a { display:block; width:84px; height:142px; overflow:hidden; position:relative;}
#logo a span { cursor:pointer; position:absolute; top:0; left:0; width:84px; height:142px; background:url(../img/logo.png) no-repeat 0 0;}

#nav-wrap {position:absolute; top:185px; left:0; background:#18619f; height:40px; width:666px; opacity:0.9; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";}
#nav-wrap .corner {position:absolute; top:0; left:-20px; font-size:1px; width:20px; height:53px; background:url(../img/nav-corner.png) no-repeat 0 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";}
#nav {margin:0;}
#nav li {position:relative; float:left;}
#nav li a {line-height:40px; color:#fff; font-weight:bold; text-decoration:none; display:block; padding:0 10px 0 21px; font-size:15px; text-transform:uppercase;}
#nav li a:hover, #nav li a:focus, #nav li a.active, #nav li.hover a {background:url(../img/nav-a-active.png) no-repeat 50% 100%; _background:url(../img/nav-a-active-ie6.png) no-repeat 50% 100%;}
#nav li ul {position:absolute; display:none; width:200px; left:0; top:40px; padding:0;}
#nav li ul ul {left:200px; top:0;}
#nav li ul li a {padding:5px 10px; width:180px; line-height:1.2em; font-weight:lighter; padding:5px 10px; text-transform:none; background:#18619f url(../img/nav-dots.gif) repeat-x 0 100%!important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";}
#nav li ul li a:hover, #nav li ul li a:focus {background:#144f81 url(../img/nav-dots.gif) repeat-x 0 100%!important;}
#nav li ul li.last a { background-image:none!important;}

#search-box {display:block; width:260px; padding:8px 7px 7px 8px; height:25px; overflow:hidden; position:absolute; right:0; top:185px; background:#cbcbcb;}
#search-box form {width:260px; height:25px;}
#search-box fieldset {border:none; position:relative; width:260px; height:25px; margin:0; padding:0;}
#search-box input, #search-box select, #search-box label {vertical-align:middle;}
#search-box input#searchstring {color:#000; width:185px; padding:0 5px 0 5px; border:none; background:#fff; font-size:11px; height:25px; position:absolute; top:0; line-height:25px; left:0;}
#search-box input.submit {background:#0c589a url(../img/search-btn.png) no-repeat 0 0; height:25px; width:58px; cursor:pointer; border:none; position:absolute; right:0; top:0; font-size:11px; text-indent:-9999em;}
#search-box input.submit:hover, #search-box input.submit:focus {background-position:0 -25px;}

/* Content */
#breadcrumb {background:#18619f; padding:8px 0; opacity:0.9; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; margin-bottom:20px;}
#breadcrumb p {line-height:16px; padding-left:20px; color:#fff; margin-bottom:0;}
#breadcrumb a {text-decoration:underline; font-weight:bold; color:#fff;}
#breadcrumb a:hover, #breadcrumb a:focus {text-decoration:none;}

#paging {height:29px; background:#18619f; padding:0 20px; opacity:0.9; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; float:right; margin-bottom:10px; *margin-bottom:-20px;} 
#paging p {line-height:29px; margin:0; color:#fff; text-align:center;}
#paging a {color:#fff; text-decoration:none;}
#paging a.active, #paging a:hover, #paging a:focus {font-weight:bold; text-decoration:underline;}

.photo {float:left; margin:4px 20px 1px 0;}
.photo p {margin:0; padding:0; line-height:0;}
.photo a {display:block; text-decoration:none; padding:0 2px 2px 0; background:#fff url(../img/photo-bg.png) no-repeat 100% 100%;}
.photo img {display:block; background:#fff; border:1px solid #b4b4b5;}
.photo .description {color:#18619f; display:block; padding:4px 10px 5px 10px; font-size:0.9em; line-height:1.4em; margin:0; width:134px; height:100%; text-align:center;}

.gallery {overflow:hidden; padding:0 0 0 20px;}
.gallery .photo {margin:4px 11px 10px 0;}
.gallery .last {margin-right:0;}

.atts {overflow:hidden;}
.atts p {cursor:pointer; display:block; margin:0;}
.atts a {display:block; margin:0 0 10px 0; line-height:16px; padding:14px 0 14px 55px; background:#18619f url(../img/atts/att-a.png) no-repeat 10px 50%; text-decoration:none; width:260px;}
.atts .text {font-weight:bold; color:#fff;}
.atts .type {color:#a6cef0;} 

/* Post detail*/
#prologue h1 {color:#fff; font-size:1.6em;}
#prologue p {color:#fff; font-size:1em;}
#detail h2 {margin:20px 0 5px 0; font-size:1.2em;}
#detail h3 {margin:15px 0 5px 0;}

.post .date {color:#0C589A;}
.post .more {font-weight:bold;}
.post p {margin-bottom:15px;}
.post ul {font-size:0.9em; margin:10px 0 15px 0; color:#000;}
.post ul li {list-style:none; padding-left:20px; background:url(../img/bullet.png) no-repeat 0 3px;}
.post ul li ul {margin-bottom:2px; margin-top:0; font-size:1em;}
.post table {margin:10px 0 10px 0; text-align:center; font-size:0.9em; border:1px solid #cbc2bd; padding-bottom:1px;}
.post table th, .post table td {padding:2px 10px; color:#40494e;}
.post table th, .post table thead td {background:#b3d1eb; color:#303030; border:1px solid #cbc2bd; font-weight:bold;}
.post table td {border:1px solid #cbc2bd;}
.post table p {margin-bottom:0;}

#prologue ul {color:#fff;}

/* Col-side */
#quick-contact {border:1px solid #cacaca; background:url(../img/quick-contact.png) no-repeat 0 0; padding-bottom:5px;}
#quick-contact .top {padding:16px 0 5px 80px;}
#quick-contact .top p {padding:0;}
#quick-contact .top p strong {color:#0c589a;}
#quick-contact p {padding:0 0 0 15px; margin-bottom:4px;}
#quick-contact a {color:#000;}
#quick-contact a.map {font-weight:bold; color:#0c589a; text-decoration:none;}
#quick-contact a.map:hover, #quick-contact a.map:focus {text-decoration:underline;}

a.zelena {position:relative; margin:20px 0; display:block; width:228px; height:93px; overflow:hidden; border:1px solid #00a51f; text-decoration:none;}
a.zelena:hover, a.zelena:focus {border:1px solid #0c589a;}
a.zelena span {display:block; width:228px; height:93px; position:absolute; top:0; left:0; background:url(../img/zelena-usporam.jpg) no-repeat 0 0; cursor:pointer;}

#small-gallery {overflow:hidden; background:#0c589a; padding:10px;}
#small-gallery p {color:#fff; font-size:1.1em; font-weight:bold;}
#small-gallery .photo {margin:5px 0;}
#small-gallery .photo a {background:#0c589a; padding:0;}
#small-gallery .photo img {border:1px solid #fff;}

/* Footer */
#footer p {font-size:0.8em; padding-top:8px;}
#footer a {font-weight:bold;}