/* --- loucna.com --- */
body {
	background-color: #F4FBE8;
	background-color: #fff;
	color: #000;
	font-size: 75%;
	line-height: 1.4em;
	margin: 0px 0px 20px 0px;
  padding: 0px;
}

body, td, input, textarea, select {
 	font-family: "Arial CE", Arial, Tahoma, sans-serif;
}

h1, h2, h3, h4, h5, h6, p, form {
	margin: 0px;
	padding: 0px;
}

h2 {
	font-size: 1.6em;
  font-weight: normal;
  xmargin-top: 0.1em;;
  margin-bottom: 0.1em;
  xpadding-right: 20px;
	xline-height: 1.2em;
	padding-top: 12px;
	color: #033;
}

h3 {
	font-size: 1.1em;
	xmargin-bottom: 0.2em;
  xfont-weight: normal;
  color: #4D7D00;
}

h4 {
	font-size: 1.2em;
	color: #395B00;
}

h5 {
	color: #000;
  font-size: 1.1em;
 	margin-bottom: 0.1em;;
}

.error h5 {
	color: #f00;
  font-size: 1.4em;
 	margin-bottom: 0.2em;
}

h6 {
	color: #033;
  font-size: 1.4em;
  font-weight: normal;  
 	margin-bottom: 0.4em;;
}

a {
	color: #033;
	text-decoration: underline;
}

a:hover {
	color: #063;
	text-decoration: underline;
}

strong {
	color: #000;
}

sup {
  font-size: 0.9em;
}

img {
  display: block;
	border: none;
}

ul {
	line-height: 1.4em;
  list-style-position: outside;
  margin: 0px;
	padding: 0px;
	padding-left: 30px;	
}

li {
	margin: 0px;
	padding: 0px;
}

/* --- page --- */
#page {
	margin: 0px auto;
	width: 760px;
}

/* --- menu-head --- */
#menu-head {
  float: right;
  color: #033;
  font-size: 0.9em;
  margin-top: 6px;
}

#menu-head a, #menu-head a:link, #menu-head a:visited {
  color: #033;
	padding: 0px 3px;
}

#menu-head a:hover {
  color: #060;
}

/* --- menu-top --- */
#menu-top {
 	margin-bottom: 5px;
}

#menu-top a, #menu-top a:link, #menu-top a:visited {
  text-align: center;
  float: right;
  color: #033;
	text-decoration: none;
  font-size: 0.9em;

  width: 90px;
  height: 20px;
  padding-top: 65px;
  background-position: 0% 0%;
  background-repeat: no-repeat; 
}

.left-brd {
  margin-left: 3px;
}

#menu-top a:hover {
	text-decoration: underline;
}

.icon-aktuality {background-image: url("Slices/icon_aktuality.gif");}
.icon-aktuality-focus {background-image: url("Slices/icon_aktuality_focus.gif");}

.icon-cyklotrasy {background-image: url("Slices/icon_cyklotrasy.gif");}
.icon-cyklotrasy-focus {background-image: url("Slices/icon_cyklotrasy_focus.gif");}

.icon-ubytovani {background-image: url("Slices/icon_ubytovani.gif");}
.icon-ubytovani-focus {background-image: url("Slices/icon_ubytovani_focus.gif");}

.icon-restaurace {background-image: url("Slices/icon_restaurace.gif");}
.icon-restaurace-focus {background-image: url("Slices/icon_restaurace_focus.gif");}

.icon-sluzby {background-image: url("Slices/icon_sluzby.gif");}
.icon-sluzby-focus {background-image: url("Slices/icon_sluzby_focus.gif");}

.icon-zajimavosti {background-image: url("Slices/icon_zajimavosti.gif");}
.icon-zajimavosti-focus {background-image: url("Slices/icon_zajimavosti_focus.gif");}

.icon-kunetice {background-image: url("Slices/icon_kunetice.gif");}

/* --- content --- */
#content {
  clear: both;
  background-image: url("Slices/bg_content.jpg");
  background-position: 0% 0%;
}

#content-welcome {
  clear: both;
  background-image: url("Slices/bg_content_welcome.jpg");
  background-position: 0% 0%;
}


/* --- menu-left --- */
#menu-left {
  float: left;
  width: 150px;
  background-color: #395B00;
  color: #EDF7DB;
}

#menu-left p {  
 	padding: 5px 5px 5px 7px;
  font-size: 0.9em;
  line-height: 1.3em;
  color: #D5ECA8;
}

#menu-left a, #menu-left a:link, #menu-left a:visited {
  display: block;
  color: #D5ECA8;
	width: 143px;
	text-decoration: none;
 	xborder-top: 1px solid #127054;
 	xborder-bottom: 1px dotted #B8DF6F; 	
 	padding: 2px 0px 2px 7px;
  font-size: 0.9em;
  background-color: #395B00;
  font-weight: bold; 	
}

#menu-left a:hover {  
	text-decoration: underline;
}

.menu-left-brd-top {
 	xborder-top: 1px solid #127054;
}

.tx-1 {
  xfont-size: 1.1em;
}

.left-focus {
  background-color: #ADD6AD;  
}

.left-link {
  background-color: #9c9;
}



/* --- main --- */
#main {
	float: right;
	padding: 0px 7px 20px 12px;
  width: 584px;
  xtext-align: left;
  border-top: 1px solid #ABD955;
  border-right: 1px solid #ABD955;
  border-left: 1px solid #ABD955;  
}

#main p{
  padding-right: 10px;
}

.foto {
  width: 581px;
}

/* --- main-left --- */
#main-left {
	float: left;
	xpadding: 7px 0px 0px 0px;
  xwidth: 170px;
  xfont-size: 0.9em;
  width: 412px;
  xmargin-top: 12px;
  xborder: 1px solid #666;  
}

/* --- main-right --- */
#main-right {
	float: right;
	padding: 8px 8px 10px 8px;
  width: 154px;
  font-size: 0.9em;
  line-height: 1.3em;
  border-top: 7px solid #fff;
  xborder: 1px solid #666;  
}

#obce-right {
	float: right;
	padding: 8px 8px 10px 8px;
  width: 154px;
  xfont-size: 0.9em;
  xline-height: 1.3em;
  xborder-top: 7px solid #fff;
  xborder: 1px solid #666;
  background-color: #EDF7DB;
  margin: 0px 0px 10px 10px;
  border-top: 7px solid #fff;
  clear: right;
}

.main-right-link {
  font-size: 1.2em;
  margin: 5px 0px;
}


.link {
	font-size: 0.8em;
  color: #999;
  margin-bottom: 1.2em;
}

.link a, .link a:link, .link a:visited {
  color: #999;
}

.link a:hover {
}

#copyright {
  clear: both;
	color: #033;  
	font-size: 0.9em;
  line-height: 1.5em;
  padding: 5px 3px 0px 3px;
  width: 753px;
}

#copyright a, #copyright a:link, #copyright a:visited {
	color: #033;
  text-decoration: underline;
}

#copyright a:hover {
	color: #060;
}

#validator {
  float: right;
}

#bluetex {
  float: right;
}

#bluetex a, #bluetex a:link, #bluetex a:visited {
	color: #033;
  text-decoration: underline;  
}

#bluetex a:hover {
	color: #060;
}

/* --- welcome --- */
.welcome-left {
  background-image: url("Slices/bg_welcome_2.jpg");
  background-position: 0% 0%;
  background-repeat: no-repeat;
	float: left;
  width: 376px;
  padding: 0px 17px 0px 17px;
}

.welcome-right {
  background-image: url("Slices/bg_welcome_5.jpg");
  background-position: 0% 0%;
  background-repeat: no-repeat;
  padding: 0px 10px 0px 10px;
  font-size: 0.9em;
	float: right;
  width: 155px;
}

.welcome-right p {
  line-height: 1.4em;
}

.xnews-box {
  font-size: 0.9em;
	xfont-weight: bold;
	margin-bottom: 0.6em;
	color: #033;
}

.xnews-box a, {
}


.vypis-right {
  float: right;
  xfont-size: 0.9em;
	xfont-weight: bold;
	margin-top: 4px;
	xcolor: #033;
	margin-right: 5px;
}

.welcome-h2 {
  background-image: url("Slices/bullet_welcome.gif");
  background-position: 0px 50%;
  background-repeat: no-repeat;
  font-size: 1.7em;
  xfont-weight: bold;
	padding: 10px 0px 8px 25px;
	margin-bottom: 0.3em;
}

.welcome-img-right {
  float: right;
  padding: 3px 0px 5px 12px;
}

/* --- table-2 (cyklotrasy) --- */
.table-2 {
	width: 579px;
	xborder-top: 4px solid #fff;	
}

.table-2 td, th {
	xfont-size: 0.9em;
  xpadding: 3px 6px;
  xline-height: 1.1em;
	vertical-align: top;
}

.td-2-1 {
	border-right: 1px solid #fff;
  width: 12%;
  vertical-align: top;
	text-align: left;
  xpadding-top: 2px;
}


.td-2-2 {
	border-right: 1px solid #fff;
  width: 60%;
  vertical-align: top;
	text-align: left;
  xpadding-top: 2px;
}

.td-2-3 {
	border-right: 1px solid #fff;
  width: 13%;
  vertical-align: top;
  text-align: center;
  xpadding-top: 2px;
}

.td-2-4 {	
	width: 15%;
  text-align: center;
  xpadding-top: 2px;
}

.td-2-5 {	
	xwidth: 15%;
  xtext-align: center;
  xpadding-bottom: 2px;
}

.td-2-6 {	
	xwidth: 15%;
  xtext-align: center;
  xpadding-bottom: 2px;
}


/* --- table-3 (výpis dat) --- */
.table-3 {
	width: 580px;
	xborder-top: 4px solid #fff;
}

.table-3 td, th {
	xfont-size: 0.9em;
  xpadding: 2px 6px;
	text-align: left;  
}

.td-3-1 {
	border-right: 1px solid #fff;
  width: 20%;
  vertical-align: top; 
}

.td-3-2 {
	border-right: 1px solid #fff;	
	width: 25%;
  vertical-align: top;
}

.td-3-3 {
	width: 55%;
}

/* --- table-4 --- */
.table-4 {
	width: 580px;
	xborder-top: 4px solid #fff;	
	xmargin-top: 5px;
}

.table-4 td {
	xfont-size: 0.9em;
  xpadding: 4px 6px;
	text-align: left;
	xline-height: 1.3em;
  vertical-align: top;	
}

.td-4-1 {
	border-right: 1px solid #fff;
  width: 20%;
  font-weight: bold;
}

.td-4-2 {	
	width: 80%;
}


/* --- table-6 (cyklotrasy-detail) --- */
.table-6 {
	width: 579px;
	xborder-top: 4px solid #fff;	
	xmargin-top: 5px;
}

.table-6 td, th {
	xfont-size: 0.9em;
  xpadding: 3px 6px;
  xline-height: 1.1em;
	xvertical-align: top;
}

.td-6-1 {
	border-right: 1px solid #fff;
  width: 6%;
  xvertical-align: top;
	text-align: center;
}

.td-6-2 {
	border-right: 1px solid #fff;
  width: 8%;
  xvertical-align: top;
	text-align: center;
}

.td-6-3 {
	border-right: 1px solid #fff;
  width: 26%;
  xvertical-align: top;
  text-align: left;
}

.td-6-4 {	
	width: 60%;
  text-align: left;
}

/* --- table-7 (cyklotrasy-detail) --- */
.table-7 {
	width: 320px;
	xborder-top: 4px solid #fff;
	margin-bottom: 1.4em;
}

.table-7 td {
	xfont-size: 0.9em;
  xpadding: 3px 6px;
  xline-height: 1.1em;
}

.td-7-1 {
	border-right: 1px solid #fff;
  width: 65%;
	text-align: left;
}

.td-7-2 {
	border-right: 1px solid #fff;
  width: 35%;
	text-align: left;
}

/* --- table-8 (tel. čísla) --- */
.table-8 td, th {
	xfont-size: 0.9em;
  xpadding: 3px 6px;
  xline-height: 1.1em;
	xvertical-align: top;
}

.td-8-1 {
	border-right: 1px solid #fff;
  width: 43%;
  xvertical-align: top;
	text-align: left;
}


.td-8-2 {
	border-right: 1px solid #fff;
  width: 15%;
  xvertical-align: top;
	text-align: center;
}

.td-8-3 {
	border-right: 1px solid #fff;
  width: 22%;
  xvertical-align: top;
  text-align: center;
}

.td-8-4 {	
	width: 20%;
  text-align: left;
}

.light {
	xborder-top: 1px solid #D5ECA8;
	border-bottom: 1px solid #D5ECA8;
}

.dark {
  background-color: #EBF2D9;
	border-bottom: 1px solid #D5ECA8;
}

table {
	border-top: 1px solid #D5ECA8;
	xpadding-top: 0.8em;
}

table td, table th {
	font-size: 0.9em;
  padding: 4px 6px;
  line-height: 1.3em;
}

.cyklo-right {
	float: right;
	margin: 0px 5px 5px 5px;
	text-align: center;
	line-height: 1.3em;
	width: 100px;
}

.cyklo-right img {
	xmargin-bottom: 4px;
}


/* --- other class --- */
.clear {clear: both;}
.box-3 {margin-bottom: 3px;}
.box-5 {margin-bottom: 5px;}
.box-10 {margin-bottom: 0.6em;}
.box-12 {margin-bottom: 0.8em;}
.box-15 {margin-bottom: 1.2em;}
.box-20 {margin-bottom: 1.4em;}
.box-50 {margin-bottom: 30em;}
.box-10-up {margin-top: 0.6em;}
.box-15-up {margin-top: 0.1em;}

.adresa-left {
  float: left;
  padding: 0px 1.2em 1.2em 0px;
}

.box-left {
  float: left;
  margin-right: 30px;
}

.left {
  float: left;
}

.box-img {
  float: left;
	border-top: 0.8em solid #fff;
}

.box-img img {
  margin-bottom: 6px;
}

.znak {
  float: right;
  margin: 5px 5px 10px 15px;
}

.foto {
  margin-top: 5px;
  margin-bottom: 1.2em;
}

.img-foto {
  float: left;
  margin: 0px 0px 1.2em 0px;
  margin-right: 5px;
	border: 2px solid #ABD955;	
	padding: 1px;
}

.img-foto-right {
  float: left;
  margin: 0px 0px 1.2em 0px;
	border: 2px solid #ABD955;	
	padding: 1px;
}

.img-right-big {
  float: right;
  margin: 0px 10px;
 	border: 2px solid #ABD955;	
  clear: left;
  xmargin-top: 8px;
}

.img-right {
  float: right;
  margin-left: 15px;
  xclear: right;
  margin-top: 8px;
}

.line {
  clear: both;
  margin-top: 0.8em;
  margin-bottom: 0.6em;
	xborder-bottom: 1px solid #eee;
}

.ikony-menu {
	xfloat: left;
	xmargin: 5px;
}

.news-text {
  line-height: 1.3em;
  font-size: 0.9em;
}

.news-box {

  margin-bottom: 0.7em;
}