/* CSS Document */
/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,400italic,700,700italic);*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300italic,300,400italic,700,700italic&subset=latin,latin-ext);

body {
margin: 0px;
background-color: #f3f2f2;
}

body, table {
   font-size: 11px;
  line-height: 16px;
  font-weight: 300;  
	color: #898989;
  font-family: 'Open Sans', 'Trebuchet MS', 'Lucida Sans Unicode', sans-serif;
}

img {
  border: 0px; 
}

table img {
  border: 4px #323232 solid;
}

b {
  color: #898989;
  font-family: 'Open Sans', 'Trebuchet MS', 'Lucida Sans Unicode', sans-serif;
}

p {
  margin-top: 4px;
}

a {
  color: #323232;
  font-weight: 400;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

iframe, iframe div {
  border-color: #FFFFFF !important;
  border: 0px !important;
}

h1 {
  color: #323232;
  font-weight: 300;
  font-size: 46px;
  line-height: 56px;
  margin: 0px;
  margin-top: 0px;
  padding: 0px;
  margin-bottom: 14px;  
}

h2 {
  color: #97BF0D;
  font-weight: normal;
  font-size: 22px;
  line-height: 30px;
  margin-top: 0px;
  margin-bottom: 8px;
  padding: 0px;   
}

h3 {
  color: #323232;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  margin-top: 4px;
  margin-bottom: 1px;  
  padding: 0px; 
}

h4 {
  font-size: 18px;
  color: #323232;
  margin-bottom: 0px;
  margin-top: 0px;  
  font-weight: normal;
}

h5 {
  padding-left: 0px;
  padding-top: 0px;
  margin-top: 0px;  
  font-size: 18px;
  color: #323232;
  margin: 0px;
  padding-bottom: 6px;
  font-weight: normal;
  display: inline;
}

#top_menu {
  width: 100%;
  height: 114px;
  line-height: 16px;
  display: block;
  margin: 0 auto;
  background-color: #323232;
}


#top_menu .center {
  width: 960px;
  height: 114px;
  display: block;
  margin: 0 auto;
}


#top_menu .first_center {
  width: 960px;
  height: 114px;
  display: block;
  margin: 0 auto;  
  background-image: url("../image/foto_top_top.jpg");
  background-repeat: no-repeat;
  background-position: 304px bottom;
}


#top_menu .logo img {
  width: 230px;
  height: 43px;
  margin-top: 25px;
  position: absolute;
}

#menu_img {
  width: 900px; /* 626 */
  height: 300px;
  display: block;
  margin: 0 auto;
  background-color: #E9E9E9;
  background-image: url("../image/foto_top_bot.jpg");
  background-repeat: no-repeat;
  background-position: right;
}





#content {
  width: 900px;
  margin: 0 auto;
}

#content #main {
  display: block;
  width: 900px;
  padding: 16px;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 18px;
  line-height: 30px;  
}

#content #main .text {
  font-size: 18px;
  line-height: 30px;
  font-weight: 300;
}

#content strong {
  color: #323232;
  font-weight: normal;  
}

#content .half {
  float: left;
  width: 50%;
}

#content .gallery_img {
  width: 440px;
  background-color: #E9E9E9;
  float: left;
  margin: 5px;
  color: #323232;
}


#content .gallery_img:hover {
  background-color: #323232;
  color: #fff;  
}

#content .gallery_img span {
  padding: 8px;
  padding-top: 10px;
  font-size: 18px;
  font-weight: 300;
  display: block;
}

#hidden_form {
  display: none;
}

ul#pronajem_menu {
  list-style: none;
  margin: 0px;
  padding: 0px;
  position: absolute;
  margin-top: -420px;
  margin-left: 540px;
}

#pronajem_menu li {
  list-style: none;
  margin: 0px;
  padding: 0px;
  margin-bottom: 6px;
}

#pronajem_menu li a {
  width: 324px;
  height: 40px;
  display: inline-block;
  background-image: url('../image/sipka.png');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  color: #FFF;
  font-weight: 300;
  padding-top: 8px;
  padding-left: 24px;
}

#pronajem_menu li a:hover {
  background-position: 0px -48px;
  text-decoration: none;
}

#note_pronajem {
  display: block;  
  font-size: 18px;
  font-weight: bold;
  width: 346px;
  height: 30px;
  color: red;
  float: right;
}


ul#pronajem_menu_sub {
  list-style: none;
  margin: 0px;
  padding: 0px;
  margin-top: -14px;
}

#pronajem_menu_sub li {
  list-style: none;
  float: left;
  margin: 0px;
  padding: 0px;
}

#pronajem_menu_sub li a {
  display: inline-block;
  color: #FFF;
  font-weight: 300;
  font-size: 18px;
  padding: 18px;
  text-align: center;
  width: 110px;
  background-color: #97BF0D;
}

#pronajem_menu_sub li a:hover, #pronajem_menu_sub li a.this {
  background-color: #323232;
  text-decoration: none;
}


.clean {
  display: block;
  clear: both;
  width: 100%;
}

#map {
  clear:both;
  width: 900px;
  height: 340px;
  border: 0px;
  overflow: hidden;
  position: relative;
  margin-top: 40px;
  margin-bottom: 40px;
}

.long {
  width: 439px;
  height: 218px;
  display: block;
  border-right: 1px #e1e1e1 solid;
  border-bottom: 1px #e1e1e1 solid;  
  float: left;
  padding: 16px; 
}

.short {
  width: 203px;
  height: 218px;
  padding: 16px;  
  display: block;
  float: left;
  border-right: 1px #e1e1e1 solid;
  border-bottom: 1px #e1e1e1 solid;  
}

.end {
  border-right: 1px #fff solid;
}

.down {
  border-bottom: 1px #fff solid;
}

.short .more {
  margin-left: 114px;
}

.long .more {
  margin-left: 346px; 
}

.top_div {
  position: absolute;
  width: 203px;
}

.more {
  width: 92px;
  height: 47px;
  display: block;
  background-image: url('../image/vice_zde.png');
  background-repeat: no-repeat;
  position: absolute;
  margin-top: 176px;
  z-index: 150;    
}

.short .half {
  width: 100px;
  float: left;
}

.long .half {
  width: 219px;
  float: left;
}

.more_news {
  width: 130px;
  height: 47px;
  display: block;
  background-image: url('../image/vice_novinek.png');
  background-repeat: no-repeat;
  float: right;
  margin-right: 0px;
  margin-top: 6px;
  z-index: 150;
}

.short .more_video {
  margin-left: 108px;
}

.long .more_video {
  margin-left: 340px; 
}

.more_video {
  width: 101px;
  height: 47px;
  display: block;
  background-image: url('../image/video_zde.png');
  background-repeat: no-repeat;
  position: absolute;
  margin-right: 0px;
  margin-top: 176px; 
  z-index: 150;  
}

.more_download {
  width: 101px;
  height: 47px;
  display: block;
  background-image: url('../image/ke_stazeni.png');
  background-repeat: no-repeat;
  position: absolute;
  margin-right: 0px;
  margin-top: 0px; 
  z-index: 150;    
}


/*-------------------
HORNI MENU
--------------------*/
ul#graymenu {
  float: right;
  list-style: none;
  display: block;
  margin: 0px;
  margin-top: 78px;
  padding: 0px;
  /*width: 720px;*/
  z-index: 1000;
}

ul#graymenu li {
  float: left;
  list-style: none;
  margin: 0px;
  padding: 0px;
}

ul#graymenu li a {
  display: block;
  padding: 10px;
  padding-left: 12px;
  padding-right: 12px;
  color: #848484;
  text-decoration: none;
  font-weight: 300;
  font-size: 14px;
}

ul#graymenu li.this a {
  background-color: #F3F2F2;
  color: #323232;
}

ul#graymenu li.actual a,
ul#graymenu li a:focus a {
  background-color: #F3F2F2;
  color: #323232;
}

ul#graymenu li a:hover {
  background-color: #F3F2F2;
  color: #323232;
  background-image: none;
}



ul#topmenu {
  position: absolute;
  list-style: none;
  display: block;
  margin: 0px;
  padding: 0px;
  width: 274px;
  z-index: 1000;
}

ul#topmenu li {
  list-style: none;
  width: 274px;
  margin: 0px;
  padding: 0px;
}

ul#topmenu li a {
  display: block;
  padding: 16px;
  padding-top: 10px;
  padding-bottom: 11px;
  color: #848484;
  text-decoration: none;
  font-weight: 300;
  font-size: 16px;
  background-image: url('../image/linka_menu.jpg');
  background-repeat: no-repeat;
  background-position: center 0px;
}

ul#topmenu li.this a {
  background-color: #808080;
  color: #FFF;
}

ul#topmenu li.actual a,
ul#topmenu li a:focus a {
  background-color: #808080;
  color: #FFF;
  background-image: url('../image/arrow_menu.png');
  background-repeat: no-repeat;
  background-position: center center;
}

ul#topmenu li a:hover {
  background-color: #808080;
  color: #FFF;
  background-image: none;
}

/*-------------------
news
--------------------*/

#short_news {
  padding-left: 16px;
  border-bottom: 1px #e1e1e1 solid;  
  padding-bottom: 10px;
}

#short_news h1 {
  font-size: 13px;
  line-height: 15px;
}

#short_news .one_news {
  margin-bottom: 14px;
}

#short_news .text span {
  clear: both;
  display: block;
}

.text_main .one_news {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px #e1e1e1 solid;    
}

/*-------------------
form
--------------------*/

.button {
    background-color: #222;
    background-image: -webkit-linear-gradient(hsla(0,0%,100%,.15), hsla(0,0%,0%,0));
    background-image: -moz-linear-gradient(hsla(0,0%,100%,.15), hsla(0,0%,0%,0));
    background-image: -ms-linear-gradient(hsla(0,0%,100%,.15), hsla(0,0%,0%,0));
    background-image: -o-linear-gradient(hsla(0,0%,100%,.15), hsla(0,0%,0%,0));
    background-image: linear-gradient(hsla(0,0%,100%,.15), hsla(0,0%,0%,0));
    border: 1px solid #111;
    color: #c6c6c6;
    cursor: pointer;
    display: inline-block;
    margin: 20px;
    margin-right: 0px;
    width: auto !important;
    padding: 10px 14px;
    position: relative;
    text-decoration: none;
    text-shadow: 0 -1px 1px hsla(0,0%,0%,.8);
    vertical-align: top;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
  .button:hover, .button:focus {
    background-color: #242424;
    color: #f6f6f6;
  }
  .button:active {
    background-color: #202020;
    color: #b6b6b6;
    padding: 16px 20px;
  }

/* --- The Form --- */
fieldset {
    border: 1px solid #EEEEEE;
    padding: 20px;
  border-radius: 6px;
}

legend {
    border: 1px solid #EEEEEE;
    color: #617797;
    margin-bottom: 0 !important;
    padding: 7px 10px;
  font-weight: bold;
  border-radius: 6px;
}

label {
    display: block;
    padding-top: 8px;
    text-align: right;
    font-weight: normal;
    text-transform: uppercase;
    color: #323232;    
}

input, textarea, select {
    background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #CCCCCC;
    color: #666666;
    margin: 5px 0;
    padding: 5px;
    width: 310px;
  border-radius: 6px;
}

.button { border-radius: 6px; margin: 5px 0px 10px 155px; float: right; text-transform: uppercase; color: #FFF;}

input:focus, textarea:focus { border: 1px solid #eee; color: #444; background: #fff; }

.error { border: 1px solid #973d3d; background: #f0bebe; color: #a35959; }
.error:focus { border: 1px solid #eee; color: #a35959; }

th {
  vertical-align: top;
  padding-top: 8px;
}

/*-------------------
komentaře
--------------------*/
ul#comments {
  width: 690px;
  margin: 0px;
  padding: 0px;  
}

ul#comments li {
  color: #fff;
  background-color: #1D75BD;
  padding: 6px;
  margin-bottom: 4px;
}

ul#comments li a {
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  display: block;
}

ul#comments ul {
  display: none;
  margin: 0px;
  padding: 0px;
  list-style: none;
  background-color: #CECECE;
}

ul#comments ul li {
  margin: 0px;
  list-style: none;
  background-color: #F2F2F2;
  color: #4f4f4f;
}

ul#comments ul li b {
  color: #4f4f4f;
}

/*-------------------
galerie
--------------------*/

.photo_group {
  width: 227px;
  background-color: #323232;
  margin-right: 5px;
  padding-bottom: 0px;
  margin-bottom: 5px;
  float: left;
}

.photo_group img {
  padding: 0px;
  margin: 0px;
  margin-left: 4px;
  width: 219px;
  height: 200px;
}

.photo_group:hover {
  background-color: #9AC30C;
}

.photo_group .name h1 {
  font-size: 14px;
  line-height: 16px;
  height: 36px;
  color: #FFF;
  padding: 4px;
  padding-left: 8px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  overflow: hidden;
}

.photo_group span {
  font-size: 11px;
  color: #FFF;
  padding: 2px;
  padding-left: 8px;
  padding-top: 0px;
  margin-bottom: 4px;
}

/*-------------------
galerie video
--------------------*/

.video_group {
  width: 345px;
  background-color: #30AAE9;
  margin-right: 5px;
  padding-bottom: 0px;
  margin-bottom: 5px;
  float: left;
}

.video_group img {
  padding: 0px;
  margin: 0px;
  margin-left: 4px;
  width: 337px;
  height: 200px;
}

.video_group:hover {
  background-color: #1C6EBA;
}

.video_group .name h1 {
  font-size: 14px;
  line-height: 16px;
  height: 36px;
  color: #FFF;
  padding: 4px;
  padding-left: 8px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  overflow: hidden;
}


/*-------------------
footer
--------------------*/
#footer {
  display: block;
  width: 844px;
  height: 280px;
  padding: 10px;
  margin: 0 auto;  
  padding-top: 30px;
}

#footer .links {
  display: block;
  width: 300px;
  float: left;
  margin-left: 0px;
}

.copyright {
  width: 810px;
  text-align: right;
  font-size: 10px;
  margin-bottom: 40px;
}

/*-------------------
stránkování
--------------------*/
#PagerId {
  display: inline;
}
.paging_in {
  width: 850px;
  height: 19px;
  display: block;
  margin-top: 6px;
  margin-bottom: 6px;  
  clear: both;
  padding: 0px 0px 5px 0px;
  text-align: right;
  text-transform: uppercase;
}

.paging_in a, #PagerId a {
  font-size: 11px;
  padding: 4px;
  padding-left: 6px;
  padding-right: 6px;
  margin-left: 1px;
  color: #555555;
  background-color: #FFF;
}

.paging_in a:hover, .paging_in .curent, #PagerId a:hover {
  font-size: 11px;
  padding: 4px;
  padding-left: 6px;
  padding-right: 6px;
  margin-left: 1px;
  color: #fff;
  background-color: #c0c0c0;
  text-decoration: none;
}

.paging_in .curent {
  font-size: 11px;
  padding: 4px;
  padding-left: 6px;
  padding-right: 6px;
  margin-left: 1px;
  color: #fff;
  background-color: #c0c0c0;
  text-decoration: none;
  font-weight: bold;
}


 .ui-tooltip, .arrow:after {
background: black;
border: 2px solid white;
}
.ui-tooltip {
padding: 10px 20px;
color: white;
border-radius: 10px;
font: 400 11px "Open Sans", Sans-Serif;
text-transform: uppercase;
/*box-shadow: 0 0 7px black;*/
}
.arrow {
width: 70px;
height: 16px;
overflow: hidden;
position: absolute;
left: 50%;
margin-left: -35px;
bottom: -16px;
}
.arrow.top {
top: -16px;
bottom: auto;
}
.arrow.left {
left: 20%;
}
.arrow:after {
content: "";
position: absolute;
left: 20px;
top: -20px;
width: 25px;
height: 25px;
/*box-shadow: 6px 5px 9px -9px black; */
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
tranform: rotate(45deg);
}
.arrow.top:after {
bottom: -20px;
top: auto;
}

#content #main .photo {
    font-size: 18px;
  line-height: 30px;
  font-weight: 300;
}