/* 
	Author: Martin Louzecky, www.louzecky.cz
	Version: 1.0.0
*/

html, body {
	font-family: "Arial CE",Arial,Verdana,sans-serif;
	margin:0; 
	padding:0; 
	height:100%;
	font-size: 0.9em;	
	background-color: #ffffff; 
}
h1, h2, h3, h4, form {	
	margin:0; 
	padding:0;
} 
img, div { 
	behavior: url(iepngfix.htc) 
}
img {
	border:0; 
}
.clear {
	clear: both;
}
del, .hidden, .none {
	display:none;
}



/* plovouci funkce ------------------------------------------ */

body {min-width:800px}
* html, * html body{
	overflow:hidden;
	padding:50px 0;
	margin:-50px 0;
	padd\ing:0;
	ma\rgin:0;	  
}
* html #outer { 
	text-align:center;
	voice-family: "\"}\""; voice-family:inherit; 
}
* html #outer { text-align:left;}
* html #outer { 
	overflow:auto;
	height:99.9%;
	voice-family: "\"}\""; voice-family:inherit;
}
* html #contain-all{
	text-align:center;
	position:absolute;
	overflow:auto;
	width:100%;
	height:100%;
	z-index:1;	
}
#top-bar{
	position:absolute;
	width:404px;
	height:1000px;
	margin:0;
	padding:0;
	text-align:left;
	z-index:0;
	overflow:hidden;
}
#topbar-inner {
	text-align:left;
}
* html #topbar-inner {margin-right:17px;}
html>body #top-bar,html>body #footer,html>body #side-bar{position:fixed}

#inner{
	width:994px;
	margin:auto;
	z-index:45;
	text-align:left;
}
#main-content{
	margin-left:404px;
	margin-right:175px;
}
#right {
	float:right;
	width:174px;
	padding:13px 0 0 0; 
	text-align: center;
	min-height: 750px;
	_height: 750px; 

}

mid-content {
	z-index:100000000000000000;
	position:absolute;
	top:0

}


/* hp ------------------------------------------ */


#hp {
	width: 40px; 
	min-height:255px;
	margin:0;
	padding:0;
}
#hp-top {
	width: 407px; 
	height:154px;
	padding:0;
	margin:0;
	background: url(hp-horni.jpg) top center no-repeat; 
	position:relative;
	top:-16px;
	left:-15px;
}
#hp-bottom {
	width: 407px; 
	height:108px;
	margin:0;
	padding:0;
	background: url(hp-dolni.jpg) top center no-repeat; 
	position:absolute;
	position:relative;
	top:-16px;
	left:-15px;
	overflow:hidden;
}

#hp-bottom-promo {
	width: 407px; 
	margin:0;
	padding:0 0 60px 0;
	background: url(hp-spodni-lista.jpg) bottom center no-repeat; 
	position:relative;
	text-align:center;
	left:-15px;
	color:#A18E40;
}

#hp-bottom-promo strong {
	font-size: 14px;
}

#hp-bottom p {
	margin:0;
	padding:10px 75px 3px 50px;
	line-height:16px;
	text-align:center;
	color:#A18E40;
	font-size:12px;
}

#hp a, #hp a:visited {
	color:#A18E40;
	text-decoration:underline
}
#hp a:hover {
	color: black;
	text-decoration:underline
}

.strankovani {
	font-weight:bold;
	padding:0 0 15px 0;
}
.strankovani .vpred {	
	text-align:right;
	float:right;	
}
.strankovani a {
	display:block;
	width:150px;
	float:left;
}



.gal_strankovani a, .gal_strankovani a:visited {
	color:#717171 !important; 
	text-decoration:underline
}
.gal_strankovani a:hover {
	text-decoration:none !important;
}



/* zakldani styly ------------------------------------------------ */


#hlavni {
	width: 390px; 	
	padding:30px 0 0 0; 
	margin:0;		
	color: #666;
	line-height:1.3em;
}

#zapati {
	clear:both;
	text-align: left;
	padding:20px 0 15px 0;
	=padding:10px 0 10px 0;
	font-size: 90%;
}
h1#logo {
	position: absolute;
	margin: 30px 0 0 315px;
	z-index:50000;
	width: 50px;
	height: 350px;
}
h1#logo span {
	display:none;
}
.logo   { 
	position: relative; 
	top: 0; 
	left: 0;	 
	width: 50px; 
	height:350px; 
	display:block; 
}


/* listecky + ramy  --------------------------------- */


.ram {
	width: 388px; 
	margin:0;	
	padding:50px 0 0 0;
	background: url(1.png) top center no-repeat; 
	
}
.ram .telo {
	width: 338px; 
	margin:0;
	padding:0 0 0 30px;
	background: url(2.jpg) top left repeat-y; 
	color:#A18E40;
}
.ram .konec {
	width: 388px; 
	margin:0;
	padding:0 0 90px 0;
	_padding:0 0 70px 0;
	background: url(3.png) top center no-repeat; 
}
.ram .telo h3 {
	margin:0;
	padding:5px 0 5px 0;
	color:#A18E40;
	font-size:14px;
}
.ram .telo p {
	width: 310px;
	margin:0;
	padding:0;
}
.ram .telo ol {
	width: 290px;
	margin-bottom:0;
	padding-bottom: 10px
}
.ram .telo ul {
	width: 290px;
	margin-top: 0px !important;
	padding-top: 10px !important;
	margin-bottom: 0px !important
}



.ram .telo a, .ram .telo a:visited {
	color:#A18E40;
	text-decoration:underline
}
.ram .telo a:hover {
	color: black;
	text-decoration:underline
}



.listecek1 {
	width: 166px; 
	margin:0 0 0 6px;
	padding:0 0 0 0;
	background: url(list-seminar-m.jpg) top center repeat-y; 
	
}
.listecek1 .telo {
	width: 166px; 
	margin:0;
	padding:0 0 40px 0;
	background: url(list-seminar-b.jpg) bottom left no-repeat; 
	font-size:11px;
	text-align:left;
}
.listecek1 h2 span {
	display:none
}
.listecek1 h2 {
	width: 166px; 
	height:57px;
	margin:0;
	padding:0;
	background: url(list-seminar-t.jpg) top left no-repeat; 
}
.listecek1 .telo p {
	margin:3px 25px 7px 25px;
	padding:0;
	color:#E05B4A;
}
.listecek1 .telo a, .listecek1 .telo a:visited {
	color:#E05B4A;
	margin:0 25px 7px 25px;
	text-decoration:underline
}
.listecek1 .telo a:hover {
	color: black;
	margin:0 25px 7px 25px;
	text-decoration:underline
}
.listecek1 .telo p a, .listecek1 .telo p a:visited {
	text-decoration:none;
	color:#E05B4A;
	margin:0;
	padding:0;
}
.listecek1 .telo p a:hover {
	text-decoration:none;
	color:#E05B4A;
	margin:0;
	padding:0;
}





.listecek2 {
	width: 166px; 
	margin:0 0 0 6px;
	padding:0 0 0 0;
	background: url(list-diar-m.jpg) top center repeat-y; 
	
}
.listecek2 .telo {
	width: 166px; 
	margin:0;
	padding:0 0 40px 0;
	background: url(list-diar-b.jpg) bottom left no-repeat; 
	font-size:11px;
	text-align:left;
}
.listecek2 h2 span {
	display:none
}
.listecek2 h2 {
	width: 166px; 
	height:60px;
	margin:0;
	padding:0;
	background: url(list-diar-t.jpg) top left no-repeat; 
}
.listecek2 .telo p {
	margin:3px 30px 7px 30px;
	padding:0;
	color:#A18E42;
}
.listecek2 .telo p a, .listecek2 .telo p a:visited {
	color:#A18E42;
	text-decoration:underline
}
.listecek2 .telo p a:hover {
	color: black;
	text-decoration:underline
}



.obal  {
	padding:11px 13px 5px 11px;
	margin: 11px 0 0 0;
	background: url(vypln-diar.jpg) -5px -3px no-repeat; 
	width:360px;
	font-size:1em;
}
.obal p.dat {
	padding:0;
	margin: 2px 0 2px 0;
	font-size:12px;
}
.obal h4 {
	color:#FCA405;
	font-size:1em;	
}
.obal p.dat2 {
	padding:0;
	margin: 0 0 2px 0;
}




/* alternativni menu ------------------------------------------------------------------- */


#altmenu  {
	list-style: none;
	margin:0;
	padding:0;
	font-size:85%;
	font-weight:bold;	
}
#altmenu span  {
	display:none
}
#altmenu a, #altmenu a:visited {
	text-decoration:none;
	color:#BABABA
}
#omne a:hover {
	text-decoration:none;
	color:#FF9E3E
}
#nabidka a:hover {
	text-decoration:none;
	color:#C2412C
}
#seminare a:hover {
	text-decoration:none;
	color:#5988B4
}
#doporucuji  a:hover {
	text-decoration:none;
	color:#96813A
}
#galerie  a:hover {
	text-decoration:none;
	color:#8152B3
}
#irsko  a:hover {
	text-decoration:none;
	color:#3D8905
}
#clogging  a:hover {
	text-decoration:none;
	color:#DED622
}

#omne  {
	position:absolute;	
	top:44px;
	left:202px;
	list-style: none;
	margin:0;
	padding:0;
}
#nabidka  {
	position:absolute;	
	top:104px;
	left:23px;
	list-style: none;
	margin:0;
	padding:0;
	text-align:right
}
#seminare  {
	position:absolute;	
	top:180px;
	left:228px;
	list-style: none;
	margin:0;
	padding:0;
}
#doporucuji  {
	position:absolute;	
	top:254px;
	left:25px;
	list-style: none;
	margin:0;
	padding:0;
	text-align:right
}
#galerie  {
	position:absolute;	
	top:269px;
	left:218px;
	list-style: none;
	margin:0;
	padding:0;
}
#irsko {
	position:absolute;	
	top:365px;
	left:20px;
	list-style: none;
	margin:0;
	padding:0;
	text-align:right
}
#clogging {
	position:absolute;	
	top:352px;
	left:215px;
	list-style: none;
	margin:0;
	padding:0;

}


/* formatovani ------------------------------------------------------------------- */

#hlavni a, #hlavni a:visited {
	text-decoration:underline
}
#hlavni a:hover {
	color: black;
	text-decoration:underline
}

#zapati p a, #zapati p a:visited {
	text-decoration:underline
}
#zapati p a:hover {
	color: black;
	text-decoration:underline
}

h1 {
	padding:0; 
	margin:0 0 0.7em 0;
	font-size: 1.3em;	
	font-weight:bold;
}

h1 span {
	color:	#E65A59;
	font-weight:bold;
}

h2 {
	padding:0; 
	margin:1.2em 0 0.7em 0;
	=margin:0.7em 0 0 0;
	font-size: 1em;	
	font-weight:bold;
}
h3 {
	padding:0; 
	margin:2em 0 0.7em 0;
	font-size: 1em;
	font-weight:bold;
	color: #666666;

}
.skrtnuto {
	text-decoration: line-through
}
.left {
	padding-left:12px
}


#hlavni ul  {
	margin-left: 0; padding-left: 20px; list-style: none outside url(sipka.gif); margin-bottom: 3px
}
#hlavni ul li {	
	padding:0 0 0.5em 0; 
}
#hlavni ul li ul {
	margin-left:1.3em;
	padding:0;
	List-style-image: none;
	list-style-type:square ;
}
#hlavni ul li ul li {
	padding:0.5em 0 0 0; 
}
#hlavni ol  {
	margin-left: 0; padding-left: 23px; 
}
#hlavni ol li {	
	padding:0 0 0.5em 0; 
}

/* blog ------------------------------------------------------------------- */

.nadpis {
	margin:0;
	padding:0 0 0 70px;	 
	min-height: 60px;
	_height: 60px; 
}
.nadpis h1 {
	padding:13px 0 5px 0;
	margin:0;
	line-height: 1.1em ;
}
.nadpis p {
	margin:0;
	padding:0;
	font-size:90%;	
}
.prvuvod {
	margin-top:-10px;
}
.uvodni-text, .uvodni-text-luas {
	padding:8px 0 0 0;
}
.uvodni-text p {
	display:inline
}


.zluty, .nadpis.zluty h1 a, .nadpis.zluty h1 {
	color:#DFD72F;
}
.nadpis.zluty {
	background: url(l-zluty.jpg) left 8px  no-repeat;
}

.hnedy, .nadpis.hnedy h1 a, .nadpis.hnedy h1 {
	color:#836100;
}
.nadpis.hnedy {
	background: url(l-hnedy.jpg) left 8px  no-repeat;
}

.zeleny, .nadpis.zeleny h1 a, .nadpis.zeleny h1 {
	color:#428B00;
}
.nadpis.zeleny {
	background: url(l-zeleny.jpg) left 8px  no-repeat;
}

.cerveny, .nadpis.cerveny h1 a, .nadpis.cerveny h1 {
	color:#CC3E2B;
}
.nadpis.cerveny {
	background: url(l-cerveny.jpg) left 8px  no-repeat;
}

.oranzovy, .nadpis.oranzovy h1 a, .nadpis.oranzovy h1 {
	color:#FCA405;
}
.nadpis.oranzovy {
	background: url(l-oranzovy.jpg) left 8px  no-repeat;
}

.modry, .nadpis.modry h1 a, .nadpis.modry h1 {
	color:#5988B4;
}
.nadpis.modry {
	background: url(l-modry.jpg) left 8px  no-repeat;
}



/* formulare ------------------------------------------------------------------- */

form p {
	margin-top:5px !important
}
form p em {
	font-size:90%;
	
}
#otazka, #pocet-osob {
	width: 15px !important
}
textarea {
	height:100px
}
.button {
	color: white;
	font-weight:bold;
	font-size: 12px;
	margin:5px 0 0 0;
	=width: 200px;
	padding:0px 15px 2px 15px;
	=padding:2px 15px 2px 15px;
	background-color: #A18E40;
	border: 2px solid #CBBB7C;
}
.form, select, textarea {
	background-color: white;
	border: 1px solid #A18E40;
	color: black;
	font-weight:normal;
	margin:0;
	padding:2px;
	width: 280px;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana, sans-serif; 
}



/* tabulky ------------------------------------------------------------------- */


table div {	
width: 100% !important;
text-align: left !important;
}
table {	
border-collapse: collapse;
width: 388px !important;
font-size: 90%;
z-index:600;
float:none !important;
margin-top:10px !important;
margin-left:1px !important;
=margin:10px 0 15px 1px !important;
}
table tr td {	
margin:0 !important; 
padding:2px 5px 2px 5px !important; 
}
table tr td img{	

margin:9px 5px 9px 5px ; 
}

table td h2 {
	padding:3px 0 0 0; 
	margin:0;
	
}