/* style ogólne */

html,body {
	background-color: white;
	color: #7d7d7d;
	font-size: 10px;
	font-family :  "Verdana CE", Verdana, Arial;
	margin:0;
	padding:0;
	height:100%;
}


td {vertical-align:top; position:relative; font-size: 10px;}
div { text-align:left;  /*border:1px dotted red; */ }
.clear {clear:both;}
.left {float:left;}
input, textarea { font-family :  "Verdana CE", Verdana,  Arial; font-size:10px; border:1px solid #7d7d7d; color: #7d7d7d; background-color:white;}


a {text-decoration:none; color:#7d7d7d;}
a:hover {text-decoration:none; color:#CF0000; }


/* NAGŁÓWEK Z MENU */

#top { padding-top:40px; padding-bottom:20px }
#logo { float:left; padding-right:3px;}
#menu { border-top: 1px solid #B3B3B3; border-bottom: 1px solid #B3B3B3; float:left; }
#flashmenu div {float:left; padding-right:5px; padding-bottom:10px;}


/* PRAWA KOLUMNA */

#content_prawy { width:220px; float:right; padding-left:5px; margin-right:15px; display: inline;}

#naglowek_prawy { background-image:url(/images/www/kropki.gif); background-repeat: repeat-x; background-position:bottom; height:25px; margin-top:15px; }

/* prawe menu - lista */
#menu_prawe 		{ margin-top:15px; margin-bottom:15px;}
#menu_prawe ul 		{margin: 0px; padding: 0; }
#menu_prawe li 		{ padding-bottom:8px; background-image:url(/images/www/kropki.gif); background-repeat: repeat-x; background-position:bottom; list-style:none; margin-left:20px; padding-top:2px; }
#menu_prawe .title 	{ font-weight:bold; }
#menu_prawe .spacer { background-image:none; height:12px;}
#menu_prawe .active { height:12px; list-style-image:url(/images/www/trojkat_red.gif); color:#CF0000;}

#menu_prawe a 			{text-decoration:none; color:#7d7d7d;}
#menu_prawe .active a 	{text-decoration:none; color:#CF0000; }
#menu_prawe a:hover 	{text-decoration:none; color:#CF0000; }

#menu_prawe .submenu 	{padding:0px 0px 5px 15px;margin:0px; font-style:italic;}
#menu_prawe .submenu ul {padding:3px 0px; margin:0px;}


.Lpop { background: url("/images/www/trojkat_gray_inv.gif") 0% 50% no-repeat; padding-left: 12px; }
.Lpop:hover { background: url("/images/www/trojkat_red_inv.gif") 0% 50% no-repeat; }



/* czy wiesz że */
#czy_wiesz {padding-left:5px;}
#czy_wiesz .content {background-image:url(/images/www/czy_tlo.gif); background-repeat: repeat-y; background-position:left; width:217px; padding:5px 15px 5px 15px;}
#czy_wiesz .bottom {background-image:url(/images/www/czy_dol.gif); background-repeat: no-repeat; background-position:bottom left; width:217px; height:5px; line-height:2px; padding:0px;}


/* wyszukiwanie */
#szukaj {margin:10px 0px 10px 10px; }
#szukaj form {margin:0; padding:0; }
#search_text {width:145px; height:21px; vertical-align:middle;}
#search_btn {margin-left:2px; background-image:url(/images/www/btn_szukaj.gif); border:none; height:21px; width:58px; vertical-align:middle;}


/* GŁOWNE POLE */

#content_glowny { width:498px; float:left; top:0; left:0; }

/* nagłowek */
#naglowek_glowny { background-image:url(/images/www/kropki.gif); background-repeat: repeat-x; background-position:bottom; height:40px; vertical-align:top; margin-right:10px;}
#naglowek_glowny .tytul {float:left; display:inline; margin-left:10px; margin-top:10px; }
#naglowek_glowny .tekst_container {height:100%;position:relative; float:left; margin-left:20px; width:230px; } /* ten div ustawia tekst z wyrównaniem do dołu */
#naglowek_glowny .tekst {position:absolute; bottom:10px; }
#naglowek_glowny .logo {float:right; display:inline;}

#tresc {padding: 10px;}
#tresc .title {padding-bottom:10px; font-size:12px; font-weight:bold; }

.LTitle {font-weight:bold; background: url("/images/www/trojkat_gray.gif") 0% 50% no-repeat; padding-left: 12px; }
.LTitle:hover { background: url("/images/www/trojkat_red.gif") 0% 50% no-repeat; }


/* TRENERZY */

.trener {padding:15px 0px 10px 0px; background-image:url(/images/www/kropki.gif); background-repeat: repeat-x; background-position:bottom; width:95%; }
.trener img {margin-right:10px;}
.trener p {margin:10px 0px;}


/* BRANŻE */

.branzaR {padding:15px 0px 10px 0px; width:45%; float:left; }
.branzaL {padding:15px 0px 10px 0px; width:45%; float:right; }
.branzaA {clear:both; width:100%; background-image:url(/images/www/kropki.gif); background-repeat: repeat-x; background-position:bottom;}
.branza p {margin:10px 0px;}


/* FORMULARZ ZAPYTANIA */

#zapytanie input {width:200px; height:21px;}
#zapytanie textarea { height:60px; width:200px;}
.submit {margin:20px; }

/* CZYTELNIA */
.zrodlo {padding-bottom:15px; }
.artykul {padding:15px 0px 10px; margin-right:10px; background-image:url(/images/www/kropki.gif); background-repeat: repeat-x; background-position:bottom; width:95%; }
.wiecej {text-align:right; width:100%; }

/* INNE */

#container {width:750px; height:100%; position:relative; margin:auto;} /* cała strona */
#content { width:100%; background-image:url(/images/www/tlo_kropki_long.gif); background-repeat: repeat-y; background-position: right;} /* srodek strony */ 
#stopka {font-size:9px; font-family:Verdana; padding-top:20px; text-align:center;}
#stopka a:hover {text-decoration:none; color:#7d7d7d;}


/* CZYSTA STRONA HTML (nagłówek dla Forum) */

body .html {text-align:center;}
#naglowek_html {background-image:url(/images/www/kropki.gif); background-repeat: repeat-x; background-position: bottom right; height:40px; float:left; margin-right:10px;margin-top:-8px; width:480px;}
#naglowek_html .tytul {float:left; display:inline; margin-left:10px; margin-top:10px; }
#naglowek_html .tekst_container {height:100%;position:relative; float:left; margin-left:20px; width:250px; } /* ten div ustawia tekst z wyrównaniem do dołu */
#naglowek_html .tekst {position:absolute; bottom:10px; }
#naglowek_html .logo {float:right; display:inline;}