/* CSS Document */

.connect_widget_text { visibility: hidden;}
.name { font-family:Georgia, "Times New Roman", Times, serif; font-size:10pt;}
#right #facebook { width:345px; height:60px; background-image:url(../images/facebook-bg.jpg); background-position:center left; background-color:white; margin:10px 0 10px 0; border:1px solid #0066CC;}
#right #facebook iframe { float:right;}


body, html { padding:0; margin:0; background-color:#F0F0EF; color:#181818;}
body, html, table, tr, td { font-family:Georgia, "Times New Roman", Times, serif; font-size:10pt;}
.clearer {clear:both; visibility:hidden; padding:0; margin:0; height:1px;}

a { color:#008BC8; text-decoration:none;}
a:hover { color: #096395; text-decoration:underline; }
a:visited { color: #008BC8;}
a:active { color: #096395;}

#header {height:170px; width:100%; background-image: url(../images/header-bg.jpg); background-repeat:repeat-x;}
#header_box {height:170px; width:974px; margin:0 auto 0 auto;position:relative;}
#logo {position:absolute; top:45px; left:0px;}
#slogan {position:absolute; top:60px; left:417px;}

.reklama_sign {position:absolute; top:-8px; left:0px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:8px; color:silver;}
#top_banner { width:345px; height:170px; background-color:silver; margin:0; position:relative;float:right;}

#footer {height:65px; width:100%;}
#footer_box {height:65px; width:974px; margin:0 auto 0 auto;position:relative; background-image: url(../images/footer-bg.jpg); background-repeat:repeat-x;}
#footer #footer_box #nejctenejsi { padding:0; margin: 0; border-right:1px dotted white; width:303px; height:90px; float:left;}
#footer #footer_box #nejctenejsi img { margin-bottom:10px;}
#footer #footer_box #nejctenejsi p { margin:0; padding:3px; color:white; font-size:85%;}
#footer #footer_box #nejctenejsi a { color: #FFFFFF; text-decoration:none; font-size:90%;}
#footer #footer_box #nejctenejsi a:hover { color: #FFFF99; text-decoration:underline; }
#footer #footer_box #nejctenejsi a:visited { color: #DDDDDD;}
#footer #footer_box #nejctenejsi a:active { color: #FFFFCC;}
#footer #footer_box #social { padding:10px; margin:0; width:640px; height:90px; float:left; color:white; font-size:11px;}
#footer #footer_box #social a {color:#FFFFCC;}
#footer #footer_box #social a:hover {color:#FFFF66;}

#main {color:#181818; text-align:justify; background-image:url(../images/pod-hl-clanek.jpg); background-repeat:repeat-x;}
p {margin:0; padding:5px 0 5px 0; font-size:10pt; color:#181818;}
h2 {color:#008BC8; font-size:115%; font-weight:600; margin: 0px; padding:10px;}
h3 {color:#008BC8; font-size:115%; font-weight:normal; margin: 0px; padding:10px;}
h4 {color: #333333; font-size:100%; margin: 0px; padding:10px;}
h5 {color:#333333; font-size:90%; margin: 0px; padding:10px;}
h1 {color:#008BC8; font-size:150%; margin: 0px; padding:10px;}
#main p {padding:5px 10px 5px 10px; font-size:10pt;}
#main table {width:585px;margin:0px 10px 0px 10px;}
#main form {padding:10px;}
#main form textarea {width:335px}
#main ul, #main ol {padding:10px;}

#right {height:auto; width:345px; margin:0 0 0 19px; float:left}
#content {position:relative;}
#content #left_banner {position:relative; width:100%; height:30px; background-color:#008BC8;}
#content #noviny_rolicka {position:absolute; top:-20px; left:-58px;}
#content #left_banner #minibanner {position:absolute; top:0px; right:0px;}
#content #left_banner #vychazi {position:absolute; top:9px; left:88px;}
#content {border: 1xp solid red; width:100%; height:auto; background-image:url(../images/content-menu-stin.jpg); background-repeat:repeat-x; background-position:top; margin:0; padding:20px 0 0 0;}
#content_box {width:974px; margin:0px auto 0 auto; background-image:url(../images/content-box-bg.jpg); position:relative;}
#content #left {height:auto; width:610px; margin:0; float:left; background-color:#FFFFFF}

#content #left #banner_mezi_cl { margin:0 10px 0 10px; background-color:#CCCCCC; height:75px;}
#content #left #left_news_main { padding-top:15px;}
#content #left #left_news_main #left_news_main_left { margin:0; padding:0; border-right:1px dotted silver; width:304px; float:left;}
#content #left #left_news_main #left_news_main_right { margin:0; padding:0; width:305px; float:left;}

.clanek {background-image:url(../images/pod-hl-clanek.jpg); background-repeat:repeat-x; text-align:justify; margin-bottom:10px;}


.datum {color:#727070; margin:0 0 5px 0; padding:0 10px 5px 0; text-align:right;}
.clanek a {font-weight: bold;}
.clanek p {padding:0 10px 0 10px; font-size:9pt;}
.clanek h2 {text-align:left;}
.clanek img {margin:10px 0 0 0; border:1px solid silver;}
.clanek .image {width:100%;text-align:center;}
#clanek_table { float:left; margin-right:10px;}

.p_archiv { margin-right:10px; font-weight:bold; text-align:right; }

#left_hot_news { background-image:url(../images/pod-hl-clanek.jpg); background-repeat:repeat-x; background-color:white;}

#left_hot_news p {color:#181818; font-size:9pt; margin:0; padding:0 0 10px 10px; text-align:justify; line-height:140%}
#left_hot_news img {margin:0; padding:0; border:0; float:none;}
#left_hot_news a { font-weight: bold; }
#left_hot_news .datum {color:#727070; font-size:85%; margin:0; padding:0 0 0 0; text-align:right;}
#left_hot_news #hot_image {width:235px; float:left; text-align:center; padding: 10px 0;}
#left_hot_news #hot_image table {border:1px solid silver; margin:0 10px 0 10px;}
#left_hot_news #hot_image #popisek {color:#666666; font-size:10px;}
#left_hot_news #hot_text {width:360px; float:left;}
#left_hot_news #hot_text h1 {color:#008BC8; font-size:150%; text-align:left;}

#zprava_hlavicka { margin:0; padding:0 10px 0 10px;}
#zprava_text  {color:#181818; font-size:9pt; margin:0; padding:0 10px 10px 10px; text-align:justify; line-height:135%}
#zprava_text  p {padding:5px 0 5px 0;}

#right #svatek { width:345px; background-image:url(../images/svatek-bg.jpg); height:17px; font-size:85%; line-height:17px}
#right #svatek span { color: #008BC8; }
#right #svatek_datum { float:left; margin-left:8px}
#right #svatek_jmeno { float:right; text-align:right; margin-right:8px}
#right #ikony { width:345px; height:48px; background-image:url(../images/ikony-bg.jpg); margin:10px 0 10px 0;}
#right #topline { width:345px; height:60px; background-image:url(../images/pod-hl-clanek.jpg); background-repeat:repeat-x; background-color:white; margin:10px 0 10px 0; border:1px solid #CC0000;}
#right #topline h2 { font-size:12px; margin:0; padding:0; text-align:center; padding: 5px 0 0 0;}
#right #topline p { font-size:11px; text-align:center; padding: 5px;}
#right .right_banner { width:100%; height:170px; background-color:silver; margin:10px 0 10px 0; position:relative;}
#right #flashnews {width:345px;background-image:url(../images/pod-hl-clanek.jpg); background-repeat:repeat-x; background-color:white; border:1px solid #DDDDDD;}
#right #flashnews h3 {color:#008BC8; font-size:115%; font-weight:bold; margin: 0px; padding:0 10px 2px 10px;}
#right #flashnews p {color:#181818; font-size:85%; margin:0; padding:0 10px 5px 10px; text-align:justify;}
#right .titul_boxu { margin:10px;}
#right #pocasi {width:345px; height:150px; background-image:url(../images/pod-hl-clanek.jpg); background-repeat:repeat-x; background-color:white; margin:10px 0 10px 0; border:1px solid #DDDDDD;}
#right #horoskop {width:345px; background-image:url(../images/pod-hl-clanek.jpg); background-repeat:repeat-x; background-color:white; margin:10px 0 10px 0; border:1px solid #DDDDDD;}
#right #horoskop div {color:#181818; font-size:90%; padding:0 0 3px 0; margin:5px; text-align:justify;}
#right #horoskop p {padding: 3px 0 ; margin:0; text-align:left; font-size:8pt}

#right #hledani {width:345px; height:65px; background-image:url(../images/pod-hl-clanek.jpg); background-repeat:repeat-x; background-color:white; margin:10px 0 10px 0; padding:5px 0; border:1px solid #DDDDDD;}
#right #hledani table td {font-size:8pt;}
#right #hledani table {margin:auto;}
#right #hledani #from_date, #right #hledani #to_date {width:67px; border:1px solid #AED7FF; text-align:center}
#right #search_word {width:185px; border:1px solid #AED7FF}
#right #kategory {width:125px; border:1px solid #AED7FF}
#right #hledat {width:63px; height:20px; border:1px solid #008BC8; background: #ACDFFD}

#right #email {width:345px; height:65px; background-image:url(../images/pod-hl-clanek.jpg); background-repeat:repeat-x; background-color:white; margin:10px 0 10px 0; padding:5px 0; border:1px solid #DDDDDD;}
#right #email small { color: gray; }
#right #email b, span { font-size: 12px; color: #008BC8; }
#right #email table td {font-size:8pt;}
#right #email table {margin:auto;}
#right #mail {width:185px; border:1px solid #AED7FF}
#right #eprihlasit {width:95px; height:20px; border:1px solid #008BC8; background: #ACDFFD}

#vydani {position: relative; width: 194px; height: 137px; top: 33px; left: 400px; background: url(../images/podnoviny.png) no-repeat;}
#vydaniin {position: relative; width: 214px; top: -118px; left: 390px; font-weight: bold; font-size: 11px; text-align: center;}

/*** MENU ***/

#menu_box {background-color:#008BC8; height:42px; width:100%; margin:0; padding:0;}

#menu {
	behavior: url("stranky/inc/csshover.htc");
	font-size: 90%;
	height:42px; width:974px; /*margin:0 auto 0 auto; padding:0;*/
	position:absolute;
	top: -62px; left:0px;
	
}

#menu a, #menu a:visited, #menu span {
	display:block;
	color: #FFFFFF;
	text-decoration: none;
	padding: 14px 26px 12px 16px;
	font-weight:normal;
}
#menu a:hover,#menu ul li:hover a  { color: #FFFFCC; }
/* menu 1. urovne */
#menu ul { 
	list-style-type: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	_padding-left:10px;
}
#menu ul li { 
	float: left; /* float:left - menu je horizontalni, jinak vertikalni */
	position: relative;
	height:42px;
	background: url(../images/menu.gif) no-repeat right;
}
/*#menu ul li:first-child { border-left:none; }*/
#menu ul li:hover   { 
	color: #FFE44E;
	background: url(../images/menu-hover.gif) no-repeat right;
}
/* submenu */
#menu ul li ul{
	display: none;
	position: absolute;
	left: -5px;
	top: 42px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width:175px;
	border-bottom: 1px solid silver;
	z-index:100;
}
/* pozice pro menu >2. urovne */
#menu ul li ul li ul{ 
	left:  148px;
	top: -1px;
	border-top:none;
	padding-top:0px;
}
/* pozice pro menu >3. urovne */
#menu ul li ul li ul li ul { 
	left:  148px;
	top: -1px;
	border-top:none;
	padding-top:0px;
}
/* vzhled odkazu v submenu */
#menu ul li ul li {
	border-right: none;
	width: 100%;
	height:42px;
	padding: 0px;
	margin: 0px;
	border: 1px solid silver;
	border-bottom:none;
	background: url(../images/menu.gif) no-repeat right;
}
#menu ul li ul li a { }

/* 2.uroven */
#menu ul li:hover ul { display: block; }
#menu ul li:hover ul li { background: url(../images/menu.gif) no-repeat right;}
#menu ul li:hover ul li a { color: white; }
#menu ul li:hover ul li:hover a { color: #FFFFCC; }
#menu ul li:hover ul li:hover { background: url(../images/menu-hover.gif) no-repeat right; }
/* 3.uroven */
#menu ul li:hover ul li ul { display: none; }
#menu ul li:hover ul li:hover ul { display: block;	}
#menu ul li:hover ul li:hover ul li { background: url(../images/submenu.gif) repeat-x;  }
#menu ul li:hover ul li:hover ul li a { color: white; }
#menu ul li:hover ul li:hover ul li:hover a { color: white; }
#menu ul li:hover ul li:hover ul li:hover { background: url(../images/submenu-hover.gif) repeat-x;  }
/* 4.uroven */
#menu ul li:hover ul ul li:hover ul li ul { display: none; }
#menu ul li:hover ul ul li:hover ul li:hover ul { display: block;	}
#menu ul li:hover ul ul li:hover ul li:hover ul li { background: url(../images/submenu.gif) repeat-x;  }
#menu ul li:hover ul ul li:hover ul li:hover ul li a { color:#000000; }
#menu ul li:hover ul ul li:hover ul li:hover ul li:hover a { color:#000000; }
#menu ul li:hover ul ul li:hover ul li:hover ul li:hover { background: url(../images/submenu.gif) repeat-x;  }


/* GALERIE */
.galerie-nahled { padding: 10px; width: 140px; border: 1px solid #CDCDCD; background-color: #EAEFEB; }
.galerie-nahled p { font-size: 10px; text-align: center; }
#galerie-fotky { padding: 10px; width: 130px; border: 1px solid #CDCDCD; background-color: #EAEFEB; }
#galerie-obrazky, #galerie-alba { width:100%}
#galerie-obrazky table, #galerie-alba table { width:95%; margin:auto}
#galerie-obrazky table td, #galerie-alba table td { text-align: center; width:33%}

#hover-box { position: fixed; border: 1px solid #DDDDDD; border-radius: 5px; margin: 10px; padding: 5px; display: none; z-index: 99999; background: url('../images/darken.png'); font-size: 9pt; font-weight: bold; color: #000000; line-height: 20px; }
#titulka { position: relative; left: 4px; top: 4px; }