body { background: url(../images/body_background.jpg) repeat-x #66ba56; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-top: 0; color:#666666; }
ul, li 	{ margin: 0; padding: 0; }
p	{ margin: 5px 0; line-height: 160%; text-align: justify }
fieldset { border: #c8f1bd 1px solid; background-color: #f6fdf4; width: 470px; padding: 5px; }
form { margin: 0 }
img { border: 0 }
hr	{ border: #66cc33 solid 1px; }

/* odkazy */

a	     { color: #66cc33; text-decoration: underline; }
a:visited	     { color: #66cc33; text-decoration: underline; }
a:hover	     { color: #333333; text-decoration: underline; }

#bottom a		{ color: #CCCCCC; text-decoration: underline; }
#bottom a:visited	{ color: #CCCCCC; text-decoration: underline; }
#bottom a:hover		{ color: #333333; text-decoration: underline; }

#bottom 	{ background: url(../images/content_patka.gif) no-repeat; width: 800px; height: 7px; padding-top: 15px; color: #FFFFFF; font-size: 11px; text-align: center; }


/* Styly nadpisu */

h1, h2, h3 { font-family: Arial, Helvetica, sans-serif }

h1	{ display: block; font-size: 16px; color: #66cc33; font-weight: bold; border-left: #000000 solid 4px; padding-left: 10px; }
h2	{ display: block; font-size: 16px; color: #66cc33; font-weight: bold; border-left: #000000 solid 4px; padding-left: 10px; }
h2.ubytovani_name	{ display: block; font-size: 16px; color: #66cc33; font-weight: bold; border-left: #000000 solid 4px; padding-left: 10px; width: 300px; float: left; }
h3	{ font-size: 13px; font-weight: bold; color: #66cc33; margin-bottom: 5px; }
h5 	{ margin: 5px 0; padding: 0; font-size: 12px; color: #6c3; }
	
/* hlavní layout */

#container 	{ width: 800px; margin-left: auto; margin-right: auto; margin-top: 0; }
#logo 		{ width: 400px; height: 55px; float: left; }
#search 	{ text-align: right; width: 340px; padding: 25px 10px 0 50px; height: 30px; float: right; }
#header 	{ width: 800px; height: 180px; padding: 0; }
#content 	{ background: url(../images/content_background.gif) repeat-y; width: 770px; padding: 10px 15px; }
#left 		{ width: 200px; float: left; }
#right 		{ width: 570px; float: right; }
#bottom 	{ background: url(../images/content_patka.gif) no-repeat; width: 800px; height: 7px; }

/* Odstavcove styly */

p.hlavni_popis	{ display: block; font-size: 12px; text-align: justify }
	
/* navigace box */

#navigation 					{ margin-bottom: 5px; }
#navigation ul, li 				{ list-style: none; margin: 0; padding: 0; }
#navigation a.main_nav 			{ display: block; text-align: right; font-size: 11px; height: auto; _height: 20px; width: 140px; border-left: #66cc33 solid 3px;  border-right: #66cc33 solid 3px; margin: 6px 2px 6px 2px; padding: 0 10px; line-height: 20px; text-decoration: none; color: #999999; font-weight: bold; text-transform: uppercase; }
#navigation a.main_nav:hover 	{ display: block; text-align: right; font-size: 11px; height: auto; _height: 20px; width: 140px; border-left: #CCCCCC solid 3px; border-right: #CCCCCC solid 3px; margin: 6px 2px 6px 2px; padding: 0 10px; line-height: 20px; text-decoration: none; color: #66cc33; font-weight: bold; }


/* doporucujeme box */

#doporucujeme 			{ margin-bottom: 5px; }
#doporucujeme h4 		{ text-align: center; font-size: 12px; color: #333333; margin: 5px 0; padding: 0; text-transform: uppercase; }
#doporucujeme h5 		{ display: block; font-size: 11px; color: #66cc33; margin: 15px 0 5px 9px; padding: 0; }
#doporucujeme img 		{ width: 140px; border: #66cc33 solid 1px; padding: 5px; margin-left: 9px; }
#doporucujeme p 		{ padding: 0 5px 5px 9px; font-size: 10px; line-height: 150%; }
#doporucujeme p a		{ text-decoration: none; color: #66cc33; }
#doporucujeme p a:hover	{ text-decoration: underline; color: #66cc33; }


/* zasilani aktualit box */

#aktuality 				{ margin-bottom: 5px; }
#aktuality h4 			{ text-align: center; font-size: 12px; color: #333333; margin: 5px 0; padding: 0; }
#aktuality .searchfield	{ display: block; line-height: 18px; width: 150px; height: 18px; font-size: 12px; border: #66cc33 solid 1px; margin-left: 8px; text-align: left; }
#aktuality p  			{ padding: 0 5px 5px 9px; font-size: 10px; line-height: 150%; }
#aktuality a 			{ display: block; text-decoration: none; color: #66cc33; font-weight: bold; font-size: 12px; margin: 5px 8px 5px 0; text-align: right }
.inputaktual { margin: 5px 8px 5px 88px; width: 71px; display: block; background-color: #F6FDF4; border: 0px; color: #66CC33; font-weight: bold; font-size: 12px; line-height: 20px; padding-left: 0; padding-right: 0 }	


/* pocitadlo box */

#pocitadlo 				{ margin-bottom: 5px; }
#pocitadlo h4 		{ text-align: center; font-size: 12px; color: #333333; margin: 5px 0; padding: 0; }
#pocitadlo p 		{ padding: 10px 10px 10px 10px; font-size: 13px; line-height: 150%; text-align: center; color: #66cc33; font-weight: bold }

#jachty 		{ margin-bottom: 5px; text-align: center; }	


/* pomocne styly */
.skryty 	{ display: none; }
.clear 		{ clear: both; }
.left		{ float: left; }
.right		{ float: right; }
.row180		{ width: 180px; }

/* obrazkove styly */

.ubytovani_hlavni	{ background-color: #FFFFFF; padding: 5px; margin-right: 10px; margin-bottom: 10px; border: #66cc33 1px solid; float: left; }
.thumb				{ border: #66cc33 solid 1px; padding: 3px; margin-right: 5px; margin-bottom: 5px; background-color: #FFFFFF; width: 100px; display: block }
.thumb2				{ border: #66cc33 solid 1px; padding: 3px; margin-right: 10px; margin-bottom: 10px; background-color: #FFFFFF; float: left }

.thumb-left	{ float: left; border: #66cc33 solid 1px; padding: 5px; margin-right: 15px; margin-bottom: 0; }
.thumb-right	{ float: right; border: #66cc33 solid 1px; padding: 5px; margin-left: 15px; margin-bottom: 0; }
	
/* search box */

.searchfield 	{ width: 150px; height: 15px; font-size: 11px; border: #000000 solid 1px; margin-right: 5px; }
/*#search a.hledat 		{ display: inline; text-decoration: none; color:#FFFFFF; font-weight: bold; font-size: 12px; line-height: 20px; }*/
.inputhledat { display: inline; background-color: #56AA46; border: 0px; color: #FFFFFF; font-weight: bold; font-size: 12px; line-height: 20px; }



/* prvky vyhledavani */

#mista ul li { display: inline; }
#typ ul li { display: inline; }
#cena ul li { display: inline; }
#sport ul li { display: inline; }
#restaurace ul li { display: inline; }
#relaxace ul li { display: inline; }

/* boxy */

.green 	{ border: #c8f1bd 1px solid; background-color: #f6fdf4; width: 170px; padding: 5px; }
	
	
/* login box */

#login		{ width: 200px; margin: auto; margin-top: 150px; border: #E9F8DE 10px solid; padding: 10px 30px 5px 30px; background-color:#FFFFFF }
#login p	{ text-align: right; }

/* administrace */

#administrace	{ width: 800px; margin: auto; margin-top: 150px; border: #E9F8DE 10px solid; padding: 10px; background-color:#FFFFFF }
#legend	{ font-size: 11px; }

/* formulare */

.aktuality_predmet	{ display: block; border: #0DFF0D solid 1px; background-color: #F7F7F7; width: 200px; height: 18px; font-size: 11px }
.aktuality_text		{ display: block; border: #0DFF0D solid 1px; background-color: #F7F7F7; width: 550px; height: 300px; font-size: 11px}
.aktuality_odeslat	{ display: block; border: #0DFF0D solid 1px; background-color: #F7F7F7; width: 80px; height: 18px; font-size: 11px }
.ubytovani_polozka	{ display: inline; border: #0DFF0D solid 1px; background-color: #F7F7F7; width: 300px; height: 18px; font-size: 11px }
.ubytovani_polozka2	{ display: block; border: #0DFF0D solid 1px; background-color: #F7F7F7; width: 550px; height: 110px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
.ubytovani_polozka3	{ display: inline; border: #0DFF0D solid 1px; background-color: #F7F7F7;  height: 18px; font-size: 11px }
.ubytovani_polozka4	{ display: inline; border: #0DFF0D solid 1px; background-color: #F7F7F7; width: 200px; height: 18px; font-size: 11px }
.ubytovani_polozka5	{ display: block; border: #0DFF0D solid 1px; background-color: #F7F7F7; width: 550px; height: 200px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
.ubytovani_polozka6	{ display: block; border: #0DFF0D solid 1px; background-color: #F7F7F7; width: 500px; height: 45px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
.polozka6	{ display: inline; border: #0DFF0D solid 1px; background-color: #F7F7F7; height: 18px; font-size: 11px; width: 125px }
.polozka7	{ display: inline; border: #0DFF0D solid 1px; background-color: #F7F7F7; height: 18px; font-size: 11px; width: 200px }
.polozka8	{ display: inline; border: #0DFF0D solid 1px; background-color: #F7F7F7; height: 100px; font-size: 11px; width: 400px; font-family: Arial, Helvetica, sans-serif; }
.rezervace { font-size: 2em; font-weight: bold; line-height: 3em; background-color: #F0FCED ; text-decoration: none; margin-left: 140px; padding: 4px 4px; border: solid 1px #66cc33; }
.rezervace:hover { font-size: 2em; font-weight: bold; line-height: 3em; background-color: #FFFFFF; text-decoration: underline; margin-left: 140px; padding: 4px 4px; border: solid 1px #66cc33; }
legend   { color: #333333 ; font-size: 12px; background-color: #FFFFFF; text-align: right; padding: 0.2em 0.5em; border: solid 1px #66cc33; }
label     { text-align: right; margin-right: 0.5em; padding-top: 0.2em; width: 30%; float: left }

/* tsbulky */

tr.hlavicka	{ color: #FFFFFF; background-color: #6c3; font-weight: bold; font-size: 11px; }
tr.one	{ color: #333; background-color: #FBFBFB ; font-size: 11px; }
tr.two	{ color: #333; background-color: #F0FCED; font-size: 11px; }
table.normal 	{ border: #66cc33 1px solid; background-color: #F0FCED; width: 550px; height: 110px; padding: 5px; margin-bottom: 5px; }
table.tip 		{ border: #FF0000 1px solid; background-color: #FFF9F9; width: 550px; height: 110px; padding: 5px; margin-bottom: 10px; }
table.pocasi	{ font-size: 11px }
td.td120		{ width: 120px; }
td.td270		{ width: 270px; }
td.zvyraznit { color: #FFFFFF; background-color: #6c3; font-weight: bold; font-size: 11px; }
td.zvyraznit a { color: #FFFFFF; }
/* galerie */
#galerie_ubytovani		{ width: 550px; border: #66cc33 1px solid; background-color: #F0FCED; padding: 3px; }
#galerie2		{ width: 100%; }
#galerie_ubytovani img	{ display: block; border: #66cc33 1px solid; padding: 3px; background-color: #FFFFFF; float: left; width: 170px; margin: 2px; }
.galerka { float:left; display:inline; width:176px; background-color:#F3F3F3; border:1px solid #DDDDDD; margin: 0 6px 6px 0; padding:5px 0px 5px 5px; text-align:left }
.galerka img { border: 0; margin: 0 0 3px 0; }


/* styly pocasi */
#kaledar		{ float: left; width: 250px; height: 250px; border: #66cc33 solid 1px; padding: 10px }
#pocasi_volby	{ float: left; width: 260px; height: 250px; margin-left: 10px; border: #6c3 solid 1px; padding: 10px; background-color: #F0FCED; }
.pocasi_den			{ float: left; width: 165px; margin: 5px 5px ; border: #6c3 solid 1px; padding: 5px; background-color: #fff; }
.pocasi_ikonka		{ float: left; width: 60px; text-align: center; }
.pocasi_teploty		{ float: right; width: 70px; padding: 6px 5px; font-size: 13px; }
.pocasi_predpoved	{ width: 165px; margin-top: 5px; text-align: justify; font-size: 11px; }

/* barvy */
.grey 	{ color: #999999; }
.empty 	{ color: #CCCCCC; }
.black	{ color: #000000; }

/* BANNERY */
#banner1, #banner2, #banner3 {
background: url(../images/reklama.png) no-repeat left;
padding-left: 17px;
float: left;
margin-right: 13px;
margin-bottom: 15px;
height: 70px;
}

#banner1 img, #banner2 img, #banner3 img {
border: 0;
margin: 0;
padding: 0;
}

#banner1 { 
width: 170px;
}

#banner2 { 
width: 300px;
}

#banner3 { 
width: 500px;
}

/* language */
#lang { margin-bottom: 5px; text-align: center; }

#lang a img, #lang a:visited img { border: 1px solid #9C9; margin: 4px 3px 0 3px; }

#lang a:hover img { border: 1px solid #393; }


.schovat {
  cursor: pointer;
  cursor: hand;
  text-decoration: underline;
  margin-bottom: 5px;
}