body {font-family: Verdana, Tahoma, Arial, Helvetica; text-decoration: none; color: #666666; font-size: 10pt; margin: 0px; background-color: #ffffff;}
H1{
	font-size: 16px;
	font-weight: bold;
	color: #aaaaaa;
	text-align: center;
}
A {
	color: #6495ed;
	text-decoration: underline;
}
A:hover{
	color: #00008b;
}

.tabulka TH{
	 font-size: 11px;
	 background-color: #cccccc;
	  border: 1px solid black;
		padding: 3px;
}
.tabulka TD{
	 font-size: 11px;
	 border: 1px solid black;
	 padding: 3px;
}
.note{
	border: 0px solid black;
	font-size: 10px;
	color: black;
}
.hlavni {font-family: Verdana, Tahoma, Arial, Helvetica; text-decoration: none; color: #666666; font-size: 9pt}
.hlavni:link {font-family: Verdana, Tahoma, Arial, Helvetica; text-decoration: none; color: #3366cc; font-size: 9pt}
.hlavni:hover {font-family: Verdana, Tahoma, Arial, Helvetica; text-decoration: underline; color: #3366cc; font-size: 9pt}
.hlavni:visited {font-family: Verdana, Tahoma, Arial, Helvetica; text-decoration: none; color: #3366cc; font-size: 9pt}
.male {font-family: Verdana, Tahoma, Arial, Helvetica; text-decoration: none; color: #000000; font-size: 8pt}
.proCleny{background-color: #dddddd; border-color: #999999; border-width: 1; border-style: solid; font-size: 11px}
.button{background-color: #bbbbbb; border-color: #999999; border-width: 2; border-style: ridge; font-size: 11px}
.menua:link {font-family: Tahoma; text-decoration: none; color: #000000; font-size: 11px}
.menua:hover {font-family: Tahoma; text-decoration: underline; color: #000000; font-size: 11px}
.menua:visited {font-family: Tahoma; text-decoration: none; color: #000000; font-size: 11px}
.hlavni_cast{
    background-color: #eeeeee;
		border-color: #aaaaaa;
		border-style: solid;
		border-width: 1px;
		padding: 10px;
		padding-left: 30px;
		font-size: 11px;
}
.upoutavka{
	display: block;
	font-size: 10px;
	border-bottom-color: #eeeeee;
	border-top-color: #eeeeee;
	border-left-color: #cccccc;
	border-right-color: #cccccc;
	border-style: solid;
	border-bottom-width: 1px;
	border-top-width: 0px;
	border-right-width: 2px;
	border-left-width: 4px;
	padding: 3px;
	text-align: center;
	margin-bottom: 5px; 		
}
.upoutavka:link{
	text-decoration: none;
	color: black;
}
.upoutavka:visited{
	text-decoration: none;
	color: black;
}
.upoutavka:hover{
	text-decoration: none;
	background-color: #aaaaaa;
	color: black;
	border-left-color: red;
	border-right-color: #aaaaaa;
	border-bottom-width: 1px;
}
.zahlaviMenu{
	font-family: Tahoma; 
	text-decoration: none; 
	color: #000000; 
	font-size: 11px; 
	border-top-width: 1px; 
	border-left-width: 1px; 
	border-right-width: 1px;
	border-bottom-width: 1px;	
	border-style: solid; 
	border-color: 000000;
}
.tabulkaMenu {
	border-top-width: 0px; 
	border-left-width: 0px; 
	border-right-width: 0px; 
	border-bottom-width: 0px; 
	border-style: solid;
	border-color: 000000;
	padding: 0px;
	background-color: #cccccc;
}
.tabulkaHlavni {
	border-top-width: 0px; 
	border-left-width: 0px; 
	border-right-width: 0px; 
	border-bottom-width: 0px; 
	border-style: dashed;
	border-color: 000000;
	padding: 0px;
	background-color: #ffffff
}
#WebAtelier {
	border-top-width: 1px; 
	border-left-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-style: solid;
	border-color: 000000;
	padding: 0px;
}

.odkaz:link {font-family: Tahoma; text-decoration: none; color: #666666; font-size: 10pt}
.odkaz:hover {font-family: Tahoma; text-decoration: underline; color: #666666; font-size: 10pt}
.odkaz:visited {font-family: Tahoma; text-decoration: none; color: #666666; font-size: 10pt}
.tigraIn{color: #000000; cursor: hand; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration : none;}
.tabulka{font-size: 10px;}

/* --- static menu styles ---
note:
	1. not all browsers render styles the same way so try out your style sheet
	on different browsers before publishing;
style naming convention:
	m<zero based menu number>l<zero based level number>i|o<for inner or outer tag>
*/

.m0l0i {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration : none;
	padding: 2px;
}
.m0l0o {
	text-decoration : none;
	border : 1px solid #333333;
}
.m0l1i {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration : none;
	padding: 2px;
}
.m0l1o {
	text-decoration : none;
	border : 1px solid #333333;
}
.m0l2i {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration : none;
	padding: 2px;
}
.m0l2o {
	text-decoration : none;
	border : 1px solid #333333;
}
.m0l3i {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration : none;
	padding: 2px;
}
.m0l3o {
	text-decoration : none;
	border : 1px solid #333333;
}
.m0l4i {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration : none;
	padding: 2px;
}
.m0l4o {
	text-decoration : none;
	border : 1px solid #333333;
}
.penzion{
 font-size: 10px;
 margin-bottom: 20px;
 border-bottom: 2 solid #a52a2a; 
}
.penzion_jmeno{
 font-weight: bold;
 color: #a52a2a;
 font-size: 12px;
}
.penzion_obrazek{
 float: right;
 background: #eeeeee;
}


.important{
	color: #CF0C0C;
}

#lista{
	background: #ddd;
	margin-bottom: 1em;
	padding: 0.3em;
	color: black;
	font-size: x-small;
}
#lista a{
	color: black;
}
#lista a:hover{
	color: orangered;
}