/* ----------------------------------------------------------------------------------------------------------

    Autor:      ManoloDesign (www.manolodesign.cz)
    Klient:     www.skiandsun.sk
    Vstup:      screen, projection

---------------------------------------------------------------------------------------------------------- */

body {
  margin:0;
  padding:0;
  color:#fff;
  font-size: 11px;
  font-family:Arial,sans-serif;
  background-color:#4D6E92;
  background-image:url(images/body.jpg);
  background-repeat:repeat-x;
  text-align:center;
}

a:link,a:visited {
  color:#fff;
}

a img {
  border:0;
}

p {
  padding:0;
  margin:10px 0px 10px 0px;
  text-align:justify;
}

h1 {
  padding:0px;
  margin:0px 0px -10px 0px;
  font-size:14pt;
  color:#ff7d01;
}

h2 {
  font-size:10.5pt;
  text-transform:uppercase;
  padding:0px 0px 0px 5px;
  margin:8px 0px 8px 0px;
  color:#ff7d01;
}


h1.inner,h2.inner {
  margin-top:20px;
}

.clear {
  clear:both;
}

.no-display {
  display:none;
}

#layout {
  text-align:left;
  margin:0px auto;
  width:975px;
  position:relative;
  top:0;
  left:0;
  z-index:0;
}

#background {
  width:100%;
  background-image:url(images/background.jpg);
  background-repeat:no-repeat;
  background-position:top center;
}

#title {
  height:124px;
  background-image:url(images/title.jpg);
  background-repeat:no-repeat;
  color:#fff;
}

#logo {
  border:0;
  float:left;
}

#title-text {
  padding:46px 16px 12px 0px;
  text-align:right;
  font-size:8pt;
}

#content {
  line-height:1.7;
}

.content-text {
  padding:5px 15px 10px 15px;
}

#menu {
  height:37px;
}

#menu a {
  display:block;
  font-size:8pt;
  float:left;
  width:auto;
  height:25px;
  padding:12px 15px 0px 15px;
  color:#fff;
  text-transform:uppercase;
  text-decoration:none;
  font-weight:bold;
  background-color:#ff8601;
  background-image:url(images/menu.jpg);
  position:relative;
  top:0;
  left:0;
}

#footer ul li a {
  display:block;
  float:left;
  width:auto;
  height:25px;
  padding:12px 15px 0px 15px;
  color:#A6B7C9;
  font-size:7pt;
  text-transform:uppercase;
  letter-spacing:0.5px;
  text-decoration:none;
}

#footer ul li a:hover {
  text-decoration:underline;
  color:#ff8001;
}

#menu ul,#footer ul {
  margin:0;
  padding:0;
  width:auto;
  float:right;
}

#menu ul li,#footer ul li {
  width:auto;
  float:left;
  list-style-type:none;
  margin:0;
  padding:0;
}

#menu a span {
  width:11px;
  height:7px;
  overflow:hidden;
  position:absolute;
  top:0;
  left:15px;
  background-image:url(images/menu-arrow.jpg);
}

#menu a:hover span {
  background-image:url(images/menu-arrow-hover.jpg);
}

#menu a:hover {
  background-image:url(images/menu-hover.jpg);
  text-decoration:underline;
}

#menu hr {
  display:none;
}

#menu ul li#menu-left,#menu ul li#menu-right {
  width:1px;
  height:37px;
  float:left;
  overflow:hidden;
}

#menu ul li#menu-left {
  background-image:url(images/menu-left.jpg);
}

#menu ul li#menu-right {
  background-image:url(images/menu-right.jpg);
}

#mail {
  margin:0px 5px 0px 25px;
  position:relative;
  top:2px;
}

#footer img {
}

#footer {
  border-top:2px solid #ff7d01;
  margin:13px 0px 10px 0;
  background-image:url(images/footer.jpg);
  background-repeat:no-repeat;
  background-position:right 34px;
  width:100%;
  height:90px;
  clear:both;
}

#copy {
  float:right;
  text-align:right;
  color:#8094AA;
  font-size:7.5pt;
  padding:8px 15px 0px 0px;
  font-weight:bold;
  width:100%;
}

hr {
  border-width:2px 0px 0px 0px;
  border-style:solid;
  border-color:#fff;
  filter: alpha(opacity=10);
  -moz-opacity:.1;
  opacity:0.1;
  margin:0px;
  padding:0px;
}

#small-menu a.actual {
  color:#ff7d01;
  font-weight:bold;
}

#small-menu {
  font-size:8pt;
  text-align:right;
  padding:5px 15px 5px 0px;
}

#small-menu a {
  color:#c5c5c5;
}

.activity {
  width:281px;
  float:left;
  margin:0px 0px 30px 0px;
}

.activity-space {
  width:50px;
  height:100px;
  float:left;
}

.orange {
  color:#ff7d01;
}

#rezervace-left {
  width:270px;
  float:left;
}

#rezervace-right {
  width:605px;
  padding:20px 10px 0px 0px;
  float:right;
}

input.submit-reg {
  width:136px;
  height:24px;
  vertical-align:top;
  padding:0px 0px 2px 0px;
  background-image:url(images/reg-submit.jpg);
  border:0;
  font-weight:bold;
  font-size:8pt;
  font-family:arial;
  color:#fff;
  text-transform:uppercase;
  margin:20px 0px 30px 60px;
}

.form-table {
  width:100%;
}

.form-table td {
  padding:2px 0px 2px 0px;
}

.ft-left {
  width:150px;
  vertical-align:top;
}

.form-input,.form-ta {
  width:445px;
}

.form-input,.form-input2 {
  height:20px;
}

.form-input2 {
  width:200px;
}

.form-input,.form-ta,.form-input2 {
  border:1px solid #ABB7C4;
  background-image:url(images/form-input.jpg);
  background-repeat:repeat-x;
  color:#c5c5c5;
  padding:4px 0px 0px 10px;
  font-family:arial;
  font-size:9pt;
  background-color:#738BA6;
}

label {
  padding:0px 15px 0px 2px;
}

.foto-part {
  width:276px;
  margin:20px 0px 40px 0px;
  float:left;
}

.foto-space {
  width:55px;
  height:40px;
  float:left;
}

.foto-part a,.foto-part2 a {
  display:block;
  width:68px;
  height:68px;
  overflow:hidden;
  padding:2px;
  background-image:url(images/foto-small.gif);
  background-repeat:no-repeat;
  float:left;
  margin:0px 20px 20px 0px;
}

.foto-part img,.foto-part2 img {
  width:68px;
  height:68px;
}

.foto-part h2,.foto-part2 h2 {
  text-transform:none;
  margin-bottom:2px;
  
}

.kontakt {
  padding-left:100px;
}

.pl-table {
  width:750px;
  margin-bottom:20px;
}

.pl-table td {
  padding:2px 0px 2px 10px;
  background-color:#8699AF;
  text-align: left;
}

tr.pl-row td {
  background-color:#3D5A7D;
}

.kontakt li {
  list-style-type:square;
  color:#ff7d01;
}

.kontakt li span {
  color:#c5c5c5;
}

.pl-middle {
  width:90px;
}

#lang {
    padding: 0 0 0 10px;
    margin: 0px;
    display: inline;
}

#lang li {
     padding: 0px;
    margin: 0px;
    list-style-type: none;
    display: inline;
}

#lang li a {
    display: inline;
    text-decoration: none;
    padding: 0 0 0 5px;
}

#lang li a:hover {
    text-decoration: underline;
   
}

#lang li.active a{
    text-decoration: underline;
   
}

#MapaMapySk {
    text-align: center;
    clear: both;
}

#MapaMapySk small{
    width: 975px !important;
}

#kalendar {}
#kalendar table {border-collapse: collapse;border:2px solid darkblue;}   
#kalendar table td {border:1px solid #011f42;background: #c5d0d4;text-align: center; width: 22px; height: 20px;color: black;}
#kalendar table td a {color: black;text-decoration: none;}
#kalendar table td a:hover {color: red;}
#kalendar .bold {font-weight: bold;}

table.kal-table {border-collapse:collapse;}
table.kal-table td {border:1px solid black;background:white;color:black;padding: 0 5px 0 5px;}
table.kal-table td a {color:black;text-decoration:none;}
table.kal-table td a:hover {color:red;}