@import url("box.css");
@import url("clanky.css");
@import url("uvodniStrana.css?paramid=v2");
@import url("global.css");
@import url("souteze.css");
@import url("forum.css");
*
{
	margin: 0;
	padding: 0;
	/*font-size: 11px;*/	
}


body
{
	background: url("/images/web/bg.gif") repeat-x #860D0E fixed;
   font-family: Arial, Helvetica, sans-serif;
	/*behavior: url("/styles/K.hover.htc");*/
	font-size: 11px;
	
}

div#content
{
	width: 975px;
	margin: 0 auto;
	margin-top: 10px;
	background: white;
	position: relative;
	
}

div#mainContent
{
	width: auto;
	padding: 5px 3px;
	
}


div#leftColumn
{
	width: 150px;
	float: left;
	overflow: hidden;
}


div#middleColumn
{
	width: 579px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	padding-bottom: 10px;
}

div#middleColumnMatrjoska
{
	width: auto;
	font-size: 11px;
}
div#rightColumn
{
	width: 220px;
	float: left;
	overflow: hidden;

}

div#rightColumnMatrjoska
{
	width: auto;
}

div.cleaner
{
	clear: both;
}

img 
{
 behavior: url(/styles/pngbehavior.htc);
}

h1,h1 a,h1 a span { width: 975px; height: 178px; display: block; } 
h1 a { position:relative; }
h1 a span{ position:absolute; top:0px; left:0px; z-index:1; background: url("/images/web/logo.jpg") no-repeat; top left no-repeat; }

h2.middle
{
	color: black;
	padding: 5px;
	padding-right: 0;
	padding-bottom: 0;
	font-size: 16px;
	width: auto;
	background: url("/images/ico/page_text.gif") no-repeat 0% 70%;
	padding-left: 20px;
}

h2.middle span
{
	background: #870C0E;
	color: #F0F0F0;
}

h2.middle div.border
{
	border-bottom: 2px solid #870C0E;
	height: 0px;
}

div#podLogo
{
	width: 971px;
	height: 25px;
	background: url("/images/web/podlogo.jpg") no-repeat #F7F7F7;
	padding-top: 5px;
   border-bottom: 1px solid #9B9B9B;
	padding-left: 3px;

}



div#podLogo a
{
	float: left;
	width: 30px;
	border: 0;
	text-align: center;
	height: 25px;
	margin-right: 1px;
	background: url("/images/web/podlogobutton.jpg") no-repeat;


}

div#podLogo a:hover
{
	background: url("/images/web/podlogobutton2.jpg") no-repeat;

}

div#podLogo a img
{
	border: 0;
}
	

div#pruh1
{
	width: auto;
	height: 22px;
	background: url("/images/web/pruh1.jpg") repeat-x;
	line-height: 22px;
	font-size: 11px;
	color: #FFE8EA;
	text-align: center;
}

div#pruh1 a
{
	text-decoration: underline;
	color: #FFE8EA;
}

div#pruh2
{
	width: auto;
	background: url("/images/web/pruh2.jpg") repeat-x white;
	height: 100px;
	position: relative;
	text-align: center;
	line-height: 100px;
	
}

h2.headerButton
{
	font-size: 12px;
	font-weight: bold;
	color: #EDEDED;
	width: 140px;
	padding-left: 10px;
	height: 18px;
	background: url("/images/web/headerButton.gif");
	line-height: 18px;
}

/* main nav */
ul.mainNav
{
	list-style-type: none;
}

ul.mainNav li
{
	display: inline;
}

ul.mainNav li a
{
	display: block;
	width: auto;
	background: #EDEDED;
	color: #22231E;
	border-bottom: 1px solid white;
	text-decoration: none;
	padding: 2px;
	padding-left: 5px;
	
}

ul.mainNav li a:hover, ul.mainNav li a.selected
{
	color: #FFCECF;
	background: url("/images/web/pruh1.jpg") repeat-x;
	
}

/* top nav*/

ul#topNav
{
	list-style-type: none;
	position: absolute;
	top: 1px;
	left: 0px;
	z-index: 2;
	width: 975px;
}


ul#topNav li
{
	display: inline;
}

ul#topNav li a
{
	display: block;
	width: auto;
	color: #FFE8EA;
	text-align: center;
	text-decoration: none;
	padding: 11px 40px;
	float: left;
	text-decoration: underline;
	background: #9A2727;
	margin-right: 1px;
	
	
}

ul#topNav li a:hover
{
	background: #B72D2D;
}


.kamaradi-odkaz
{
	font-size: 10px;
	margin-top: 10px;
	font-style: italic !important;
}

.bubble
{
	background: url("/images/ico/comment.gif") no-repeat 0px 3px;
	padding-left: 13px;
}


/* forms */
legend
{
	display: none;
}

form#huhula label, form#huhula input, form#huhula select, form#huhula textarea 
{ 
display: block; 
width: 200px; 
float: left; 
margin-bottom: 10px; 
} 

form#huhula textarea { width: 300px; }
form#huhula label 
{ 
text-align: right; 
width: 120px; 
padding-right: 20px; 
} 

p.clear 
{ 
clear: left; 
} 

fieldset { text-align: right; border: 0px solid red; width: 500px;}
form#huhula input, form#huhula textarea { border: 1px solid gray;  background-color: #FFF9F9;  }


div#next-categories
{
	margin: 0;
	padding: 0;
	margin-top: 20px;
	margin-bottom: 15px;
}



#next-categories  a
{
	display: block;
	float: left;
	font-weight: bold;
	background: #C4C4C4;
	padding: 5px 3px;
	margin-right: 1px;
	text-decoration: none;
}
#next-categories  a:hover, #next-categories  a.active
{
	color: white;
	background: #660A0B;
}

.wslide-menu a
{
	padding: 2px 4px;
	background: #C4C4C4;
	text-decoration: none;
}

.wslide-menu a.wactive
{
	color: white;
	background: #660A0B;
}

.hp-articles li
{
	position: relative;
}

p.komentReakce {
    border-bottom: 1px solid #E2E2E2;
    margin-bottom: 10px;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
    width: 500px;
}
#tooltip h3, #tooltip div { margin: 0; }


#big-info
{
    background: pink;
    padding: 5px;
    margin-bottom: 5px;
    border: 2px solid #656565;
}