@import "kalendar.css";
@import "akce.css";
@import "galerie.css";
@import "css/ff-anketa.css";
@import "css/ff-formular.css";
@import "css/ff-lightbox.css";
*{
border:0;
margin:0;
padding:0;
}

body {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 76%;
	line-height: 1.6em;
	text-align:center;
	background:white url("images/pozadnik.jpg") repeat-x 0px 10px;
  color:#666666;
	}
	
#vlevo      {width: 281px;
             float: left;  
             }

.text-align-center{text-align:center;  
             }
						 
.text-align-left{text-align:left;  
             }
.text-align-right{text-align:right;  
             }
.text-align-justify{text-align:justify;  
             }
.pravovec{float:right; margin-left:5px; margin-bottom:5px; 
             }
.levovec{float:left; margin-right:5px; margin-bottom:5px; 
             }
#vpravo     {width: 500px;
             top:0px;						
             float: right;  
						 text-align:left; 
             }	
						 	
#obsah      {width: 781px;
	           background: url("images/stredni.gif") top left repeat-y;
						 margin:10px auto;
	           }
	
#paticka    {position:relative;
             width: 781px;
             height:80px;
             text-align:center;
             background: url("images/spodni.gif") no-repeat;
             z-index:1;
						 margin:auto auto;clear:both;
						 }
						 
#paticka-uvnitr {  position:relative;top:20px;
	           left:20px;
						 width: 781px;
             height:80px;
	           color:white;}

#hlavicka   {position:relative;
             width:781px;
             height:170px;
             background:black url("images/vrchni.jpg") no-repeat;
             }


#jazyky
{
position:absolute;
width:100px;
top:130px;
left:680px;
}



hr.cleaner {
clear:both;
display: none
}

.brcko{
clear: left;
}

.clearboth { 
clear: both; 
}

.obsahklas { 
padding:0px 15px 10px 25px;

}


/*typografie*/

h1 {
  font-family: georgia, times, verdana, arial, sans-serif;
	font-weight:bold;
	font-size: 1.5em;
	line-height:25px;
  border-bottom:1px dotted #d7d7d7;
	margin: 0.6em 0em 0.4em 0em; 
	text-align:left;
	color:#0886d0	}
		
h2 {
	font-size: 1.2em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	color:#2d93ed}
h3 {
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	color:#333333}

img {
	border:0;
	margin:0px;
	padding:0px;
	}
	
.obsahklas ul {
	list-style:none;
	margin-left:0px;
	margin-top:0px;
	}
		
.obsahklas li {
	list-style:none;
	margin-left:12px;
	padding-left:17px;
	margin-bottom:7px;
	color:#5ac600;
	background: url(images/li.jpg) no-repeat 0px 2px; 
	}
	
.obsahklas img {
border:3px solid #2395cb;
overflow:hidden;
	}
	
p {
	font-size: 1.0em;
	line-height: 1.8em;
	margin: 0.8em 0em 1.2em 0em;
	color:#666666;
	}	
/* tiny mce */	
.em {
font-style:italic;
color:#CB2323
	}
.text-align-right {
text-align:right;
	}
hr {
	border:none;
	border-left: none;
	border-right: none;
	border-top: none;
	border-bottom: dashed #39c 1px;
	height: 1px;
}
strong {
	color:#5ac600;
	font-weight:bold;
	}
	
blockquote{
	padding-left: 15px;
	}
/* tiny mce konec */	
	
.patka{

	float:left;
	
	}
	
.patka1{
	float: right;
	padding: 0 45px;
	}
	

	
.tlacitka           {text-decoration:none; color:#436b8f; }
.tlacitka:link      {color:#436b8f; }
.tlacitka:visited   {color:#436b8f; }
.tlacitka:active    {color:#436b8f;}
.tlacitka:hover     {text-decoration:underline; color:#fff;}	
.tlacitka1           {text-decoration:none; color:#fff; }
.tlacitka1:link      {color:#fff; }
.tlacitka1:visited   {color:#fff; }
.tlacitka1:active    {color:#fff;}
.tlacitka1:hover     {text-decoration:underline;}	

.obsahklas a           {text-decoration:underline; color:#034EA2; }
.obsahklas a:link      {color:#034EA2 }
.obsahklas a:visited   {color:#034EA2 }
.obsahklas a:active    {color:#034EA2;}
.obsahklas a:hover     {text-decoration:none; color:#5ac600;}	

#anketa a           {text-decoration:underline; color:#666; }
#anketa a:link      {color:#034EA2 }
#anketa a:visited   {color:#034EA2 }
#anketa a:active    {color:#034EA2;}
#anketa a:hover     {text-decoration:underline; color:#034EA2}	

/*menu*/

#navcontainer { margin-left: 15px;margin-top: 6px; text-align:left; }

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, Helvetica, sans-serif;
}

#navcontainer li { margin: 0 0 2px 0; }

#navcontainer a
{
background:url(images/li1.jpg) no-repeat 0px 7px;
display: block;
padding: 5px 20px;
width: 210px;
color: #0886d0;
text-decoration: none;
border-bottom:1px dotted #d7d7d7;
}

#navcontainer a:hover
{
text-decoration: underline;
}

#navcontainer ul ul li { margin: 3px 0 2px 0; }

#navcontainer ul ul a
{
background: url(images/li2.jpg) no-repeat 17px 7px;
display: block;
padding-left:38px;
width: 190px;
color: #5ac600;
text-decoration: none;
}

#navcontainer ul ul a:hover
{
text-decoration: underline;
}

#active { border-left:1px dotted #d7d7d7; border-right:1px dotted #d7d7d7;}



strong {
	font-weight: bold;
	color:#5ac600;
	}
img.obrazek_vlevo {float: left;margin:5px;}
img.obrazek_vpravo {float: right;margin:5px;}

#datum			{   position:absolute;
				
						 left:500px;
             width:170px;
             height:40px; 
						 color:#10677a; 
						 font-family:verdana; 
						 font-weight:bold       } 
						 
#hlavlevo   {position:relative;
             float:left;
             width:257px;
             height:166px;
             text-align:left;
						 overflow:hidden;
						 margin:5px 5px 0px 0px;
						 background:white;
						 text-align:center;
						 border:5px solid white;
             }
						 
.obrazek-akce 		{position:relative;
             float:left;		margin:7px 
						 }	
						  
#hlavcen   {position:relative;
             float:left;
						 left:30px;
             width:230px;
             height:166px;
             text-align:left;
						 overflow:hidden;
             }
		
#popis-v-hlavicce {height:75px;overflow:hidden; /*background-color:none;*/}

#hlavpravo   {position:relative;
             float:left;
						 left:40px;
             width:210px;
             height:166px;
             text-align:left;
						 
						 margin:5px 0px 0px 5px;
						 border:5px solid white;
						 padding:0px;
						 background:white;
						 }
						 


.floatleft 
{
float: left;
margin: 10px;
}

.galery 
{
float:left;


border: 1px solid #ccc;
}

.zabal
{width: 430px;
padding: 8px;
float:left;
margin:7px;
background:#F6F6F6;
}	 




br {
    clear: left;
}


.kontejner
{ 
margin-left: 0px; 
}

.celejlist
{
list-style: none;

padding: 0;
margin: 0;
}

.celejlist li
{
display: inline;background:transparent;
padding: 0;
margin: 0;
}

.celejlist li:before 
{ 
content: " > "; 
}
.celejlist li:first-child:before
 { 
 content: ""; 
 }

/* css pro IE */

* html .celejlist li
{
background-image: url("../images/gt.gif");
background-repeat: no-repeat;
background-position: 0 50%;
padding: 0 0.5em 0 1em;
margin: 0 1em 0 -1em;
}

* html .celejlist 
{ 
height: 1%; 
}

* html .celejlist li
{
display: block;
float: left;
}

* html .celejlist li:first-child 
{ 
background-image: none; 
}

.radek{
	float: left;
	width:600px;
}

.thumbnail{
	float: left;
	width: 180px;
	height: 200px;
	text-align:left;
	color:#000;
	font-size:12px;
	background: red;
}
.thumbnail img{
	margin:15px;
}
.a1{
	margin:5px 15px 5px 0px;
}

.a2{
	margin:5px 15px 5px 15px;
}

.a3{
	margin:5px 0px 5px 15px;
}

div.popisak{
	width: 170px;
	margin:5px;
	background:yellow;
}
/* Škorpion lišta*/		
#lista       {position:absolute;
overflow:hidden;
top:0px;
width:99.87%;
left:0px;
height:19px;
z-index:10;
font-size: 13px;
font-family: Arial, Verdana, 'Microsoft Sans Serif';
text-align: center;
border-left: white 1px solid;
border-top: white 1px solid;
border-bottom: #817f80 1px solid;
background-color: activeborder;}
#levalista       {float:left;width:149px;}
#pravalista       {float:right;width:100px;} 
#stredolista      {margin: 0px 150px 0px 150px;} 
#lista a:hover    {color:#666}
#stredolista a    {text-decoration:none; color:black;margin-left:15px;}
#levalista a      {text-decoration:none; color:red;}
#pravalista a      {text-decoration:none; color:red;} 
*.pozadnik { background-color: #f0f7ff; color: #000000; }
*.pozadnik p {color: #000000;}
*.pozadnik ul li { list-style-type: square; background-image: none; color: #000000; }
*.pozadnik h3 { font-size: x-large; }
*.pozadnik h4 { font-size: large; }