* {margin: 0;padding: 0;}

html {
   min-height: 100%;
   height: auto;}
   
body {
   margin:0;
   padding:0;
   background:url(../images/html.jpg);
   font-family:Geneva, Arial, Helvetica, sans-serif;
   font-size:13px;
   color:#333333}
   
h1 {font-size: 15px; color:#818FA2; padding:4px 0 15px 0}

h2 { font-size:12px; color:#740011; padding-top:8px;}

h3 {font-size: 15px; color:#818FA2; padding:4px 0 15px 0}

strong {color:#818FA2;}

p { padding:10px 0 6px 0}
   
#wrapper {
   margin-left:auto;
   margin-right:auto;
   width:800px;
   height:auto;
   background:#FFFFFF;
   margin-top:30px;}
   
#top {
   width:800px;
   height:95px;
   margin-bottom:10px;}
   
#popupbox{
   position: absolute;
   width:170px;
   text-align:center;
   font-family:Geneva, Arial, Helvetica, sans-serif;
   font-size:12px;
   border: 1px solid black;
   padding: 5px;
   background-color:#ccc;
   visibility: hidden;
   z-index: 100;}
   
.logo {margin-left:25px;}

#slide {
   width:800px;
   height:270px;
   overflow:hidden;}

.slideshow {
   width: 800px;
   height: 270px;
   margin: 0px;
   padding: 0px;
   background-color: #FFFFFF;
   list-style: none;}
   
#shadow {
   width:800px;
   height:30px;
   background-image:url(../images/shadow.gif);}

#topicons {
   width:290px;
   height:90px;
   float:right;
   margin-top:5px}
   
#topicons img {margin-right:10px;}

.topmenu {
	height: 27px;
	text-align: right;
	padding: 5px 16px 0 0;}

.page>.topmenu {
	min-height: 27px;
	height: auto;}

.topmenu li {display: inline;}

.topmenu li a {
	float: right;
	width: 105px;
	height: 22px;
	background: #A3BDE5 url(../images/roll.png) no-repeat left top;
	text-align: center;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	padding-top: 5px;
	overflow: hidden;}
	
.topmenu2 {
	float: right;
	width: 105px;
	height: 22px;
	background: #A3BDE5 url(../images/roll2.png) no-repeat left top;
	text-align: center;
	color: #140d7f;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	padding-top: 5px;
	overflow: hidden;}

.topmenu li>a {
	min-height: 22px;
	height: auto;}
	
.topmenu li a:hover {
	background: #83A6DC url(../images/roll.png) no-repeat 0 -27px;
	color:#140d7f;}
	
#leftmenu {
   width:127px;
   height:350px;
   float:left;
   margin:45px 15px 10px 0}
   
#leftmenu li {
   list-style:none;
   display:block;
   width:127px;
   height:51px;
   margin:4px 0 4px 0}
   
#leftmenu span { display:none}
   
.vpm { width:127px; height:51px; display:block; overflow:hidden; background:url(../images/button_1.jpg) no-repeat top left}
.vpm:hover { width:127px; height:51px; display:block; overflow:hidden; background:url(../images/button_1.jpg) no-repeat 0 -54px;}

.vyhody { width:127px; height:51px; display:block; overflow:hidden; background:url(../images/button_2.jpg) no-repeat top left}
.vyhody:hover { width:127px; height:51px; display:block; overflow:hidden; background:url(../images/button_2.jpg) no-repeat 0 -54px;}

.sprievodca { width:127px; height:51px; display:block; overflow:hidden; background:url(../images/button_3.jpg) no-repeat top left}
.sprievodca:hover { width:127px; height:51px; display:block; overflow:hidden; background:url(../images/button_3.jpg) no-repeat 0 -54px;}

.special { width:127px; height:51px; display:block; overflow:hidden; background:url(../images/button_4.jpg) no-repeat top left}
.special:hover { width:127px; height:51px; display:block; overflow:hidden; background:url(../images/button_4.jpg) no-repeat 0 -54px;}

.refer { width:127px; height:51px; display:block; overflow:hidden; background:url(../images/button_5.jpg) no-repeat top left}
.refer:hover { width:127px; height:51px; display:block; overflow:hidden; background:url(../images/button_5.jpg) no-repeat 0 -54px;}

.kontakty { width:127px; height:51px; display:block; overflow:hidden; background:url(../images/button_6.jpg) no-repeat top left}
.kontakty:hover { width:127px; height:51px; display:block; overflow:hidden; background:url(../images/button_6.jpg) no-repeat 0 -54px;}
	
.sprievodca2 {width:127px; height:51px; display:block; background-image: url(../images/button3hover.jpg)}
.vyhody2 {width:127px; height:51px; display:block; background-image:url(../images/button2hover.jpg);}
.viskoel2 {width:127px; height:51px; display:block; background-image:url(../images/button1hover.jpg);}
.special2 {width:127px; height:51px; display:block; background-image:url(../images/button4hover.jpg);}
.refer2 {width:127px; height:51px; display:block; background-image:url(../images/button5hover.jpg);}
.kontakt2 {width:127px; height:51px; display:block; background-image:url(../images/button6hover.jpg);}
	
#container {
   width:720px;
   height:600px;
   border: 2px solid #ccc;
   margin:0 0 0 20px;
   padding:0 20px 0 20px}
   
#container2 {
   width:720px;
   height:1910px;
   border: 2px solid #ccc;
   margin:0 0 0 20px;
   padding:0 20px 0 20px}
   
#container3 {
   width:720px;
   height:1330px;
   border: 2px solid #ccc;
   margin:0 0 0 20px;
   padding:0 20px 0 20px}
   
#container4 {
   width:720px;
   height:1320px;
   border: 2px solid #ccc;
   margin:0 0 0 20px;
   padding:0 20px 0 20px}
   
#container5 {
   width:720px;
   height:500px;
   border: 2px solid #ccc;
   margin:0 0 0 20px;
   padding:0 20px 0 20px}
   
#container6 {
   width:720px;
   height:975px;
   border: 2px solid #ccc;
   margin:0 0 0 20px;
   padding:0 20px 0 20px}
   
#container7 {
   width:720px;
   height:810px;
   border: 2px solid #ccc;
   margin:0 0 0 20px;
   padding:0 20px 0 20px}
   
.converzny { color:#999999; font-size:11px}
   
#right_icons {
    width:100px;
	height:420px;
	float:right;
	margin-top:45px;
	background-image: url(../images/right_icons.jpg);
	background-repeat:no-repeat;}
	
#topper_icons {
    width:100px;
	height:280px;
	float:right;
	margin-top:45px;
	background-image: url(../images/topper_icons.jpg);
	background-repeat:no-repeat;}
	
#textblock {
   width:430px;
   height:auto;
   float: left;
   margin: 25px 0 0 20px;
   text-align:justify}
   
#textblock2 {
   width:530px;
   height:auto;
   float: left;
   margin: 25px 0 0 20px;
   text-align:justify}
   
.icons { margin:15px 0 10px 20px}

.bottom {
   width:450px;
   height:120px;
   margin:20px 0 10px 0}
   
#footer {
   width:540px;
   margin-left:auto;
   margin-right:auto;
   padding:17px 0 10px 160px;
   font-family:Geneva, Arial, Helvetica, sans-serif; 
   font-size:11px;}
   
#footer a { color:#333333; text-decoration:none;}
#footer a:hover { color:#333333; text-decoration:underline;}

.number {color:#140D7F; font-weight:bold;}

.nopad {padding-top:3px; color:#818FA2; text-align:left; font-size:11px}

a.hotel { color:#740011; text-decoration:underline; font-size:12px;}
a.hotel:hover {color:#740011; text-decoration:none; font-size:12px;}

a.hotel2 { color:#999999; text-decoration:underline; font-size:12px;}
a.hotel2:hover {color:#999999; text-decoration:none; font-size:12px;}

a.kontakt {color: #740011; text-decoration: underline;}
a.kontakt:hover {color: #740011; text-decoration:none;}

a.ceny {color: #740011; text-decoration: underline; font-weight:bold}
a.ceny:hover {color: #740011; text-decoration:none; font-weight:bold}

a.odporucania {color: #818FA2; text-decoration: underline; font-weight:bold}
a.odporucania:hover {color: #818FA2; text-decoration:none; font-weight:bold}

.contact { font-size:12px; color:#666666}

#dropinboxv2cover{
   width: 470px; /*change width to desired */
   position:absolute; /*Don't change below 4 rules*/
   z-index: 100;
   overflow:hidden;
   visibility: hidden;}

#dropinboxv2{
   width: 450px; /*change width to above width-20. */
   border: 2px solid black; /*Customize box appearance*/
   background-color: #ffffff;
   padding: 30px 7px 7px 7px;
   position:absolute; /*Don't change below 3 rules */
   color:#FF0000;
   font-weight:bold;
   left: 0;
   top: 0;}