/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

* {
	margin: 0;
	padding: 0;
}

body {
	background: #003366 /* #E3E3E6 */ url(../images/img01.gif) repeat-x;
        background: #003366 url(../images/bg.jpg) repeat-y center top;
	font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #88888A;
}

h1, h2, h3 {
	color: #313131;
}

h1 {
	margin-bottom: .5em;
	font-size: 182%;
	font-weight: normal;
	letter-spacing: -2px;
        color: #003366;

}

h2 {
	margin-bottom: .5em;
	font-size: 136%;
	font-weight: normal;
	letter-spacing: -1px;
        color: #FF8A00;
line-height: 130%;
}

h3 {
	font-size: 110%;
	font-weight: bold;
        color: #003366;
}

h6 {
	font-size: 95%;
	font-weight: bold;
        color: #EFAE00;
}

p, blockquote, ol, ul {
	margin-bottom: 1.5em;
	text-align: justify;
	line-height: 167%;
	font-size: 107%;
}

blockquote {
	margin-left: 2em;
}

ol {
	margin-left: 2em;
}

ul {
	list-style: none;
}

ul li {
	padding-left: 1em;
        font-weight: normal;
        font-size: 95%;
	background: url(../images/img07.gif) no-repeat left 0.8em;
}

ul li ul li {
	padding-left: 1em;
}

a {
	text-decoration: none;
	color: #313131;
}

a:hover {
	text-decoration: underline;
	color: #de0000;   /* cervene odkazy body */
}

/* menu */	

 #mainMenu  {
  width: 880px;
	 height: 40px;
	 margin: 0 auto;
	 border-left: 20px solid #024f96;
	}
 
 ul#mainMenu, ul  {
  color:000000;
		padding:0;
		list-style-type:none;
	}
	
	ul#mainMenu ul {
		margin-top:0px;
	}
	
	ul#mainMenu li {
		float:left; 
		padding:2px;
		padding: 0;
	 display: inline;
	 background: none;
	}
	
	ul#mainMenu a {
		background-color:white;	
		display:block;
		text-decoration:none;
		font-weight:bold;
		text-align:center;
	 height: 32px;
	 padding: 8px 15px 0 15px;	
	 font-size: 92%;	
	}
	
	ul#mainMenu a:hover  {
	 color: #FFFFFF;
		background-color:#024f96;	
		display:block;
  border-bottom:0px solid white;
		text-decoration:none;
		font-weight:bold;
		text-align:center;
 	height: 32px;
	 padding: 8px 15px 0 15px;	
 	font-size: 92%;
	}
	
	/* položka submenu */
	ul#mainMenu ul a {
		border-bottom:none;
		padding: 6px 15px 0px 15px;
  border-bottom:1px solid #024f96;	
		text-align:left;
		height: 26px;
		width: 135px;
	}
	
/* položka submenu hover */
	ul#mainMenu ul a:hover {
		background-color:#024f96;
		padding: 6px 15px 0px 15px;	
	 text-decoration: none;
	 border-bottom:1px solid white;
	 color: #FFFFFF;
	 text-align:left;
	 height: 26px;
	 width: 135px;
	}
	
	ul#mainMenu ul {
		position:absolute;
		visibility:hidden;
		background-color:white;
	}
	
	ul#mainMenu li:hover ul, ul#mainMenu li.hover ul{
		visibility:visible;
	}
	
	ul#mainMenu li li {
		float:none;
		border:none;
		padding:0;
	}
		
	ul#mainMenu li {
		behavior: url(hover.htc); /* Protože IE nedodržuje CSS standarty, aby bylo řešení funkční, použijeme tento *.htc soubor */
	}
	
 #mainMenu b {
	text-decoration: underline;
 }

/* Logo */

#logo {
 display: block;
	width: 900px;
	height: 150px;
	margin: 0 auto;
	background: #010100 url(../images/top_banner_01.jpg)
}

#logo h1 {
	margin: 0;
	padding: 120px 0 0 0;
	text-align: right;
	letter-spacing: -1px;
	font-size: 189%;
}

#logo h2 {
	margin: 0;
	padding: 0 0 0 0;
	text-align: right;
	letter-spacing: -1px;
	font-size: 100%;
	font-weight: bold;
	font-style: italic;
}

#logo a {
	text-decoration: none;
	color: #FFFFFF;
}

/* Page 3 col */

#page {
	width: 900px;
	margin: 0 auto;
	background: url(../images/img03.gif) repeat-y;
        height: 100%;
}

/* Page 2 col */

#page2 {
	width: 900px;
	margin: 0 auto;
	background: url(../images/img13.gif) repeat-y;
        height: 100%;
}

/* Content */

#sectionline {
 margin: -5px 0 10px 0;
 font-size: 90%; 
}

#welcome {
	margin-bottom: 20px;
	padding-bottom: 1px;
	background: url(../images/img04.gif) repeat-x left bottom;
}

.floating-box {
	float: left;
	width: 210px;
}

.floating-box p, .floating-box blockquote, .floating-box ol, .floating-box ul {
	line-height: 144%;
	font-size: 92%;
}

.floating-box img {
	border: 5px solid #FFFFFF;
}

#col1 {
	float: left;
	width: 155px;
	padding: 20px 10px 20px 40px;
}

#col1 ul {
	background: url(../images/img04.gif) repeat-x left bottom;
}

#col1 li {
	padding: 1px 0;
	background: url(../images/img04.gif) repeat-x left top;
}

#col1 a {
	font-size: 0.8em;
	color: #de0000;
}

#col2 {
	float: left;
	width: 463px;
	padding: 20px;
	color: #000000;
}

#col2big {
	float: left;
	width: 655px;
	padding: 20px;
	color: #000000;
	
	/* width: 611px; */
}

#col3 {
	float: right;
	width: 148px;
	padding: 20px;
}

#col3 blockquote {
	margin-left: 0;
	padding-left: 1em;
	background: url(../images/img09.gif) no-repeat right bottom;
	border-left: 5px solid #024f96;		<!-- sidebar blockquote - modry -->
}

#col3 blockquote p {
	text-align: left;
	line-height: normal;
	font-style: italic;
}

#links {
}

#links ul {
	background: url(../images/img04.gif) repeat-x left bottom;
}

#links li {
	padding: 5px 0;
	background: url(../images/img04.gif) repeat-x left top;
}

#links a {
	padding-left: 1em;
	font-size: 0.8em;
	background: url(../images/img08.gif) no-repeat left center;
	color: #de0000;			<!-- odkazy cervene -->
}

/* Footer */

#footer {
	height: 50px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

#footer .wrapper {
	width: 900px;
	margin: 0 auto;
}

#footer .links {
	float: left;
	width: 630px;
	height: 34px;
	padding: 16px 30px 0 30px;
	background: #FFFFFF;
	border-left: 20px solid #010100;
	font-size: 85%;
}
#footer .links a {
	color: black;
}

#footer .legal {
	float: right;
	width: 170px;
	height: 34px;
	margin: 0 auto;
	padding: 16px 20px 0 0;
	background: #024f96;
	text-align: right;
	font-size: 85%;
	color: #FFFFFF;
}
#footer a {
 color: #FFFFFF;
}

/* články */
.novaaktualita {	
	MARGIN: 0 0 10px 0;
	PADDING: 0 0 20px 0;
	DISPLAY: block; 
	WIDTH: 100%; 	
	TEXT-ALIGN: left;

}

/* články */
.novyclanek {	
	MARGIN: 0 0 10px 0;
	PADDING: 0 0 20px 0;
	DISPLAY: block; 
	FONT-SIZE: 11px; 
	WIDTH: 100%; 	
	TEXT-ALIGN: left;
	BORDER-bottom: 1px solid #767863;		
}

.nadpisclanku {
 font-size: 115%;
	PADDING-BOTTOM: 5px;
	DISPLAY: block; 
	font-weight: bold;
	DISPLAY: block;
	WIDTH: 100%; 	
	MARGIN: 0px;
	TEXT-ALIGN: left;
	CLEAR: both;
}

a.link_nadpisclanku:link { text-decoration :underline; color: rgb(0,0,102);}
a.link_nadpisclanku:visited { text-decoration :underline; color: rgb(0,0,102);}
a.link_nadpisclanku:hover { text-decoration: none; color: rgb(0,0,102);}

.perex {
	PADDING: 0 0 0px 0px;
	DISPLAY: block; 
	TEXT-ALIGN: justify;	
	MARGIN: 0px; 
	LETTER-SPACING: 0.1em;
	CLEAR: both;
}



.novyclanek_2 {
	DISPLAY: block; 
	font-size: 100%; 
	WIDTH: 100%; 	
	TEXT-ALIGN: left;
}

.nadpisclanku_2 {
	font-size: 115%; 
	font-weight: bold;
	DISPLAY: block;
	MARGIN: 0px;
	CLEAR: both;
}

a.nadpisclanku_2_link:link { text-decoration :none; color: rgb(0,0,102);}
a.nadpisclanku_2_link:visited { color: rgb(0,0,102);}
a.nadpisclanku_2_link:hover { text-decoration: underline;}

.perex_2 {
	TEXT-ALIGN: justify;	
	LETTER-SPACING: 0.01em; 
 background: #fff;
	border: 1px solid #ccc;
	clear: both;
	margin: 8px 0px;
	padding: .5em .5em;
}

.autor {
 DISPLAY: block;
 FLOAT: left;
 font-size: 90%;
 padding: 2px 20px 5px 0;		
}

.clquickmenu	{
 DISPLAY: block;
 font-size: 90%;
 FLOAT: right;
 padding: 2px 0px 5px 10px;		
}

#searchform {
 z-index: 99;
 FLOAT: right; 
 MARGIN: 9px 5px 0px 2px; 
 display: inline;
 position: relative;
 top: 0px;
}

input.qsearch_text
{ 
 background-color: white; 
 BORDER: black 1px solid; 
 WIDTH: 100px;
 HEIGHT: 17px;
 color: #5a6756;
 font-size: 90%;
 padding: 2px 3px 1px 3px;
 vertical-align: middle;
 cursor: pointer;
 cursor: hand;
} 

input.qsearch_submit
{   
 background: #024f96;
 BORDER: black 1px solid;
 HEIGHT: 21px;
 color: white;
 font-weight: bold;
 font-size: 90%;
 padding: 0px 0px 1px 0px;
 vertical-align: middle;
 cursor: pointer;
 cursor: hand;
 margin: -1px 0 0 0;
} 
h2.title {
margin-top: -10px;
}

#video_dowload {
 width: 100%;
}

#video_dowload .obrazek img {
 padding: 3px;
 border: 1px silver solid;
}
#video_dowload td {
 border-bottom: 1px silver solid;
 vertical-align: top;
}
#video_dowload tr {
 border-bottom: 1px silver solid;
}

.search_nadpis {
 color: #0048C0;
 font-size: 110%;
 text-decoration: underline;
}

.search_info {
 color: #959492;
 font-size: 88%;
}

.span {
DISPLAY: block; 
FLOAT: left; 
MARGIN: 0px; 
WIDTH: 140px;
font-size: 0.9em;
}

/* ankety */
.graf-sl 
{
border:1px solid #EEE;
padding:1px;
display:block;
margin-top:2px;
font-size:1px;
line-height:1px;
overflow:hidden;
width: 130px !important;
_width: 133px !important;
}
.graf-sl-in {display:block;height:5px}


/* hvezdarna */

.tabmeteo
{
 FONT-SIZE: 11px;
 FONT-FAMILY: "Verdana CE", "Helvetica CE", Arial, sans-serif;
 BORDER: #003366 1px solid; 
 border-size: 1px;
 border-collapse: collapse;
 border-top-width: 1;
 border-color: ##003366;
 border-spacing: 0px;
 WIDTH: 465px;
}

.tabmeteo td {
BORDER: #003366 1px solid; 
TEXT-ALIGN: center;
PADDING-TOP: 3pt;
PADDING-BOTTOM: 3pt;

}

td.barva {
BORDER: #003366 1px solid; 
background-color: #CCE6FF;
TEXT-ALIGN: center;
FONT-WEIGHT: bold;
vertical-align: top;
}

td.left {
BORDER: #003366 1px solid; 
TEXT-ALIGN: left;
PADDING-TOP: 3pt;
PADDING-BOTTOM: 3pt;
PADDING-LEFT: 6pt;
}

/* astroprodejna */
.polozka     { FLOAT: left;  border: 0px solid #6699FF; padding: 1px; MARGIN-BOTTOM: 5px; WIDTH: 450px; }
.polozka_pict { WIDTH: 156px; FLOAT: left; padding: 0;}
.polozka_text  { WIDTH: 290px; FLOAT: left; padding: 0;}
.polozka_cena { font-style: italic;  MARGIN: 5px 0px 0px 5px; display: block;}
h6 { FONT-SIZE: 14px; MARGIN: 0px 0px 5px 0px;}
hr {CLEAR: both; visibility: hidden;  MARGIN: 1px; }

#pocasi {
font-size: 13px;
text-align:left;
}

#pocasi td {
font-size: 13px;
text-align:left;
}

#pocasi td.pocasi {

FONT-WEIGHT: bold;
font-size: 200%;
width: 150px;
text-align:right;

}

#radek_pocasi{

width: 100%;
background: rgb(0,102,153);
color: rgb(255,255,255);
margin: 0px 0px 10px 0px;

padding: 10px 0px 10px 0px;

text-align: center;
}

#radek_pocasi a{
color: rgb(255,255,0);
}

#radek_pocasi a:hover{
color: rgb(255,255,255);
}

#radek_pocasi a:visited{
color:rgb(255,204,0);
}


#radek_pocasi span {
padding: 10px 0px;
margin: 10px 0px;

}