/* Base element */

html, body {

    height: 100%;
}

/*Images*/

img {
    margin: 0;
    padding: 0;
    border: none;
}

/*End Images*/

/* Typo */

p {
/*font-size: 1em;*/
    font-size: 1.15em;
    margin: 0 0 1em 0;
    padding: 0;
    line-height: 1.6em;

}

h1 {
    font-size: 2em;
    line-height: 1.5em;
    margin: 0 0 0.5em 0;
    padding: 0;

}

h2 {
    font-size: 1.5em;
    line-height: 1.5em;
    margin: 0 0 0.5em 0;
    padding: 0;

}

h3 {
    font-size: 1.4em;
    line-height: 1.5em;
    margin: 0 0 0.3em 0;
    padding: 0;

}

h4 {
    font-size: 1.2em;
    line-height: 1.5em;
    margin: 0 0 0.1em 0;
    padding: 0;

}

/* End Typography */

/* Links */

a, a:link, a:active {
    /*color: #dca615;*/
    /*color: #DB9316;*/
    color: #cc9500;
    text-decoration: underline;
}

a:hover {
    color: #438090;
    text-decoration: underline;
    cursor: pointer;
}

/* End Links */

/* End Base element */

body {

    margin: 0;
    padding: 0;
    font-family: Sans-serif;
    text-align: left;
    font-size: 12px;
    color: #444;
    background: #65a0b2 url(images/body-back.gif) repeat-x top left;

}

#container {

    margin: 0 auto;
    width: 900px;
    padding: 0px 15px 0px 15px;
    position: relative;

}

#container-sub {

    margin: 0 auto;
    width: 900px;
    padding: 0px 15px 20px 15px;

}

/*Header and menu */

#header {
    margin: 0;
    position: relative;
    height: 95px;

}

#ajaxProgressBar {
    background-color: red;
    color: white;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px 10px 2px 23px;
    font-weight: bold;
    vertical-align: middle;
    background-image: url('images/ajax-loader_2.gif');
    background-repeat: no-repeat;
    background-position: 2px 50%;
}

.logo {
    float: right;
    margin-top: 10px;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src = 'images/h1-logo2.png');
}

.logo img {
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 0);
}

/*.logo {*/
/**/
/*display:block;*/
/*position:relative;*/
/*float:right;*/
/*top:10px;*/
/*left:0px;*/
/*height:120px;*/
/*width:350px;*/
/*margin:0;*/
/*overflow:hidden;*/
/*padding:0;*/
/*text-decoration:none;*/
/*text-indent:-9999px;*/
/*background-position: center left;*/
/*background-repeat: no-repeat;*/
/*}*/

/*.logo[class] {*/
/*background-image: url('images/h1-logo.png');*/
/*}*/

/*.logo {*/
/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/h1-logo.png');*/
/*}*/

#header h1 a {

    display: block;
    height: 62px;
    width: 338px;

}

ul#main-menu {

    position: absolute;
    left: 0px;
    top: 54px;
    margin: 0 0 0px 0;
    font-size: 1.4em;
    letter-spacing: 1px;
    padding: 0;
    list-style: none;
    background: transparent no-repeat scroll 0px 0px;

}

ul#main-menu li {

    padding: 0;
    float: left;
    margin: 0 0px 0 15px;
    display: inline;

}

ul#main-menu li a {

    float: left;
    padding: 0px 1px 9px 1px;
    text-decoration: none;
    color: #484848;

}

ul#main-menu li a.current {

    padding: 0px 1px 5px 1px;
    border-bottom: 3px solid #dca615;
    text-decoration: none;

}

ul#main-menu li a:hover {

    text-decoration: none;
    color: #ffffff;

}

#mainbar {
    position: relative;
    height: 178px;
    background: url(images/mainbar-back.gif) no-repeat top left;

}

/* Jflow slider */

#flow {

    margin-left: 50px;
    width: 800px;
    height: 178px;
    float: left;
    display: inline;
    clear: both;
    overflow: hidden;

}

.prevNext {

    float: left;
    margin-top: 106px;
    display: none;

}

.has-script .prevNext {

    display: inline;

}

.prevNext img {
    cursor: pointer;

}

img.jFlowPrev {

    position: absolute;
    top: 66px;
    left: 0px;
}

img.jFlowNext {

    position: absolute;
    top: 66px;
    right: 0px;
    margin-left: 10px;

}

#jFlowSlide {

    width: 460px;
    height: 178px;
    float: left;
    display: inline;

}

#slides {

    float: left;
    display: inline;

}

p.quote {
    float: left;
    display: inline;
    margin-top: 35px;
    padding-left: 10px;
    color: #ffffff;
    font-size: 1.6em;
    line-height: 1.8em;
    text-transform: uppercase;
    width: 370px;

}

.blue {

    color: #dca615;

}

.small {

    font-size: 0.9em;

}

/*End Header and menu */

/*Content*/

#content {

    margin: 0px;
    padding: 20px 0px 0px 0px;
    background: url(images/content-top-sub.gif) no-repeat top left;

}

#content-home {

    float: left;
    width: 850px;
    margin-top: 15px;
    padding: 25px 25px 10px 25px;
    background: #ffffff url(images/content-top-home.gif) no-repeat top left;

}

#content-full {

    float: left;
    width: 850px;
    margin: 0px;
    padding: 25px 25px 10px 25px;
    background: #ffffff url(images/content-top-full.gif) no-repeat top left;
    min-height: 500px;
    _height: 500px;
}

#main {

    float: left;
    padding-top: 5px;
    display: inline;
    width: 490px;

}

#main-sub {

    float: left;
    padding: 0px 20px 20px 20px;
    display: inline;
    width: 560px;
    min-height: 500px;
    _height: 500px;
    background: #ffffff url(images/content-bottom-sub.gif) no-repeat bottom left;

}

#main-full {

    float: left;
    padding-top: 5px;
    display: inline;
    width: 490px;
    min-height: 500px;
    _height: 500px;
}

#main h1, #main-sub h1, #main-full h1 {

    padding: 0px 0px 5px 0px;
    margin: 0px 0px 20px 0px;
    line-height: 1em;
    font-size: 2.2em;
    font-weight: bold; /*		text-transform:uppercase;*/
    letter-spacing: 1px;
    border-bottom: 1px dotted #ccc;

}

#main h2, #main-sub h2, #main-full h2 {

    clear: both;
    padding: 0px 0px 0px 20px;
    margin: 0px 0px 7px 0px;
    line-height: 1.2em;
    font-size: 1.7em;
    letter-spacing: 1px;
    font-weight: bold;
    background: url(images/h2-back.gif) no-repeat center left;

}

#main #paragraph, #main-sub #paragraph, #main-full #paragraph {
    background: url(images/cz/icon-paragraph.png) no-repeat center left !important;
    padding: 0px 0px 0px 48px;
    margin: 0px 0px 17px 0px;
    line-height: 1.95em;
    font-size: 1.9em;
}

#main  h3 a, #main h2 a, #main  h1 a, #main-sub  h3 a, #main-sub h2 a, #main-sub  h1 a, #main-full  h3 a, #main-full h2 a, #main-full  h1 a {

    color: #656565;

}

#main  h3 a:hover, #main h2 a:hover, #main h1 a:hover, #main-sub  h3 a:hover, #main-sub h2 a:hover, #main-sub h1 a:hover, #main-full  h3 a:hover, #main-full h2 a:hover, #main-full h1 a:hover {

    color: #dca615;
    text-decoration: none;

}

/*#main ul, #main-sub ul, #main-full ul {*/
ul {

    margin: 10px 0px 10px 30px;
    padding: 0px 0px 0px 0px;

}

/*#main ul li, #main-sub ul li, #main-full ul li {*/
ul li {

    padding: 0px 0px 0px 0px;
    margin: 0px 0px 10px 0px;

}

#main ul li a, #main-sub ul li a, #main-full ul li a {

    /*color: #6b6a6a;*/
    text-decoration: underline;

}

#main ul li a:hover, #main-sub ul li a:hover, #main-full ul li a:hover {

    /*color: #65a0b2;*/
    color: #438090;
    text-decoration: underline;

}

.block {

    margin-bottom: 20px;

}

/* Blog News */

#blog {

    float: left;
    padding: 0px 20px 20px 20px;
    display: inline;
    width: 560px;
    background: #ffffff url(images/content-bottom-sub.gif) no-repeat bottom left;
    min-height: 500px;
    _height: 500px;

}

#blog h2 {

    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 56px;
    line-height: 1.2em;
    font-size: 1.7em;
    letter-spacing: 1px;
    font-weight: bold;

}

#blog  h3 a, #blog h2 a, #blog  h1 a {

    color: #656565;

}

#blog  h3 a:hover, #blog h2 a:hover, #blog h1 a:hover {

    color: #dca615;
    text-decoration: none;

}

.post {

    margin-bottom: 25px;

}

.postdate {

    float: left;
    display: inline;
    height: 43px;
    margin-left: -20px;
    width: 61px;
    background: transparent url(images/date-tag.gif) no-repeat scroll left top;

}

.day, .month {

    color: #FFFFFF;
    font-weight: bold;
    margin: 0px 0px 0px 7px;
    padding: 0;
    text-align: center;
    text-transform: none;

}

.day {

    margin-top: 4px;
    font-size: 1.2em;
    line-height: 18px;

}

.month {

    font-size: 1.2em;
    line-height: 15px;

}

.meta {

    font-size: 0.9em;
    margin-left: 56px;

}

/* Sidebar */

#sidebar {

    float: right;
    display: inline;
    margin: 0px 0px 0px 0px;
    width: 330px;

}

/* sidebar for main page */

.sideblock {

    width: 330px;
    background: #f2f2f2 url(images/sidebox-bottom.gif) no-repeat bottom left;
    margin-bottom: 20px;
    padding-bottom: 10px;

}

.sideblock h2 {

    padding: 10px 15px 0px 15px;
    font-weight: bold;
    font-size: 1.4em;
    background: url(images/sidebox-h2.gif) no-repeat top left;

}

.sideblock-in {
    margin: 0 15px 0 15px;
}

p.explain {

    padding-left: 15px;
    padding-right: 0px;
    float: left;
    font-size: 0.9em;
    width: 30%;

}

.sideblock p {

    padding-left: 15px;
    padding-right: 15px;

}

/*.sideblock form {*/
form {

    float: left;
    width: 60%;
    margin: 0px;
    padding: 0px 0px 0px 0px;

}

/*.sideblock input {*/
input {

    margin-bottom: 10px;
    padding: 3px;
    width: 175px;

}

/*.sideblock input.button {*/
input.button {
    padding: 0px;
    width: 90px;
}

input.news-button {
    width: auto;
    height: auto;
}

.testimonials {

    height: 140px;
    overflow: hidden;

}

/* end sidebar-home */

/* Sidebar-sub page */

#sidebar-sub {

    float: right;
    display: inline;
    margin: -20px 0px 0px 0px;
    width: 274px;

}

#sub-title {

    width: 274px;
    height: 138px;
    margin-bottom: 0px;
    background: url(images/subtitle.gif) no-repeat top left;
}

#sub-title h1 {

    color: #ffffff;
    padding: 10px 0px 0px 20px;
    text-transform: uppercase;
    font-weight: bold;

}

ul#subnav {

    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
    width: 100%;

}

ul#subnav li {

    font-size: 1.2em;

    margin: 0px 0px 5px 0px;

}

ul#subnav li a {

    display: block;
    padding: 0px 0px 0px 15px;
    height: 30px;
    line-height: 30px;
    text-transform: none;
    color: #ffffff;
    background: url(images/subnav.gif) no-repeat top left;

}

ul#subnav li a:hover, ul#subnav li a.current {

    color: #ffffff;
    text-decoration: none;
    background: url(images/subnav.gif) no-repeat bottom left;

}

#sidebar-sub h2 {

    padding: 10px 0px 0px 15px;
    margin: 20px 0px 0px 0px;
    font-size: 1.7em;

    background: url(images/h2-sidesub.gif) no-repeat top left;

}

.subblock {

    margin-bottom: 0px;

    padding: 10px 15px 10px 15px;
    background: #ffffff url(images/subblock.gif) no-repeat bottom left;
}

.subblock ul {

    margin: 0px 0px 10px 30px;
    padding: 0px;

}

.subblock ul li {

    margin: 0px 0px 5px 0px;
    font-size: 1.2em;

}

ul.sidecontact {

    margin: 0px 0px 0px 5px;
    padding: 0px 0px 0px 0px;
    list-style: none;

}

ul.sidecontact li {

    padding: 5px 0px 5px 45px;
    margin: 0px 0px 15px 0px;
    list-style: none;
    font-size: 1.2em;

}

li.phone {

    background: url(images/li-phone.gif) no-repeat center left;

}

li.fax {

    background: url(images/li-fax.gif) no-repeat center left;

}

li.email {

    background: url(images/li-email.gif) no-repeat center left;

}

li.email a {

    color: #656565;

}

li.email a:hover {

    color: #dca615;
    text-decoration: underline;

}

/* Form Styling */

#main-sub form {

    float: left;

}

ol.forms {

    float: left;
    margin: 0px 20px 0px 0px;
    padding: 0px;

}

ol.forms ul {
    /*list-style: none;*/
}

ol.forms input {

    letter-spacing: 1px;
    padding: 3px 3px 3px 3px;
    width: 250px;
    margin: 0px 0px 0px 0px;

}

ol.forms textarea {

    font-family: Sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 3px 3px 3px 3px;
    height: 125px;
    width: 400px;
    margin: -1px 0px 0px 0px;

}

ol.forms li {

    margin-top: 0px;
    margin-bottom: 8px;
    clear: both;
    display: block;

}

ol.forms label {

    display: block;
    padding: 0px 0px 0px 0px;
    margin: 0px 0 0 0;

}

ol.forms li.inline {
    /*display: inline;*/
    position: relative;
    width: 190px;
}

ol.forms li.inline label {
    display: inline;
}

ol.forms li.inline input {
    width: auto;
    position: absolute;
    top: 0;
    right: 0;
    /*float: right;*/
    display: inline;
}

ol.forms li.buttons {
    margin: 10px 0 10px 0;
    height: 30px;
}

ol.forms li.feedbacks {
    margin: 10px 0 10px 0;
    list-style: circle;
}

fieldset {
    width: 450px;
    border: none;
    border-top: 1px gray solid;
    margin-bottom: 20px;
}

legend {
    font-weight: bold;
}

form.profile ol.forms li {
    margin-top: 10px;
}

input.submit {

    padding: 0px;
    margin: 5px 0px 0 0;
    display: block;
    border: none;
    cursor: pointer;
    width: 121px;
    height: 26px;
    clear: both;

}

span.error {

    font-size: 12px;
    color: #dca615; /*padding-left:5px;*/

}

/* Form Styling */

/* Map Styling */

#map {

    margin: 0px 0px 15px 0px;
    width: 242px;
    height: 150px;
    background: #d0d0d0;
    border: #bbb 1px solid;
    border-top: #c3c3c3 1px solid;
    border-left: #c3c3c3 1px solid;

}

/* End Sidebar */

/*End Content*/

/*Footer */

#footer-home {

    width: 900px;
    clear: both;
    margin: 0 auto;
    padding: 20px 0px 0px 0px;
    color: #ffffff;
    background: url(images/content-bottom.gif) no-repeat top center;

}

#footer-sub {

    clear: both;
    width: 600px;
    color: #ffffff;

}

.footer-block {

    clear: both;
    text-align: left;
    padding: 10px 15px 0 15px;

}

.footer-block p {

    float: left;

}

.footer-block ul {

    padding: 0px;
    float: right;
    font-size: 14px;
    margin-top: 5px;
    margin-left: 0px;
    list-style: none;
    display: block;
}

.footer-block ul li {
    float: left;
    list-style: none;
    margin: 0;
    margin-left: 1em;
    font-size: 1.0em;
    line-height: 1.0em;

}

.footer-block a {
    color: #ffffff;

}

.footer-block a:hover {
    color: #333333;
    /*text-decoration: none;*/

}

a.rssfeed {

    padding-right: 26px;
    background: url(images/rss.gif) no-repeat center right;

}

a.bookmark {

    padding-right: 26px;
    background: url(images/bookmark.gif) no-repeat center right;

}

/*End Footer */

/*Tools*/

.hidden {
    display: none;
}

.center {

    margin: 0 auto;

}

.last {

    margin: 0px;
    padding: 0px;
}

.clear, .clearline {

    clear: both;
    height: 1px;
    margin: 0;
    padding: 0;
    font-size: 1px;
    line-height: 1px;

}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

/* End hide from IE-mac */

.margin-bottom {

    margin-bottom: 20px;

}

.left {

    float: left;
    display: inline;

}

.right {

    float: right;
    display: inline;

}

/* End Tools */

/* Tarify */

ul.tarify {
    display: block;
    list-style: none;
    margin: 0 0 0 40px !important;
    padding: 0;
}

ul.tarify li {
    /*display: block;*/
    /*float: left;*/
    /*display: inline;*/
    /*background-color: blue;*/
    margin: 5px 5px 5px 5px !important;
    width: 400px;
    height: 100px;
    /*margin: 0px !important;*/
    padding: 0px;
    /*border: 1px dotted gray;*/
    /*float: left;*/
    /*font-size:1*/
}

ul.tarify li strong {
    display: block;
    /*float: left;*/
    font-size: 2.8em;    
}

ul.tarify li em {
    display: block;
    float: right;
    text-align: right;
    font-size: 1.4em;

}

ul.tarify li span {
    display: block;
    /*float: right;*/
    /*text-align: right;*/
    font-weight: bold;
    font-size: 1.4em;
}

ul.specialniTarify {
    margin: 30px 0 30px 30px !important;
}

ul.specialniTarify li {
    font-size: 1.5em;
}

/* End Tarify */

/* Kontaktujte nas */

.kontaktujteNas strong {
    margin-left: 50px;
    font-size: 3em;
}

/* End Kontaktujte nas */

/* feedback */

.feedbackPanel ul {
    margin: 0;
    padding: 0;
}

.feedbackPanel ul li {
    display: list-item !important;
    list-style: disc;
    list-style-position: inside;
}

li.feedbackPanelWARNING {
    color: darkorange;
}

li.feedbackPanelERROR {
    color: red;
}

li.feedbackPanelINFO {
    color: green;
}

/* end of feedback */



/* End CSS file */