/* CSS Document */

/*PAGE LAYOUT*/
body {font-family:Arial, Helvetica, sans-serif; color:#414141;font-size: 87%; background:#ffffff url("pozadie.gif") repeat-x; margin:0; padding-top:0px; text-align: center; }
 

#logo{float:left; background-image:url(tie_logo.gif); width:274px; height:213px;}
#topheader{float:right; width:526px; height:97px; background-color:#F0F0F0; position:relative}
#toplinks{position:absolute; right:10px; top:10px;}
#menu{float:right; width:526px; height:32px; background-image:url(bg_menu.gif); background-repeat:repeat-x;}
#submenu{float:right; width:526px; height:32px; background-image:url(bg_submenu.gif); background-position:top; background-repeat:repeat-x;}
#contenttext{float:right; width:526px;}
#leftpanel{float:left; width:274px;}
#footer{float:left; width:800px; background-color:#F0F0F0; padding:10px;}
#contenttext h2 {float:left; width:500px; font-size:22px; position:relative;}

.img {float:right; padding:10px; position:relative;}
.img2 {float:left; padding:5px; position:relative;}



div#reklama { float: left; margin: 0 2px 0 5px; }
div#reklama div { width: 260px; height:260px; padding-top: 10px; margin: 0px; }
div.ramecek { width: 260px; height:260px; background: no-repeat url(reklama.jpg); }


/*GRAY PANEL*/
.graypanel{
	border:solid 1px #666666; background-color:#F7F7F7; padding:10px; margin:10px;
}

/*TEXT STYLES*/
.bodytext {
	font: Tahoma, sans-serif;	color: #666666; font-size:12px; 
}

.titletext {
	font: 0.7em Tahoma, sans-serif;
	font-size:36px;
	font-weight:bold;
	color:#CC0000;
}
h1 {
	font: 0.7em Tahoma, sans-serif;	font-size:25px;	font-weight:bold;	color:#FFFFFF;	margin-top:56px;  }
h2 {
	font: 0.7em Tahoma, sans-serif;	font-size:12px;	font-weight:bold;	color:#000000;	margin-top:3px; position:absolute; }
	
h3 { font: 0.7em Tahoma, sans-serif;	font-size:15px;	font-weight:bold;	color:#000000; }



.smalltitle {
	font: 0.7em Tahoma, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#CC0000;
}
.smallwhitetext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
}
.smallwhitetext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration:none;
}
.smallwhitetext a:hover{
	text-decoration:underline; color:rgb(204,0,0);
}
.smallgraytext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#999999;
}
.smallgraytext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#999999;
	text-decoration:none;
}
.smallgraytext a:hover{
	text-decoration:underline; color:rgb(204,0,0);
}

.smallgraytext .active{
	text-decoration:underline; color:rgb(204,0,0);
}

.smallredtext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#CC0000;
}
.smallredtext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#CC0000;
	text-decoration:none;
}
.smallredtext a:hover{
	text-decoration:underline;
}