@charset "utf-8";
/* CSS Document */

/* General directives */
* {margin: 0; padding: 0;}
html {height: 100%; font-size: 62.5%}
body {height: 100%; background: #ecf8fc;  text-align: center; font: 1.2em Calibri, Verdana, Arial, Helvetica, sans-serif; position: relative; min-width: 900px; padding-bottom: 30px;}

a:link, a:visited {color: #c86700;} a:hover {text-decoration: none;}

img {border: 1px solid #909090; margin-bottom: 18px;}

.noscreen {display: none;} .cleaner {clear: both; height: 0; font-size: 0; visibility: hidden;}

p {line-height: 1.8; color: #303030; margin-bottom: 14px;}

abbr {cursor: help; border-bottom-style: dotted; border-bottom-width: 1px;}


/* Skip menu */
.hidden {position: absolute; top: -10000px; left: 0; width: 1px; height: 1px; overflow: hidden;}




/* Wrapper */
#wrapper {width: 860px; margin: 0 auto; text-align: left; background-color: #FFF;}

/* Header */
#header {height: 98px; margin: 0 auto; background: #ecf8fc;}

h1 {font: 2.4em Calibri, Georgia, "Times New Roman", Times, serif; color:#191970; padding: 26px 0 3px 0;}
h1 span {color: #008080;}
h1 a:link, h1 a:visited {color: #404040; text-decoration: none;}
h1 a:hover {background: 0;}

#header p {font: 1.1em Calibri, Verdana, Arial, Helvetica, sans-serif; letter-spacing: 1px; color: #303030; padding: 0 0 0 2px;}


/* Menu */
#menu {background: #254A5C url('../img/menu-bg.gif') repeat-x 0 0; width: 840px; margin: 0 auto; padding-left: 20px;}

#menu li {float: left; display: inline; list-style-type: none; text-align: center; line-height: 33px;}
#menu li a {text-decoration: none; color: #FFF; float: left; display: block; padding: 0 25px; line-height: 33px;}

#menu li a:hover {text-decoration: underline;}
#menu li a.active {background-color: #88d9ff; color: #101010;}

/* Clearfix */
.clearfix:after {display: block; clear: both; visibility: hidden; height: 0; font-size: 0; content: ' ';}
.clearfix {min-height: 1px;}
.clearfix {display: inline-block;}


/* Content */
#content {background-color: #FFF;} #content-in {width: 100%;}
#col-l {width: 66%; float: left;} #col-l-in {margin: 1.3em 1em 0 1.8em;} #col-r {width: 32%; float: right;} #col-r-in {margin: 1.2em 1.9em 0 1em;}

h2 {color: #008080; font: italic 1.7em Calibri, Georgia, "Times New Roman", Times, serif; letter-spacing: 1px; margin-bottom: 7px;}

ul.contact-info {list-style-position: inside; list-style-type: square; margin: 3px 0 23px 0; color: #2d586c;}
ul.contact-info li {margin: 0 0 7px 0;} ul.contact-info li span {color: #404040;}


/* Right column */
h3 {color: #404040; font: 1.3em Georgia, "Times New Roman", Times, serif; border-bottom: 1px dotted gray; margin: 0 0 9px 0;}

dl.news {margin: 0 0 23px 0;}
dl.news dt {font-style: italic; margin: 0 0 3px 0; background-color: #EEE; padding: 2px 0 2px 5px;}
dl.news dd {margin: 0 0 14px 0; line-height: 1.5;}

dl.links {}
dl.links dt {margin: 0 0 2px 0;}
dl.links dd {color: #404040; margin: 0 0 8px 3px;}

.listek {background-color: #D9F3FF; border: 1px solid #8cc6ea; margin-bottom: 23px;}
.listek-in {margin: 0.6em 1.4em;}

address {line-height: 2.1;}
address span {color: #404040;}

.contact-col-l {float: left; width: 50%;}
.contact-col-r {float: right; width: 49%;}
.contact-col-l, .contact-col-r {margin: 4px 0 16px 0;}


/* Footer */
#footer {background-color: #404040; border-top: 3px solid #858585; width: 860px;}
#footer p {color: #FEFEFE; line-height: 28px; font-size: 0.9em; margin: 0;}
#footer p.left {float: left; width: 400px; margin-left: 20px; display: inline;}
#footer p.right {float: right; width: 400px; margin-right: 20px; display: inline; text-align: right;}

#footer p a, #footer p a:visited {color: #FFF;}

p.link {margin: 0 0 30px 0;}
p.link a, p.link a:visited {color: #606060; font-size: 0.95em;}
p.link a:hover {text-decoration: none; color: #252525;}


/* Contact form */
.note {width: 75%; margin-bottom: 23px; background-color: #FDFCAC; border: 1px solid #E1D22A; color: #303030;}
.note p {margin: 6px 12px; line-height: 1.5;}

.namemail-input, .message-area, .just-input {border: 1px solid #707070; border-right: 1px solid #BBBBBB; border-bottom: 1px solid #BBBBBB; padding: 3px;}
.namemail-input:focus, .message-area:focus, .just-input:focus {border: 1px solid #707070;}
.just-input {width: 340px;} input#ochrana {background-color: #d9f3ff;}
.spam-protection {width: auto;}
.message-area {width: 400px; height: 160px;}

table#contact-form, fieldset {margin: 14px 0 40px 0;}

table#contact-form {border-collapse: collapse; border-spacing: 0;}
#contact-form th {text-align: center; font-weight: bold;}
#contact-form th, #contact-form td {padding: 4px 5px;}

#contact-form td label {font-family: Verdana, Arial, Helvetica, sans-serif; color: #181818; margin-right: 12px;}
#contact-form td span {font-size: 0.9em; color: #303030; margin-left: 8px;}
#contact-form td samp {color: black; font-size: 1.2em;}

#contact-form td span.req {color: #404040; margin-left: 3px;} #contact-form td span.req2 {margin-left: -1px; line-height: 1.9;}

.message-up {vertical-align: top !important;}
.button-right {text-align: right !important; line-height: 5;}


/* Gallery */
.gallery {padding: 10px 0 0 0; margin: 5px 0 30px 0; width: 97%;}
.gallery .photo {float: left; display: inline; position: relative; width: 222px; margin: 0 24px 5px 0;}

.gallery .photo img {border: 1px solid #C0CCD4; margin: 0;}
.gallery .photo a:hover img {border: 1px solid #8c9ca7;}

.gallery .photo p {margin: 0; color: #252525; line-height: 1.6;}
.gallery .photo p a, .gallery .photo p a:visited {color: #295B7E; line-height: 1.5; font-size: 1.1em;}

.gallery .photo p.name a, .gallery .photo p.name a:visited {display: block; margin: 0 0 2px 0; color: #295B7E; padding: 0; font-style: normal; color: #2F546C;}

.gall {padding: 15px 0 0 18px; background-color: #D9F3FF !important; border: 1px solid #8CC6EA;}
.gall .photo {width: 154px !important; margin: 0 18px 17px 0 !important; background-color: #D9F3FF !important;}

p.next {text-align: center; margin: -5px 0 20px 0;}
p.next a, p.next a:visited {color: #303030;}