/*   ------------------------------------------------------------  */
/*  													  */
/*    Copyright (c) 1998-2009, Lukas Krula  All rights reserved    */
/*                                                                 */
/*     author: Lukas Krula                                         */
/*     url:    http://krulis.net                                   */
/*     mail:   krulis@krulis.net                                   */
/*     icq:    289919054                                           */
/*   												  */
/*   ------------------------------------------------------------  */


/*-- typografie --*/
 
h1 
{
     font-family: Trebuchet MS;
 	color: #444444;
     text-shadow: 1px 1px 0 #FFFFFF;      	
     display: block;
     font-style: normal;
	font-weight: bold;	
	margin: 0px;
	margin-bottom: 10px;
	padding: 0px;	
	font-size: 28px;     	
}

.welcome h1 
{
     font-family: Trebuchet MS;
 	color: #444444;
     text-shadow: 0px 1px 2px #FFF;      	
     display: block;
     font-style: normal;
	font-weight: bold;	
	margin: 0px;
	margin-bottom: 22px;
	text-align: center;	
	padding: 0px;	
	font-size: 28px;     	
}

h2 
{
     font-family: Trebuchet MS;
 	color: #444444;
     text-shadow: 1px 1px 0 #FFFFFF;      	
     display: block;
     font-style: normal;
	font-weight: bold;	
	margin: 0px;	
	padding: 20px 0px 0px 0px;	
	font-size: 18px;     	
}

.zapisek h2 
{
     font-family: Trebuchet MS; 	
     text-shadow: none;      	
     display: block;     
	font-weight: bold;	
	margin: 0px;	
	padding: 20px 0px 0px 0px;	
	font-size: 14px;
	text-align: center;     	
}

#bottom h2 
{
     font-family: Trebuchet MS;
 	color: #FFFFFF;
     text-shadow: 0px 2px 3px #000;      	
     display: block;
     font-style: normal;
	font-weight: normal;	
	margin: 0px 0px 10px 0px;	
	padding: 0px;	
	font-size: 16px;     	
}

h3 
{
	font-family: Trebuchet MS;
 	color: #FFFFFF;    
	font-weight: bold;
	margin: 0px;
	text-align: left;
	line-height: 40px;	
	padding-left: 30px;
	font-size: 12px;
}

h4 
{ 
/*-- datum --*/
	font-family: Trebuchet MS;
 	color: #666666;
	font-weight : normal;	
	margin      : 0px;     
     padding: 0px;
	font-size: 11px;	
}

#bottom h4 
{ 
/*-- datum --*/
	font-family: Trebuchet MS;
 	color: #FFFFFF;
 	text-shadow: 0px 2px 3px #000;
	font-weight : normal;	
	margin-top: 10px;
	margin-bottom: 8px;     
     padding: 0px;
	font-size: 13px;	
}

a:visited	{ color: #115bbd; text-decoration: none; font-weight : normal;}
a:active	{ color: #115bbd; text-decoration: none; font-weight : normal;}
a:link 	{ color: #115bbd; text-decoration: none; font-weight : normal;}
a:hover	{ color: #222222; text-decoration: underline; }  
 
.zapisek h2 a:visited	{ color: #444444; font-weight : bold; }
.zapisek h2 a:active	{ color: #444444; font-weight : bold; }
.zapisek h2 a:link 		{ color: #444444; font-weight : bold; }
.zapisek h2 a:hover		{ color: #115bbd; font-weight : bold; }

.col_2 a:visited	{ color: #333333; text-decoration: none; }
.col_2 a:active	{ color: #333333; text-decoration: none; }
.col_2 a:link 		{ color: #333333; text-decoration: none; }
.col_2 a:hover		{ color: #115bbd; text-decoration: none; }

.col_4 a:visited	{ color: #DDDDDD; text-decoration: none; font-weight : bold; }
.col_4 a:active	{ color: #DDDDDD; text-decoration: none; font-weight : bold; }
.col_4 a:link 		{ color: #DDDDDD; text-decoration: none; font-weight : bold; }
.col_4 a:hover		{ color: #FFFFFF; text-decoration: underline; font-weight : bold; }

#footer a:visited	{ color: #DDDDDD; text-decoration: none; font-weight : bold; }
#footer a:active	{ color: #DDDDDD; text-decoration: none; font-weight : bold; }
#footer a:link		{ color: #DDDDDD; text-decoration: none; font-weight : bold; }
#footer a:hover	{ color: #FFFFFF; text-decoration: underline; font-weight : bold; }

.zapisekData a:visited	{ color: #333333; text-decoration: none; }
.zapisekData a:active	{ color: #333333; text-decoration: none; }
.zapisekData a:link 	{ color: #333333; text-decoration: none; }
.zapisekData a:hover	{ color: #115bbd; text-decoration: none; }

.galeriePopis a:visited	{ color: #FFFFFF; text-decoration: none; font-style: weight;}
.galeriePopis a:active	{ color: #FFFFFF; text-decoration: none; font-style: weight;}
.galeriePopis a:link 	{ color: #FFFFFF; text-decoration: none; font-style: weight;}
.galeriePopis a:hover	{ color: #115bbd; text-decoration: none; font-style: weight;}

.h2Blog a:visited	{font-size: 20px; color: #444444; text-decoration: none; font-style: normal;}
.h2Blog a:active	{font-size: 20px; color: #444444; text-decoration: none; font-style: normal;}
.h2Blog a:link 	{font-size: 20px; color: #444444; text-decoration: none; font-style: normal;}
.h2Blog a:hover	{font-size: 20px; color: #115bbd; text-decoration: none; font-style: normal;}

.PagerClass a:visited	{ text-decoration: none; color: #282520; font-weight : bold; font-size: 11px; border:1px solid #aeaeae; padding: 2px 7px;}
.PagerClass a:active	{ text-decoration: none; color: #282520; font-weight : bold; font-size: 11px; border:1px solid #aeaeae;padding: 2px 7px;}
.PagerClass a:link 		{ text-decoration: none; color: #282520; font-weight : bold; font-size: 11px; border:1px solid #aeaeae;padding: 2px 7px;}
.PagerClass a:hover		{ background-color:#aeaeae; color: #1e4c98; text-decoration: none; font-size: 11px; border: 1px solid #aeaeae;padding: 2px 7x;}

/* ---- Globální divy ---- */

     body 
     {
     	font-size: 13px;
     	font-family: Trebuchet MS;
     	color: #444444;
     	background: #583517 url(../img/bg.jpg) repeat left top;
     	margin: 0px;
     	padding: 0px;
     	height: 100%;	
     }     
 
     .clear
     {
     	font-size: 1px;
     	padding: 0px;
     	margin: 0px;
     	clear: both;
     	padding: 0px;
     	margin: 0px;
     }
     
     #main 
     {
		width: 100%;
		margin:0px;		
		margin-left: auto;
		margin-right: auto;
		position: relative;
		background: transparent url(../img/bg_body.png) repeat-y center top;			
     }
     
	
	#body 
     {
		width: 997px;		
		padding: 0px 0px;
		margin:0px;		
		margin-left: auto;
		margin-right: auto;
		position: relative;			
     }
     
     #end 
     {
		width: 100%;				
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 40px;
		position: relative;
		height: 25px;
		background: transparent url(../img/bg_end.png) no-repeat center top;			
     }
     
     span 
     {	
      	color: #222222;      	
          font-style: italic;
          font-weight: bold;          
          display: block;
          font-size: 13px;
          /*background: transparent url(../img/bg02.jpg) repeat left top;*/
     	/*border: 2px dotted #aaaaaa;*/
          padding: 0px;              
     }

/* Hlavička */

     #top 
     {	     	
     	background: transparent url('../img/bg_top.png') no-repeat  center bottom;
     	margin: 0px;
     	padding-top: 30px;     	
     	width: 997px;
     	height: 25px;	
     	margin-left: auto;
     	margin-right: auto;     	
     	position: relative;
     }
     
     #header 
     {
     	width: 100%;
     	height: 68px;
     	background: transparent url('../img/bg_menu.png') repeat-x  center bottom;
     	padding: 0px;
     	margin:0px;     	     	
     	position: relative;	     	
     }
   
     #headerMenu 
     {      	
		width: 997px;     	
     	height: 68px;
     	margin-left: auto;
     	margin-right: auto;      	          	     	
     	position: relative;     	
     }

/* Bloky */
     
     .col_0 
     {
     	width: 997px;
     	overflow: hidden;
     	min-height: 250px;     	
     	padding: 0px;     	
     }
	
	.col_1 
     {
     	width: 664px;
     	overflow: hidden;
     	min-height: 250px;
     	float:left;
     	padding: 0px;
     	margin: 60px 0px;	
     }
     
     .col_2 
     {
     	margin:  0px;
     	min-height: 250px;
     	font-size: 12px;
     	width: 304px;
     	float:left;     	     	
     	padding: 0px;     	
     }
     
     .col_3
     {
     	margin:  0px;     	
          text-align: center;     	
     	width: 220px;     	
     	float:left;     	     	
     	padding: 0px;     	
     }
     
     .col_4
     {
     	margin: 45px 0px 0px 0px;
     	width: 210px;
     	float:left;              	     	
     	padding: 0px 15px;     	               	
     }     
     
/* Ostatni */
     
     .welcome
     {     	     	
     	overflow: hidden;
     	padding: 0px 5px 0px 10px;
     	margin: 75px 27px 0px 37px;
     	width: 270px;
     	/*background: url('../img/welcome.png') no-repeat center top;*/
     	float:left;
     	line-height: 20px;
		text-align: justify;     	
     }
     
     .zapisky 
     {	    	
     	
     	padding: 50px 0px 0px 0px;
     	background: transparent url('../img/bg_bottom_top.png') no-repeat  center top;     	
     }
     
     .zapisek
     {     	     	
     	overflow: hidden;
     	padding: 0px;
     	margin: 0px 0px 30px 27px;
     	float:left;
     	width: 294px;
     	height: 256px;
     	background: url('../img/bg_zapisek.png') no-repeat center top;     	
     }
     
     .zapisek0
     {     	     	
     	overflow: hidden;
     	padding: 0px;
     	margin: 0px 0px 0px 22px;
     	float:left;
     	width: 294px;
     	height: 256px;     	
     }
     
     .zapisekData
     {    
     	padding: 40px 30px 20px 30px;
		font-size: 12px;
		text-align: justify;
     }
     
     .infoZapisek
     {         	
		margin: 10px 0px 10px 15px;		    	
     }
     
     .zapisekDataImg0 
     {    
     	padding: 0px 5px 0px 0px;		     	
     }
     
     .zapisekDataImg 
     {    
     	padding: 0px 5px 0px 12px;		     	
     }
	
	.col_0Text 
     {     	     	
     	overflow: hidden;
     	padding: 40px 100px;
		line-height: 22px;     	
     	text-align: justify;     	
     }
     
     .col_0TextGalerie 
     {     	     	
     	overflow: hidden;
     	padding: 0px 50px;
     	margin-bottom: 40px;
     	margin-top: 30px;
     }
     
     .col_0Text p 
     {    
		line-height: 22px;
     }
	                            
	.col_1Text 
     {     	     	
     	overflow: hidden;
     	padding: 0px 45px 0px 45px;
     	margin: 0px;
     }
     
     .col_1 p 
     {    
		line-height: 22px;
		text-align: justify;
     }
     
     .col_1Hr 
     {
     	width: 100%;
     	overflow: hidden;
     	clear: both;
     	height: 2px;     	
     	padding: 0px;
     	margin: 5px 0px;	
     	background: url('../img/bgCol1Hr.png') repeat-x left top;
     }
        
     .col_2Top 
     {
     	width: 304px;     	
     	overflow: hidden;
     	height: 39px;     	
     	padding: 0px;
     	margin: 0px;
		margin-top: 50px;	
     	background: url('../img/col2top.png') no-repeat center top;
     }
     
     .col_2Bottom 
     {
     	width: 304px;
     	overflow: hidden;
     	height: 39px;     	
     	padding: 0px;
     	margin: 0px;
		margin-bottom: 50px;	
     	background: url('../img/col2top.png') no-repeat center bottom;
     }
     
     .col_2Date 
     {
     	width: 304px;
     	overflow: hidden;
     	height: 50px;     	
     	padding: 0px;
     	margin: 0px;	
     	background: url('../img/bgCol2Date.png') no-repeat center top;
     }
     .col_2Hr 
     {
     	width: 316px;
     	overflow: hidden;
     	clear: both;
     	height: 2px;     	
     	padding: 0px;
     	margin: 5px 0px 20px 0px;	
     	background: url('../img/bgCol2Hr.jpg') no-repeat left top;
     }

     .col_2Text 
     {
     	width: 304px;     	
     	overflow: hidden;
     	color: #333333;
     	padding: 10px 0px 10px 85px;
     	margin: 0px;	
     	
     }
     
     .komentarText 
     {     	
     	padding: 0px 20px 0px 85px;
     	margin: 0px;	
     	
     }
	     
     img.blog 
     {
          border: 1px solid #bdc3ca;
          background: #FFFFFF;         
          display:block;
          width: 563px;
          height:100px;
          float:right;
          margin: 5px 0px 20px 25px;
          padding: 6px 6px 14px 6px;
     }
     
     img.nahled 
     {
          border: 1px solid #bdc3ca;
          background: #FFFFFF;         
          display:block;
          width: 135px;
          height:135px;
          float:left;
          margin: 1px 1px;
          padding: 0px;
     }
     
     img.nahled:hover 
     {
          border: 1px solid #fff;
     }
     
     img.nahled50 
     {
          border: 1px solid #bdc3ca;
          background: #FFFFFF;         
          display:block;
          width: 50px;
          height: 50px;
          float:left;
          margin: 0px 15px 10px 0px;
          padding: 6px 6px 6px 6px;
     }
     
     img.nahled50:hover 
     {
          border: 1px solid #fff;
     }
     
     img.galerie 
     {            
          padding: 0px;
          width: 218px;
          height: 190px;
     }
     
     img.galerie:hover 
     {
          border: 0px solid #fff;          
     }
     
     .galerieImage
     {
          position: relative;
		width: 218px;
          height: 190px;                    
          margin: 3px 1px 0px 1px;
          padding: 0px;
          border: 0px solid #FFFFFF;           
     }
     
     .galeriePopis
     {          
          position: absolute;
          top: 160px;
          left: 0px;
          width: 218px;
		height: 30px;
		line-height: 30px;
		border-top: 1px solid #000000;
          background:url("../img/bg_galeriePopis.png") repeat top center;         
     }
     
     img.List 
     {
          width: 40px;
          height: 40px;
          float: left;
          margin: 0px 10px 0px 0px;
          padding: 14px 0px 0px 0px;
     }
     
     img.avatar 
     {          
          float: left;
          margin: 20px 27px 0px 0px;          
          padding: 2px 2px 8px 2px;
          border: 1px solid #bdc3ca;
          background: #FFFFFF;
     }
     
     img.zapisek 
     {          
          float: left;
          width: 120px;
          height: 120px;
          margin: 20px 27px 5px 0px;          
          padding: 0px;
          border: 0px solid #bdc3ca;
          background: #FFFFFF;
     }
     
     .center 
     {	
     	text-align: center;	
     	margin: 0px 200px;	
     	padding: 0px;	
     }
     
     .info 
     {	
          background: #DEDEDE; 
     	border: 1px solid #CCCCCC;     	
          padding: 1px 5px;
          float: left;
          margin: 8px 0px;
     }


/* Seznam */

.col_0Text ul
{
     list-style: none ;	
	margin: 20px 0px 20px 0px;
	padding: 0px;	
	line-height: 16px;
}

.col_0Text li
{
     background:url("../img/ico_li0.png") no-repeat left;
	list-style: none;
	margin: 15px 15px;	
	padding: 0px 0px 0px 25px;
}
     
.col_2Seznam ul {
	list-style: none ;	
	margin: 0px;
	padding: 0px 0px;		
}

.col_2Seznam li {
	list-style: none url(../img/blank.gif);	
	letter-spacing: 1px;
	background: transparent url('../img/bgLi.png') no-repeat  center bottom;
	display: block;
     margin: 0px;	
	padding: 0px;
	width: 304px;
	height: 25px;	
}

.col_2Seznam  a {
	list-style: none;     	
     display: block;     
     padding: 5px 30px;
     height: 25px;
	text-decoration: none;
}

.col_2Seznam li span {
	font-family: Trebuchet MS;
     font-size: 10px;          
     color: #666666;
	padding: 0px 5px;
	margin: 0px;
	font-style: normal;
	font-weight: none;
	display: inline; 
}

/* Formuláře */

     .form 
     {               	
     	text-align: left;
     	padding: 0px;
     }
     
     .tabBox 
     {
          font-family: Trebuchet MS;
          font-size: 12px;          
     	background: #DEDEDE; 
     	border: 1px solid #CCCCCC;
     	text-align: left;
     	padding: 2px 5px;
     	margin: 0px
          	
     }
     
     .tabBox2 
     {
          font-family: Trebuchet MS;
          font-size: 12px;          
     	background: #DEDEDE; 
     	border: 1px solid #CCCCCC;
     	text-align: left;
     	padding: 3px 5px;
     	margin: 0px
          	
     }
     
     .buttonSend 
     {     
     	border: none;     	
     	padding: 0px;
     	margin: 0px;
		width: 134px;
		height: 39px; 
		background: transparent url(../img/buttonSend.png) no-repeat left top;
		text-indent: -2000px;
		line-height: 0px;
  		cursor: pointer; cursor: hand;		         	
     }
     
     .buttonSend:hover 
     {     
		background: transparent url(../img/buttonSend1.png) repeat left top;     	          	
     }
 

/* Smajlíci */

     .smajlove 
     {   
     	/*background: transparent url(../img/bg02.jpg) repeat left top;*/ 
     	border: 0px solid #aaaaaa;               
     	float: left;
          width: 60px;
          height: 20px;
          padding: 5px;     	
     	margin: 2px;
     	overflow:hidden;     	
     }
     
     .smajlici 
     {	     	
          padding-top: 3px;	
     }
     
     .smajl_box 
     {   
     	float: right;
          margin: 12px 60px 0px 0px;         
     }

/* Pager */

     .PagerClass    
     {
          color: #7b7b7b;     
          height: 20px;   
     	font-size: 10px;
     	/*background:#f4f4f2 none repeat scroll 0 0;*/
          /*border:1px solid #d1d4cb;*/
     	text-align: left;
     	margin: 0px 0px 5px 0px;
     	padding: 6px 5px 0px 5px;
     	/*background-image: url(../img/bg01.gif);*/   	
     }

/* Bottom a Footer */

     #bottom
     {	
     	background: transparent url('../img/bg_bottom2.png') repeat-x center top;
     	margin: 0px;
		padding-top: 3px;     	     	
     	width: 100%;
     	color: #808080;
     }
     
     .bottom1
     {
     	background: transparent url('../img/bg_bottom.png') repeat-x center bottom;	     	     	
     	width: 100%;     	
     }
     
     .bottom2
     {                     	
		margin: 0px auto;     	     	
		/*background: transparent url('../img/bg_bottom1.png') no-repeat center top;*/
     	width: 960px;     	
     }
     
     #footer
     {	     	
     	background: transparent url('../img/footer.png') no-repeat  center top;
     	margin: 40px 0px 0px 0px;
     	padding: 0px;     	
     	width: 997px;
     	color: #777777;
     	height: 73px;	
     	line-height: 73px;
     	text-align: center;
     	font-size: 11px;
     }     

img
     {
     	border: 0px;     	               	
     }
     
.bottomRow
	{
     	margin: 0px;
     	padding: 10px 0px; 
     	width: 210px;           
          height: 30px;
		font-size: 11px;    	
     	float:left;
     	background: transparent url('../img/bottom_border.png') repeat-x  left bottom; 
     }
     
     
.bottomRowImage 
     {            
          float:left;
          width: 30px;
          height: 30px;
          margin-right: 10px;
     }
     
.signature 
     {    
          padding: 20px 0px 20px 0px;		
          text-align: center;
          font-size: 11px;
     }

     
/* jQuery slideshow - begin */
 
#container {
	width: 900px;
	padding: 10px;
	margin: 0px 0px 20px 40px;
	position:relative;
	z-index:0;
	float: left;
}

#example {
	width: 900px;
	height:350px;
	position:relative;
}

#ribbon {
	position:absolute;
	top: -5px;
	left:-5px;
	z-index:500;
}

#frame {
	position:absolute;
	z-index:0;
	width: 900px;
	height: 350px;
	top: 0px;
	left: -5px;
}

#slides {
	position:absolute;
	top:15px;
	left: 25px;
	z-index:100;
}

#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

.slides_container {
	width: 839px;
	height: 300px;
	overflow:hidden;
	position:relative;
}

#slides .next {
	left:525px;
}

.pagination {
	margin: 26px auto 0; 
	width: 150px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style: none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top: 12px;
	background-image: url(../img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

.caption {
	z-index:500;
	position:absolute;
	bottom: 0px;
	left: 0;
	height: 30px;
	padding: 0px 20px 10px 20px;
	background:#000;
	background:rgba(0,0,0,.5);
	width: 799px;
	font-size: 11px;
	/*line-height: 5px;*/
	color:#fff;
	border-top:1px solid #000;
	text-shadow:none;
	margin-bottom: 4px;
}

/* jQuery slideshow end */