body
{
  margin:0;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  text-align: center;
  padding: 0;
  font-size: 0.75em;
  background:#e5e8ee;
  color:#687483;
}
* {
  padding: 0;
  margin: 0;
  border: 0px none;
}
.invisible {
  position:absolute;
  top:-2000px;
  left:0;
  width:1px;
  height:1px;
  overflow:hidden;
}
.clear {
  clear:both;
  font-size:0px;
  line-height:0px;
  height:0px;
  overflow:hidden;
  margin:0px;
  padding:0px;
  display:block;
}
.right {
  text-align:right;
}
.center {
  text-align:center;
}
input, select, textarea {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size:1em;
  padding:3px 3px;
  border:1px solid #939598;
  font-weight:bold;
  color:#00467f;
}


/*Page*/
#page {
  width:990px;
  margin:0px auto;
  text-align:left;
}

/*Main*/ 
#main-wrapper {
  background:url(../files/images/layout/bg-main-wrapper.png) right bottom no-repeat;
  padding-bottom:14px;
}
#main {
  background:url(../files/images/layout/bg-main.png) right top repeat-y;
  _height:1px;
  min-height:1px;
}

/*Left-column*/
#left-column {
  width:291px;
  float:left;
  overflow:hidden;
  padding-bottom:14px;
}
#left-column p{
  line-height:1.5em;
  padding:5px 0px;
}
#left-column h2{
  color:#0d62a8;
  font-size:1.4em;
  border-bottom:1px solid #dddddd;
  padding-bottom:6px;
  margin-bottom:3px;
}
#left-column h3{
  font-size:1.25em;
  padding-top:15px;
}
#left-column a{
  color:#687483;
}
#left-column a:hover{
  color:#df0e0e;
}
/*Boxik-left-column*/
.blc-wrapper {
  padding-bottom:6px;
  background:url(../files/images/layout/bg-blc-wrapper.png) left bottom no-repeat;
  margin-top:14px;
}
.blc {
  background:url(../files/images/layout/bg-blc.png) left top repeat-y #ffffff;
}
.blc-in {
  background:url(../files/images/layout/bg-blc-in.png) left top no-repeat;
  padding:18px 20px 7px 21px;
  min-height:40px;
  _height:40px;
}
.blc-kontakty strong{
  font-size:1.2em;
}
#left-column .blc-kontakty h2{
  margin-bottom:0px;
}
#left-column .blc-kontakty p{
  line-height:2em;
}
.blc-in strong.novinka-datum {
  color:#0d62a8;
  display:block;
}
/*Boxik-left-column*/

/*Logo*/
#logo-box {
  padding:9px 0px 14px 0px;
}
a.logo{
  color:#df0e0e;
  font-size:2.3em;
  font-weight:bold;
  display:block;
  cursor:pointer;
  text-decoration:none;
  position:relative;
  overflow:hidden;
  width:255px;
  height:68px;
}
a.logo span{
  display:block;
  position:absolute; left:0; top:0; z-index:1;
  background:url(../files/images/layout/logo.png) top left no-repeat;
  width:255px;
  height:68px;
}
/*Logo*/
/*Left-column*/


/*Right-column*/
#right-column {
  float:left;
  overflow:hidden;
  width:672px;
  padding-left:9px;
  padding-right:18px;
}
/*Header*/
#header {
  width:672px;
  height:232px;
  overflow:hidden;
  position:relative;
  background:url(../files/images/layout/bg-header.png) left top no-repeat;
}
#header-banner {
  position:absolute;
  width:650px;
  height:170px;
  overflow:hidden;
  top:10px;
  left:10px;
}
/*Main-menu*/
#main-menu {
  position:absolute;
  left:0px;
  top:192px;
}
#main-menu ul li{
  float:left;
  list-style-type:none;
  font-size:1.4em;
  padding:0px 12px;
}
#main-menu ul li a{
  color:#ffffff;
  text-decoration:none;
  display:block;
  float:left;
  width:110px;
  text-align:center;
  height:30px;
  line-height:30px;
  overflow:hidden;
}
#main-menu ul li a:hover{
  background:url(../files/images/layout/bg-main-menu.png) left top no-repeat;
}
#main-menu ul li.act a, #main-menu ul li.act a:hover{
  background:url(../files/images/layout/bg-main-menu.png) left top no-repeat;
  background-position:-190px;
}
/*Main-menu*/

/*Content*/
/*Content-boxik*/
#content {
  padding-top:3px;
  padding-bottom:4px;
}
#content p{
  line-height:1.4em;
  padding:0.8em 0em;
}
#content a {
  color:#0d62a8;
}
#content a:hover {
  color:#df0e0e;
}
.content-boxik-wrapper {
  padding-bottom:6px;
  background:url(../files/images/layout/bg-content-boxik-wrapper.png) left bottom no-repeat;
  margin-top:8px;
}
.content-boxik {
  background:url(../files/images/layout/bg-content-boxik.png) left top repeat-y #fefefe;
}
.content-boxik-in {
  background:url(../files/images/layout/bg-content-boxik-in.png) left top no-repeat;
  padding:19px 10px 6px 21px;
  min-height:47px;
  _height:47px;
}

/*Box-2columns*/
.box-2columns {
  width:640px;
  overflow:hidden;
}
.box-2columns-left {
  width:320px;
  float:left;
  overflow:hidden;
}
.box-2columns-right {
  float:left;
  margin-left:20px;
  width:300px;
}
.content-boxik-in h1{
  font-size:1.5em;
  color:#0060a8;
  margin-bottom:10px;
}
#content .kontakt-box p {
  font-size:1.2em;
  padding-bottom:0em;
}
#content .kontakt-box p a{
  color:#687483;
}
#content .kontakt-box p a:hover{
  color:#df0e0e;
}
/*Box-2columns*/

/*Rozbalovaci boxy*/
.content-boxik-in .predel {
  background:url(../files/images/layout/bg-predel.png) left top no-repeat;
  height:1px;
  overflow:hidden;
  margin-top:10px;
}
.content-boxik-in h5{
  height:45px;
  line-height:45px;
  font-size:1.5em;
  overflow:hidden;
  padding-left:61px;
  cursor:pointer;
  color:#0060a8;
}
.content-boxik-in h5 a{
  color:#0060a8;
  text-decoration:none;
}
#content .content-boxik-in h5 a:hover{
  text-decoration:underline;
  color:#0060a8;
}
.content-boxik-in h5.act{
  color:#df0e0e;
  background-position:-855px;
}
#content .content-boxik-in h5.act a, #content .content-boxik-in h5.act a:hover{
  color:#df0e0e;
}
.content-boxik-in h5#osobni{
  background:url(../files/images/layout/bg-h5-osobni.png) left top no-repeat;
}
.content-boxik-in h5#nakladni{
  background:url(../files/images/layout/bg-h5-nakladni.png) left top no-repeat;
}
.content-boxik-in h5#stavebni{
  background:url(../files/images/layout/bg-h5-stavebni.png) left top no-repeat;
}
.content-boxik-in h5#opravy-prurazy{
  background:url(../files/images/layout/bg-h5-opravy-prurazy.png) left top no-repeat;
}
.content-boxik-in h5#brzdy{
  background:url(../files/images/layout/bg-h5-brzdy.png) left top no-repeat;
}
.content-boxik-in h5#geometrie{
  background:url(../files/images/layout/bg-h5-geometrie.png) left top no-repeat;
}
.content-boxik-in h5#vyfuk{
  background:url(../files/images/layout/bg-h5-vyfuk.png) left top no-repeat;
}
.content-boxik-in h5#olej{
  background:url(../files/images/layout/bg-h5-olej.png) left top no-repeat;
}
.content-boxik-in h5#klima{
  background:url(../files/images/layout/bg-h5-klima.png) left top no-repeat;
}
.content-boxik-in h5#osobni.act, .content-boxik-in h5#nakladni.act, .content-boxik-in h5#stavebni.act, .content-boxik-in h5#opravy-prurazy.act, .content-boxik-in h5#brzdy.act, .content-boxik-in h5#geometrie.act, .content-boxik-in h5#vyfuk.act, .content-boxik-in h5#olej.act, .content-boxik-in h5#klima.act{
  background-position:-855px;
}
/*Scroll-tab*/
.scroll-tab {
  width:640px;
  overflow:hidden;
  padding-top:7px;
}
.scroll-tab-left {
  width:160px;
  overflow:hidden;
  float:left;
  color:#ffffff;
}
.scroll-tab-left .stl-cena {
  width:140px;
  background:url(../files/images/layout/bg-scroll-left-cena.png) left bottom no-repeat #418ac9;
  display:block;
  overflow:hidden;
  text-align:center;
  padding:8px 5px 12px 5px;
}
#content .scroll-tab-left p {
  padding-bottom:0em;
}
.scroll-tab-left .stl-cena strong{
  font-size:1.1em;
}
.scroll-tab-left .stl-cena-top{
  display:block;
  height:4px;
  width:150px;
  overflow:hidden;
  background:url(../files/images/layout/bg-scroll-left-cena-top.png) left top no-repeat;
}
#content a.stl-objednat{
  color:#ffffff;
  font-size:2em;
  font-weight:bold;
  display:block;
  cursor:pointer;
  text-decoration:none;
  position:relative;
  overflow:hidden;
  width:150px;
  height:80px;
  background:#c50606
}
#content a.stl-objednat span{
  display:block;
  position:absolute; left:0; top:0; z-index:1;
  background:url(../files/images/layout/bg-scroll-left-objednat.png) top left no-repeat;
  width:150px;
  height:80px;
}
.scroll-tab-right {
  float:left;
  margin-left:10px;
  width:470px;
}
.scroll-tab-right strong{
  color:#0060a8;
}
/*Scroll-tab*/
/*Content-boxik*/

.boxik-rezervace {
  width:652px;
  padding:0px 10px;
}
.boxik-rezervace-left {
  float:left;
  width:288px;
}
.boxik-rezervace-right {
  float:left;
  width:349px;
  margin-left:15px;
}
#content h2 {
  font-size:1.2em;
  color:#00467f;
  padding-bottom:13px;
  padding-top:20px;
}
#content .news h2 {
  padding-bottom:0px;
}

#tab-rezervace {
  border-collapse:collapse;
  width:349px;
  margin-top:-13px;
}
#tab-rezervace td {
  padding:13px 0px;
}
#tab-rezervace td.vert-top {
  vertical-align:top;
}
#tab-rezervace td.td-leva{
  width:98px;
  text-align:right;
}
#tab-rezervace label {
  padding-right:11px;
  font-weight:bold;
}
#tab-rezervace strong {
  color:#df0e0e;
}
#tab-rezervace .polozky {
  font-size:0.85em;
  margin-top:-12px;
  display:block;
}
#tab-rezervace input {
  width:242px;
  font-weight:bold;
}
#tab-rezervace input.submit {
  border:none;
  background:url(../files/images/layout/bg-submit-rezervace.png) left top no-repeat;
  width:250px;
  height:30px;
  color:#ffffff;
  cursor:pointer;
  font-size:1.1em;
}
#tab-rezervace input.date-pick, #tab-rezervace input#kod {
  width:150px;
}
#tab-rezervace textarea {
  width:242px;
  height:131px;
  font-weight:bold;
}
#tab-rezervace select {
  text-align:center;
  width:250px;
  font-weight:bold;
}
#tab-rezervace select#cas {
  text-align:center;
  width:60px;
  margin-left:5px;
}


.news-text img {
  float:left;
  padding:0px 15px 10px 0px;
}
.news-perex {
  font-style:italic;
}
.news-perex .novinka-datum {
  font-style:normal;
}

.obsazenost {
  border-collapse:collapse;
  background-color: white;
  text-align:center;
  margin-bottom:10px;
}
.obsazenost td, .obsazenost th{
  border: 2px solid #f5f5f5;
  width:70px;
}
.obsazenost th{
  background-color: #ccc;
}
.obsazenost td.cas{
  width:50px;
  background-color: #0D62A8;
  color: white;
}
#content .obsazenost a, #content .obsazenost a:hover, #content .obsazenost a:visited {
  color: white;
  text-decoration:none;
}
#content .obsazenost .aktivni a {
  color: #687483;
}
#content .obsazenost a:hover {
  color: black;
}
.obsazeno, .nedele {
  background-color:#df0e0e;
  color: white;
}
#content .obsazenost td.vyber {
  background-color:yellow;
}
#content .obsazenost .vyber a {
  color: black;
}
.obsazeno div {
  width:70px;
  overflow:hidden;
}
.volno {
  background-color: green;
  color: white;
}

/*Content*/

/*Right-column*/

/*Main*/

/*Footer*/
#footer {
  padding:25px 10px 25px 320px;
}
#footer p{
  line-height:1.6em;
}
#footer a {
  color:#687483;
}
#footer a:hover {
  color:#df0e0e;
}
/*Footer*/

/*Page*/