/* CSS Document */

/**************** BASIC ELEMENTS ****************/

body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, input, fieldset {
	margin: 0;
	padding: 0;
}

body {
  	background: #5c8c20 url(../images/leto/bg_body.jpg) repeat-x left top;
  	font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
  	font-size: 14px;
}

input {
  	font-size: 12px;
  	color: black;
} 

input:focus { 	
}

a img {
  	/* border: 0; */
}

img[align="left"], img {
	margin: 6px 10px 10px 0;
}

img[align="right"] {
	margin: 6px 0 10px 10px;
}

img[align="middle"] {
	margin: 6px 0 10px 0;
}

div#left #loga img {
	margin: 0;
}

ul, li {
  	margin: 0;
  	padding: 0;
}

img, div, a {
  	_behavior: url(css/iepngfix.htc); /* IE PNG Fix v1.0, (c) 2004-2008 Angus Turnbull http://www.twinhelix.com */
}





/**************** FRAMEHOLDER ****************/

div#frameholder {
	width: 958px;
	margin: 0 auto;
	padding: 0 0 25px 0;
	position: relative;
}

div#left {
	width: 313px;
	background: url(../images/leto/bg_left.jpg) no-repeat left 304px;
	float: left;
}

div#right {
	width: 645px;
	float: right;
}

div#left a img {
	border: 0;
}

/**************** HEADER ****************/

div#logo {
	width: 313px;
	height: 93px;
	overflow: hidden;
}

div#logo h1 {
	
}

div#logo h1 a {
	background:transparent url(../images/leto/bg_logo.jpg) no-repeat left top;
	display:block;
	text-indent:-2000em;
	width: 313px;
	height: 93px;
}

div#langselect {
	width: 313px;
	height: 28px;
	padding: 7px 0 0 0;
	text-align: center;
}

div#langselect a {
	padding: 0 6px 0 0;
}

div#langselect a img {
	border: 0;
}

div#langselect .ask {
	display: none;
}

/**************** MENU ****************/

div#mainmenu {
	width: 286px;
	height: 340px;
	padding: 10px 0 0 27px;
}

div#mainmenu ul {
	
}

div#mainmenu ul li {
	list-style-position: outside;
	list-style-type: none;
}

div#mainmenu ul li a {
	font-size: 16px;
	font-weight: bold;
	display: block;
	width: 242px;
	height: 26px;
	padding: 4px 0 0 27px;
	color: black;
	text-decoration: none;
	background: url(../images/leto/bg_sprite01.png) no-repeat left 0;
	_background: url(../images/leto/bg_sprite01.jpg) no-repeat left 0;
}

div#mainmenu ul li a:hover {
	background: url(../images/leto/bg_sprite01.png) no-repeat left -30px;
	_background: url(../images/leto/bg_sprite01.jpg) no-repeat left -30px;
	color: #6B3309;
}

div#minimenu {
	width: 313px;
	height: 22px;
	overflow: hidden;
	position: relative;
}

div#minimenu a {
	color: #457126;
	font-size: 10px;
	text-decoration: none;
	display: block;
	width: 107px;
	height: 22px;
	padding: 0 0 0 28px;
	position: absolute;
}

div#minimenu a:hover {
	color: #6B3309;
}

div#minimenu a.home {
	background: url(../images/leto/bg_sprite01.png) no-repeat left -68px;
	top: 0;
	left: 19px;
}

div#minimenu a.cont {
	background: url(../images/leto/bg_sprite01.png) no-repeat left -98px;
	top: 0;
	left: 153px;
}

/**************** SEARCH ****************/

div#search {
	width: 313px;
	height: 78px;
	background: url(../images/leto/bg_search.png) no-repeat left top;
	position: relative;
}

div#search input {
	padding: 5px 3px;
	position: absolute;
	color: #662b06;
	font-size: 11px;
	left: 35px;
	top: 26px;
	border: 0;
	background: transparent;
}

div#search a {
	display: block;
	width: 35px;
	height: 30px;
	position: absolute;
	top: 23px;
	left: 194px;
}

div#search a:hover {
	background: url(../images/leto/bg_sprite01.png) no-repeat left -120px;
}

/**************** NEWS ****************/

div#news {
	width: 260px;
	height: 235px;
	padding: 30px 25px 0 28px;
	position: relative;
}

div#news h2 {
	font-size: 20px;
	color: #662b06;
	margin: 0 0 15px 0;
	text-shadow: 0 0 0 #000000;
}

div#news h3 {
	font-size: 16px;
	color: black;
	margin: 0;
	text-shadow: 0 0 0 #000000;
}

div#news h3 a {
	font-size: 16px;
	color: black;
	text-decoration: none;
}

div#news h3 a:hover {
	text-decoration: underline;
}

div#news span {
	display: block;
	font-size: 11px;
	color: #662b06;
	margin: -3px 0 0 0;
}

div#news p {
	padding: 0 0 20px 0;
}

div#news p a {
	text-decoration: none;
	color: black;
	font-weight: normal;
}

#newsbtn {
	display: block;
	width: 123px;
	height: 30px;
	padding: 9px 0 0 28px;
	background: url(../images/leto/bg_btns.gif) no-repeat left 0;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #662b06;
	margin: 0 auto;
}

#newsbtn:hover {
	background: url(../images/leto/bg_btns.gif) no-repeat left -39px;
	color: #704f1a;
}

#newsbtn.nwspl {
	font-size: 12px;
	font-weight: normal;
	white-space: nowrap;
	padding: 10px 0 0 25px;
	width: 126px;
	height: 29px
}

a.rssico {
	display: block;
	width: 110px;
	height: 31px;
	background: url(../images/leto/bg_sprite01.png) no-repeat -159px -149px;
	_background: url(../images/leto/bg_ierss.png) no-repeat right 0;
	position: absolute;
	top: 30px;
	right: 0;
	overflow: hidden;
}

a.rssico:hover {
	background: url(../images/leto/bg_sprite01.png) no-repeat -49px -149px;
	_background: url(../images/leto/bg_ierss.png) no-repeat right bottom;
}

/**************** GALERIE (homepage) ****************/

div#galerie {
	width: 309px;
	height: 245px;
	padding: 0 0 0 4px;
	margin: 0 0 20px 0;
}

div.galup {
	width: 304px;
	height: 197px;
	position: relative;
}

div.galup a img {
	border: 0;
}

div.galup div {
	position: absolute;
	right: 12px;
	bottom: 12px;
	width: 17px;
	height: 17px;
	background: url(../images/leto/bg_sprite01.png) no-repeat -49px -128px;
}

div.galup a {
	display: block;
	width: 304px;
	height: 197px;
	text-align: center;
	overflow: hidden;
	background: black url(../images/leto/loader.gif) no-repeat center center;
}

div.galbot {
	width: 304px;
	height: 44px;
	background: url(../images/leto/bg_galbot.gif) no-repeat left top;
	padding: 4px 0 0 0;
}

#galsbtn {
	display: block;
	width: 122px;
	height: 30px;
	padding: 9px 0 0 28px;
	background: url(../images/leto/bg_btns.gif) no-repeat left -78px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: black;
	margin: 0 auto;
}

#galsbtn:hover {
	background: url(../images/leto/bg_btns.gif) no-repeat left -117px;
	color: #222222;
}

.galover {
	position: absolute;
	z-index: 9999;
	left: 0;
	top: 0;
}

div#left #galerie img {
	margin: 0 auto;
}

/**************** LOGA ****************/
div#loga {
	width: 309px;
	padding: 0 0 0 4px;
}

div.logain {
	width: 302px;
	height: 183px;
	background: url(../images/leto/bg_loga.png) no-repeat left top;
	text-align: center;
	padding: 10px 0 0 0;
}


/**************** RIGHT ****************/
span.nadpis {
	display: block;
	width: 645px;
	height: 35px;
	background: url(../images/leto/bg_right-top.jpg) no-repeat left top;
	text-indent: -1000em;
}

span.nadpisen {
	background: url(../images/leto/bg_right-top_en.jpg) no-repeat left top;
}

span.nadpisde {
	background: url(../images/leto/bg_right-top_de.jpg) no-repeat left top;
}

span.nadpispl {
	background: url(../images/leto/bg_right-top_pl.jpg) no-repeat left top;
}

div#mainphoto {
	width: 645px;
	height: 384px;
	background: url(../images/leto/bg_mainphoto.jpg) no-repeat left top;
}

/**************** CONTENT ****************/

div#contentholder {
	background: url(../images/leto/bg_contentholder.gif) repeat-y left top;
	position: relative;
}

div#content2 {
	background: url(../images/leto/bg_content1.jpg) no-repeat left top;
}

div#content1 {
	padding: 0 0 50px 0;
	min-height: 980px;
	_height: 980px;
	background: url(../images/leto/bg_content2.jpg) no-repeat left bottom;
}

div#content {
	padding: 30px;
	overflow:hidden;
	position: relative;
}

div#path {
	display: none;
}

/**************** ICONS ****************/

a#leto {
	display: block;
	width: 66px;
	height: 74px;
	background: url(../images/leto/zima-leto.png) no-repeat 0 0;
	position: absolute;
	left: 247px;
	top: 501px;
	overflow: hidden;
}

a#leto:hover {
	background: url(../images/leto/zima-leto.png) no-repeat 0 -80px;
}

a#zima {
	display: block;
	width: 66px;
	height: 74px;
	background: url(../images/leto/zima-leto.png) no-repeat right 0;
	position: absolute;
	top: 501px;
	right: -61px;
	overflow: hidden;
}

a#zima:hover {
	background: url(../images/leto/zima-leto.png) no-repeat right -80px;
}

div.rener {
	width: 253px;
	height: 133px;
	background: url(../images/leto/bg_renerovky.png) no-repeat left top;
	position: absolute;
	left: 60px;
	bottom: 29px;
}

div#frameholder .switchl {
	background: url(../images/leto/zima-leto_en.png) no-repeat 0 0;
}

div#frameholder .switchl:hover {
	background: url(../images/leto/zima-leto_en.png) no-repeat 0 -80px;
}

div#frameholder .switchz {
	background: url(../images/leto/zima-leto_en.png) no-repeat right 0;
}

div#frameholder .switchz:hover {
	background: url(../images/leto/zima-leto_en.png) no-repeat right -80px;
}

div#frameholder .switchlpl {
	background: url(../images/zima-leto_pl.png) no-repeat 0 0;
}

div#frameholder .switchlpl:hover {
	background: url(../images/zima-leto_pl.png) no-repeat 0 -80px;
}

div#frameholder .switchzpl {
	background: url(../images/zima-leto_pl.png) no-repeat right 0;
}

div#frameholder .switchzpl:hover {
	background: url(../images/zima-leto_pl.png) no-repeat right -80px;
}

div#frameholder .switchlde {
	background: url(../images/zima-leto_de.png) no-repeat 0 0;
}

div#frameholder .switchlde:hover {
	background: url(../images/zima-leto_de.png) no-repeat 0 -80px;
}

div#frameholder .switchzde {
	background: url(../images/zima-leto_de.png) no-repeat right 0;
}

div#frameholder .switchzde:hover {
	background: url(../images/zima-leto_de.png) no-repeat right -80px;
}

/**************** FOOTER ****************/

div#footer {
	width: 645px;
	height: 70px;
	position: absolute;
	bottom: 7px;
	right: 0;
}

div#footer span.fup {
	color: #9f9f9f;
	font-size: 11px;
	display: block;
	padding: 0 20px 20px 20px;
}

div#footer span.fup a {
	color: #9f9f9f;
	font-size: 11px;
	font-weight: bold;
}

div#footer span.fbot {
	color: #cddde4;
	font-size: 11px;
	display: block;
	padding: 0 15px;
}

div#footer span.fbot a {
	color: #cddde4;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}

div#footer span.fleft {
	float: left;
}

div#footer span.fright {
	float: right;
}






.no_display {
  display: none;
}

.clear {
  clear: both;
  overflow: hidden;
}

.cspan {
	clear: both;
	display: block;
	overflow: hidden;
}

.pinputs {
	margin: 0;
	padding: 0;
}

.fuc {
	display: none;
}

.mapa {
	position: absolute;
	top: 79px;
	right: 30px;
	width: 300px;
	height: 320px;
	overflow: hidden;
}



.mapa iframe {
	border: 1px solid #5295B2;
}

.mapa a {
	display: block;
	text-align: center;
	color: white;
	background: #5295B2;
	height: 20px;
	font-size: 11px;
	text-decoration: none;
}




.tablecont {
	border: 1px solid #5295B2;
}

.tablecont tr td:first-child {
	background: #C0E7F8;
	font-weight: bold;
}

.tablecont tr:first-child td {
	background: #5295B2;
	color: white;
	font-weight: bold;
}

div#content .tablecont td {
	padding: 5px;
	vertical-align: middle;
	text-align: center;
}

div#content .tablecont td p {
	padding: 0;
} 


/**************** REZERVACNI FORM ****************/

div#rezform {
	/* background: #F3F3F3; */
	padding: 10px;
	margin: 0 auto;
	width: 420px;
}

div#rezform label {
	display: block;
	width: 90px;
	float: left;
	text-align: left;
	padding: 2px 0 0 0;
}

div#rezform input {
	padding: 5px 3px;
	margin: 0 0 3px;
	font-size: 11px;
	float: left;
	width: 320px;
	border: 0;
	background: #cadef4;
	border: 1px solid #8BD0EF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

div#rezform input:focus, div#rezform textarea:focus {
	border: 1px solid #4773A2;
}

div#rezform input.input_button {
	width: 125px;
	background: #F6F6F6;
	float: none;
	/*text-transform: uppercase;*/
	font-weight: bold;
	color: black;
	border: 2px solid #8BD0EF;
	cursor: pointer;
}

div#rezform input.input_button:hover {
	border: 2px solid #4773A2;
}

div#rezform a#hp-send {
	display: block;
	width: 90px;
	height: 23px;
	background: url(../images/leto/btn_send.png) no-repeat left 0;
	margin: 0 auto;
}

div#rezform a#hp-send:hover {
	background: url(../images/leto/btn_send.png) no-repeat left -23px;
}

div#rezform textarea {
	width: 410px;
	margin: 0 0 3px;
	background: #cadef4;
	border: 1px solid #8BD0EF;
	padding: 5px 3px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

div#rezform p {
	text-align: left;
	padding: 0;
	margin: 0;
}


/**************** GALLERY (cela) ****************/

div#galleryholder {
	margin: 0 auto 20px auto;
	width: 488px;
	overflow: hidden;
}

div.picture {
	width: 202px;
	height: 162px;
	padding: 10px;
	float: left;
	margin: 10px;
	_margin: 5px;
	background: #E5F2FF url(../images/leto/loader2.gif) no-repeat center 60px;
	border: 1px solid #8BD0EF;
	overflow: hidden;
}

div.picture div {
	display: none;
}

div.picture a {
	display: block;
	width: 200px;
	height: 130px;
	text-align: center;
	overflow: hidden;
	border: 1px solid #8BD0EF;
	background: #8BD0EF;
}

div#galleryholder img {
	margin: 0;
}

div.picture span {
	display: block;
	text-align: center;
	font-size: 11px;
	color: #555555;
	padding: 3px 0 0 0;
}


#frameholder .win {
	display: none;
}

/* END of CSS Document*/