/* layout css */ 

body {
 margin-top:0px;
 margin-bottom:20px;
 background:#ffffff;
 color: #000;
 text-align:center;
 padding:0;
 font-family: Verdana , Tahoma,   Arial, Helvetica, sans-serif;
 }

#outer {
 text-align:left;
 width:750px;
 margin:auto;
 background: #e0e6ea;
 background: #00679E url(images/layout/okraj.gif) top left repeat-y;
 }

#hdr {
 height:200px;
 background:#AEAEAE;
 color: #000;
 }

#title {
 float: left;
 margin: 0;
 padding: 0;
 height: 200px;
 width: 750px;
 }

#title h1 {
 display: inline;
 }

#title h2 {
 display: none;
 }

#title a {

 background-color: transparent;
 display: block;
 position: relative;
 height: 200px;
 width: 750px;
 margin: 0;
 padding: 0;
 color: #3256A2;
}

#title span {
 background: url(images/layout/title-light.jpg) top left no-repeat;
 cursor: pointer;
 display: block;
 height: 200px;
 width: 750px;
 margin: 0;
 padding: 0;
 position: absolute;
 left: 0;
 top:0;
 z-index: 1;
}
 
#bar {
 text-align: right;
 font-size: 11px;
 height:17px;
/* background: #639ACE; */
 background: #e0e6ea;
 color: #000;
 padding-top: 2px;
 border-right: 3px solid #00679E; 
 border-left: 3px solid #00679E; 
}

#bodyblock {
 position:relative;
 background: #e0e6ea;
 color: #000;
 width:750px;
 margin: 0;
 padding:0;
 text-align: right;
 background: #e0e6ea url(images/layout/okraj.gif) top left repeat-y;	
 }

#l-col {
 float:left;
 background: #e0e6ea;
 color: #000;
 width:139px;
 text-align: center;
 border-left: 3px solid #00679E;
 font-size: 12px;
 }

#l-col a {
 font-weight: bold;
 color: #000;
 text-decoration: none;
 } 

#l-col a:hover {
 color: red;
 } 

#l-col p {

 font-size: 11px;
 text-indent: 0px;
 text-align: center;
 margin: 0px;
 }

#l-col p a {
 text-decoration: underline;

}

#l-col p a:hover {
 text-decoration: underline;
 color: #002D46;
}
     
.status-back {
 background-color: white;
 display: block;
 margin-left: 5px;
}

#cont {
 font-size: 0.8em;

 width: 586px;
 background: #fff;
 color: #000;
 border-top: 0px solid #000;
 border-left: 0px solid #000;
 border-right: 3px solid #00679E;
 border-bottom: 0px solid #000;
 text-align: left;
 float: right;
 padding-right: 5px;
 padding-left: 10px;
 min-height: 1250px;
 _height: 1250px;
  background: #f4f5f9 url(images/layout/bg-cont.gif) bottom right no-repeat;
 }

#ftr {
 height: 25px;
 border-top: 0px solid #000;
 border-left: 3px solid #00679E;
 border-right: 3px solid #00679E;
 border-bottom: 0px solid #00679E;
 padding: 0px 0px 0px 0px;
 background-color: #e0e6ea;
 background: #9FCFFF url(images/layout/footer-light.gif) no-repeat top left;
 margin: 0px;
 clear: both;
 }
 
#ftr p {
 margin: 0px;	
 color: #000;
 font-size: 12px;
 font-weight: bold;
 text-align: right;
 text-indent: 10px;
 }

.rightintro
 {
 border: 5px solid white;
 width: 174px;
 padding: 0px;
 margin: 0px;
 float:left;
 display:block;
 margin-left:4px;
 margin-right:4px;
 background-color: #e0e6ea;
 }

.leftintro {
 border: 5px solid white;
 width: 570px;
 padding: 0px;
 float:both;
 display:block;
 margin-left:0px;
 margin-right:0px;
 margin-bottom:6px;
 background-color: #e0e6ea;
 }


.welcome {
 border: 5px solid white;
 width: 570px;
 padding: 0px;
 float:both;
 display:block;
 margin-left:0px;
 margin-right:0px;
 margin-bottom:6px;
 background-color: #c8e0ee;
 }


.news-split {
 background-color: #ebf1f5;
 padding: 6px;
 margin-top:5px;
 display:block;
 border-bottom: 3px solid #9ea2a5;
}


/* ----------- Menu --------*/  
  
#navlist {

 width:140px;
 }

#navlist ul {
 list-style-type: none; 
 font-size: 13px;
 font-weight: bold;
 }

#navlist li {
 list-style: none;	
 margin-top: 6px;
 margin-top: /**/2px;
 height: 18px;
 }

#navlist li a {
 display: block;
 border: 0px solid #000;
 color: #000;
 background-color: #91B2D1;
 background-image:  url(images/layout/l1_down-bv.gif); 
 height: 17px!important;
 height: /**/19px!important; padding-left:24px; padding-right:5px; padding-top:2px; padding-bottom:0px;
 }

#navlist li a:link, #navlist li a:visited {
 color: #000;
 text-decoration: none; /* */
 }

#navlist li a:hover {
 border: 0px solid #000;
 background-image:  url(images/layout/l1_over.gif);
 background-color: #2F7BA5;
 color: #ffffff!important;
 }
 
#uberlink a:link, #uberlink a:visited, #uberlink a:hover  {
 border:0px solid #000;
 background-color: #2F7BA5;
 background-image:  url(images/layout/l1_over.gif);
 color: #fff!important;
 }


strong {
 text-decoration: underline;
}

#navlistsub ul {
 list-style-type: none;
 margin-left: 43px;
 margin-right: 23px;
 padding: 0; 

}

#navlistsub li {

 font-size: 11px;
 font-weight: bold;
 display: inline;
 margin: 0;
 padding: 0;
/* float: left;*/
 white-space: nowrap;
}

#navlistsub li a { /*/*/
 text-decoration: underline;
 color: #3256A2;
 display: block;
 margin-bottom: 3px;
 padding-right: 7px;
 padding-left: 7px;
 float: left;
 border-right: 1px solid #000;
 border-left: 1px solid #000;
 /* */}

#navlistsub li span {
 float: left;
 }
 
#navlistsub li a:hover { /*/*/
 color: #002D46;
 /* */}

#navlistsub .last-li a { /*/*/
 border-right: 0px solid #000;
 /* */}

#navlistsub .first-li a { /*/*/
 border-left: 0px solid #000;
 /* */} 





/* Presentation Stylesheet */ 


p {
 margin:10px;
 padding:0px;
 text-align: justify;
/* text-indent: 20px; 	*/

/* font-size: 1.1em; 
line-height: 1.1em; 
letter-spacing: 2px */


 color: #000;
  }

ul {
 margin:0;
 padding:0;
 border:0px none;
 text-align: justify;
 vertical-align:top;
 line-height:1.3
 }

li {
 margin-left: 3px;
 text-align: left;
 }

h3 {
 text-align: center;
} 

h4 {
 padding-top: 15px;
 clear: both;
 font-size: 1.4em;
 font-weight: bold;
 text-indent: 30px;
} 

h6 {
/* border-top: 2px solid #2C83C5; 
 border-bottom: 2px solid #11334C; 
 background: #e0e6ea url(images/layout/h6-back.gif) repeat-x; */

 background-color: #ffffff;
 border-bottom: 4px solid #ffffff; 



/* background-color: #c8e0ee; */
 color: #276397;
 text-align: center;
 width: auto;
 text-transform:uppercase;
letter-spacing: 3px;
 font-size: 12px;
 margin: 0px;
 margin-bottom: 6px;
 }
  
#cont h3 {
 border-top: 2px solid #2C83C5; 
 border-bottom: 2px solid #11334C; 
 background-color: #206090;
 color: white;

 font-size: 18px;
 font-weight: bold;
 text-indent:15px;

/* background: transparent url(images/layout/nadpis.gif) no-repeat top left; */
 width: 550px;
 height: 20px;
 margin:10px 0px 2px 20px;
 padding:0px 0px 0px 0px;
/* color: #3256A2; */
 }

h5 {
 font-size: 1.2em;	
 text-align: center;



 }

table {
	font-size: 1em;
margin: 10px auto 10px auto;	
border: 5px solid #ffffff;
border-bottom: 5px;
padding: 0;
text-align: center;	
clear: both;
}
 
td {
border: 0px;
border-bottom: 0px solid #00659C;
}

th {
	padding: 5px;
	/* white-space: nowrap; */
 background: #ffffff;
 border-top: 0px;
 border-left: 0px;
 border-right: 0px;

 border-bottom: 3px solid #9ea2a5;
 color: #276397;

}

.table-dark {
background: #e0e6ea;
}
   
form {
 padding: 0;
 margin: 5px;
 }
 
img {
 border: 0px;
 }
 
a {
 color: #00659C;
 }   
 
a:hover {
 color: #002D46;
 /*background: #E7EDFF;*/
 }

div.hr {
 text-align: center;	
 margin: 3px auto 3px auto;	
 height: 2px;
 width: 90%;
 background: #00659C url(images/layout/hr.gif) no-repeat scroll center;
 } 

div.hr hr {
 display: none;
 }

.normal ul {
 margin-top: 0px;
 margin-left: 15px;
 margin-right: 2px;
 padding:0;
 margin-bottom: 10px;
}   

.ul-left {
 margin-top: 10px;
 }

.ul-left ul {
 list-style-type: none;
 margin-left: 5px;
 background-color: #fff;
 padding: 2px;
} 


.center {
 display: block;
 margin: auto;
 text-align: center;
 }

.right {
	float:right;
	display:block;
	margin-left:6px;
	margin-right:6px;
}

.right img, img.right {
	margin-top:0
}

img.right {
	margin-left:8px
} 

.left {
	float:left;
	display:block;
	margin-left:6px;
	margin-right:6px;
}

.left img, img.left {
	margin-top:0
}

img.left {
	margin-right:8px
} 

.warning {
 color: red;
 }

.mapa img {
 border: 5px solid #ffffff;	
 } 
	
.mapa img:hover {
 border: 5px solid #e0e6ea;	
 } 

.mapa a:hover {
 border: 5px solid #e0e6ea;	
 } 

.noborder {
 border : 0px;
 background-color: transparent;
 }	

.noborder th {
 border : 0px;
 background-color: transparent;
 }	

.noborder td {
 border : 0px;
 background-color: transparent;
 }	

 
/* ----------- Kniha navstev ------------- */ 
  
.guestbook-form {
 background: #e0e6ea;	
 width: 380px;
 margin: 8px auto 10px auto;	
 border: 5px solid #ffffff;	 
 display: block;
 text-align: center;
 }

.guestbook-notice {
 font-size: 11px;
 width: 400px;
 margin: auto;

 }
  
.guestbook-input {
 margin-left: 10px;
 margin-bottom: 2px;	
/* background-color: #EFF3FF; */
 background-color: #fff; 
 border: 1px solid #00659C;
 }

.guestbook-textarea {
 height: 100px;
 width: 350px;	
 margin-left: 10px;
 margin-bottom: 2px;	
 background-color: #fff;
 border: 1px solid #00659C;
 } 
 
.guestbook-form div {
} 
   
.guestbook { 
 clear: both;
 width: 486px;
 margin: auto;	
 }

.guestbook-item {
 border: 5px solid #ffffff;	
 margin-top: 10px;	
 margin-bottom: 10px;	
 margin-left: auto;
 margin-right: auto;
 }
 
.guestbook-head {
 text-align: left;	
 border-bottom: 3px solid #9ea2a5;
 padding: 3px;	
 background: #ffffff;
 color: #276397;
 }
 
.guestbook-message {
 font-size: 1em;	
 padding: 10px;
 text-align: justify;
 background: #e0e6ea;
 }

/* ----------- Kniha navstev - koniec ---- */ 


/* ----------- Ubytovanie ------------- */
   
.ubytovanie-box {
 padding: 0;	
 margin: 5px auto 0px auto;
 text-align: center;
 height: 83px;
 width: 400px;
 }

.ubytovanie-box a { 
 height: 83px;
 width: 400px;
 border: solid 5px #ffffff;
 margin: 0;
 padding: 0;	
 display: block;
 text-decoration: none;
 color: #000;
 }

.ubytovanie-box h4 {
 margin-top: 20px;
 margin-bottom: 3px;
 padding: 0;	
 clear: right;
 text-indent: 0px;
 text-decoration: none;
 font-size: 1.2em;
 } 

.ubytovanie-box span {
 text-decoration: underline! important;	
 color: #00659C;
 margin-top: 20px;
 padding-top: 20px;
 margin-bottom: 3px;
 clear: right;
 text-indent: 0px;
 text-decoration: none;
 font-weight: bold;
 font-size: 1.2em;
 } 
 
	 
.ubytovanie-box a:hover { 
 border: solid 5px #ffffff;	
 background: #D0D5D9;
 }
 
.ubytovanie-box p { 
 margin: 0;
 padding: 0;	
 text-decoration: none;
 display: block;
 text-align: center;
 }
 
  
.ubytovanie-box img { 
 border-right: solid 5px #D0D5D9;	
 float:left;
 margin: 0px;
 height: 83px;
 width: 110px; 
}
 
/* ----------- Ubytovanie - koniec ----- */ 

.text-right {
 float: right;
 clear:left;
 } 

  
.hidden, .fastaccess {
 display: none; 
 } 
	
.degrees {
 font-size: 25px;

 color: red;
 background-color: #EFF3FF;
 width: 110px;
 border: 1px solid #00659C;
 display: block;
 margin: auto;
 text-align: center;
 vertical-align: middle;
 }
 
.notice {
 font-size: 10px;

 color: #000;
 } 
 
.stred { 
 vertical-align: middle;
 }

.both {
 clear: both;
 } 
  
.pocasie {

 font-size: 11px;
 font-weight: bold;	
 }

.but {
 height: 21px;
 border: 1px solid #3256A2;
 background-color: #00659C;
 color: #fff;
 font-weight: bold;
 } 

.input-search {
 height: 20px;
 width: 120px;
 background-color: #fff;
 border: 1px solid #00659C;
 padding: 0;
 margin: 0;
 }

/* ----------------- fotogaleria ------------- */

.gallery .image {
 width: 135px; 
 height: 135px;
 float: left;
 text-align: center;
 overflow: hidden;
 }

.gallery .imagepan {
 text-align: center;
 }
 
.gallery {
 margin-left: 40px;
 }
  
.image a img {
/* border: solid 1px #00659C; */
 border: solid 5px #ffffff;

 width: 120px; 
 height: 120px;
 margin: 3px;
 }

.image a:hover img {
 border: solid 5px #e0e6ea;
 }

.imagepan a img {
 border: solid 1px #00659C;
 }

.imagepan a:hover img {
 border: solid 5px #e0e6ea;
 }