﻿/* Uzywane kolory
#FFFFFF - bialy
#000000 - czarny
#8390a9 - niebieski na ciemnym tle
*/

/* domyslne */
body { background-color: #FFFFFF; font-size: 11px; font-family: Tahoma; background: transparent url(../img/background.gif) repeat-x;}
a { color: #BA4505; font-family: tahoma; font-size: 11px; text-decoration: none; }
a:hover { color: #BA4505; text-decoration: underline; }
a.green { color: #09920F; text-decoration: none; }
a.green:hover { color: #09920F; text-decoration: underline; }
a.white { color: #FFFFFF; text-decoration: none; }
a.white:hover { color: #FFFFFF; text-decoration: underline; }
p { }
div { }
h1 { }
h2 { }
h3 { }
ul { list-style: none; }
li { }
img { border: none;}

/*#screen {  }*/

/* pomocnicze */


/* box21 */
.box21left { background: url(../img/box30left_top.png); }
.box21right { background: url(../img/box30right_bottom.png); }

.skinHeader 
{
	color: #FFFFFF;
}

.skinHeader div.skinTopMenu
{
	background: url(../img/top_right.gif) repeat-x;
}

.skinHeader div.skinTopMenu ul
{
	
}

.skinHeader div.skinTopMenu ul li
{
	float: left;
	padding-left: 0px;
	padding-right: 0px;
	background: url(../img/top_right_spacer.gif) no-repeat;
}

.skinHeader div.skinTopMenu ul li a
{
	display: block;
	width: 124px;
	height: 56px;
	text-align: center;
	padding-top: 43px;
	color: #9aa7c0;
	font-weight: bold;
}

.skinHeader div.skinTopMenu ul li a:hover
{
	background: url(../img/top_right_hover.gif) repeat-x;
	text-decoration: none;
	color: #FFFFFF;
}

.skinHeader div.skinTopMenu ul li.first
{
	background: none;
}

.skinHeader div.skinTopMenu ul li.last
{
	
}

.skinContent
{
	color: #000000;
	font-family: Tahoma;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

.skinContent div.leftMenuTop
{
	background: url(../img/menu_left_background_top.gif) no-repeat;
	width: 202px;
	height: 4px;	
}

.skinContent div.leftMenu
{
	background: url(../img/menu_left_background.gif) repeat-y;	
	padding-bottom: 6px;
	padding-top: 6px;
}

.skinContent div.leftMenu ul
{
	margin-left: 10px;
	margin-right: 10px;
}

.skinContent div.leftMenu ul li
{
	color: #526b9f;
	font-weight: normal;
	font-size: 10px;
	margin-bottom: 5px;
}

.skinContent div.leftMenu ul li.spacer
{
	margin: 0;
	padding: 0;
	border-bottom: solid 1px #c1c9d8;
	line-height: 0px;
	font-size: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.skinContent div.leftMenu ul li.sub
{
	background: url(../img/sign.gif) no-repeat 0px 5px;
	padding-left: 15px;
}

.skinContent div.leftMenu ul li.subfirst
{
	background: url(../img/sign.gif) no-repeat 0px 5px;
	padding-left: 15px;
}

.skinContent div.leftMenu ul li.sublast
{
	background: url(../img/sign.gif) no-repeat 0px 5px;
	padding-left: 15px;
}

.skinContent div.leftMenu ul li.sub2
{
	background: url(../img/sign2.gif) no-repeat 3px 5px;
	padding-left: 15px;
}

.skinContent div.leftMenu ul li.sub2 a
{
	font-weight: normal;
}

.skinContent div.leftMenu a
{
	color: #284682;
	font-weight: bold;
}

.skinContent div.banner
{
	
}

.skinContent div.buttons
{
	
}

.skinContent div.buttons div.contact
{
	float: left;
	background: url(../img/main_contact.jpg) no-repeat 0px 0px;
	width: 485px;
	height: 161px;
	margin-left: 5px;
	/*margin-top: 10px;*/
}

.skinContent div.buttons div.contact div.info
{
	width: 465px;
	height: 161px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 17px;
	padding-bottom: 5px;
}

.skinContent div.buttons div.contact div.info h2
{
	font-size: 11px;
	margin-bottom: 14px;
	color: #dde4ee;
}

.skinContent div.buttons div.contact div.info p
{
	font-size: 12px;
	margin-top: 15px;
	color: #112650;
}

.skinContent div.buttons div.contact div.info p span
{
	display: block;
	margin-top: 10px;
	margin-bottom: 0px;
}

.skinContent div.buttons div.item
{
	float: left;
	background: url(../img/main_panel.gif) no-repeat 0px 0px;
	width: 237px;
	height: 147px;
	margin-left: 6px;
	margin-top: 10px;
	padding: 0;
}

.skinContent div.buttons div.item h2
{
	font-size: 11px;
	margin-bottom: 14px;
	color: #dde4ee;
}

.skinContent div.buttons div.item p
{
	font-size: 10px;
	margin-top: 5px;
	color: #112650;
}

.skinContent div.buttons div.item div.blue
{
	width: 217px;
	height: 137px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 8px;
	padding-bottom: 5px;
	margin: 0 none;
}

.skinContent div.buttons div.item div.blue:hover
{
	background: url(../img/main_panel_blue.gif) no-repeat 0px 0px;
}

.skinContent div.buttons div.item div.green
{
	width: 217px;
	height: 137px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 8px;
	padding-bottom: 5px;
	margin: 0 none;
}

.skinContent div.buttons div.item div.green:hover
{
	background: url(../img/main_panel_green.gif) no-repeat 0px 0px;
}

.skinContent div.buttons div.item div.orange
{
	width: 217px;
	height: 137px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 8px;
	padding-bottom: 5px;
	margin: 0 none;
}

.skinContent div.buttons div.item div.orange p a
{
	width: 100%;
	text-align: center;
	padding-top: 5px;
	font-size: 14px;
	color: #284682;
	display: block;
}

.skinContent div.buttons div.item div.orange:hover
{
	background: url(../img/main_panel_orange.gif) no-repeat 0px 0px;
}

.skinContent div.buttons div.item div.red
{
	width: 217px;
	height: 137px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 8px;
	padding-bottom: 5px;
	margin: 0 none;
}

.skinContent div.buttons div.item div.red:hover
{
	background: url(../img/main_panel_red.gif) no-repeat 0px 0px;
}

.skinContent div.text
{
	padding-left: 20px;
	padding-top: 15px;
}

.skinContent div.text h1
{
	font-size: 15px;
	color: #284682;
}

.skinContent div.text h3.subtitle
{
	margin-top: 5px;
	font-size: 11px;
	color: #aaaaaa;
	font-weight: normal;
}

.skinContent div.text h2
{
	font-size: 12px;
	color: #193161;
	font-weight: bold;
	text-decoration: underline;
	margin-top: 16px;
	margin-bottom: 5px;
}

.skinContent div.text h2.grey
{
	font-size: 12px;
	color: #3e3e3e;
	font-weight: bold;
	text-decoration: underline;
	margin-top: 16px;
	margin-bottom: 5px;
}

.skinContent div.text p
{
	margin-left: 1px;
	font-size: 11px;
	color: #193161;
}

.skinContent div.text cite.grey
{
	margin-left: 1px;
	font-size: 11px;
	color: #3e3e3e;
}

.skinContent div.text ul
{
	margin-left: 1px;
	margin-top: 5px;
}

.skinContent div.text ul li
{
	padding-left: 10px;
	background: url(../img/sign3.gif) no-repeat 0px 6px;
	margin-top: 6px;
}

.skinContent div.text ul li.grey
{
	padding-left: 10px;
	background: url(../img/sign3.gif) no-repeat 0px 6px;
	margin-top: 3px;
	font-size: 11px;
}

.skinContent div.text ul li.greyNoImg
{
	padding-left: 10px;
	background: none;
	margin-top: 3px;
	font-size: 11px;
	font-weight: bold;
}

.skinContent div.text ul li a
{
	color: #284682;
	text-decoration: underline;
}

.skinContent div.text ul li a.related
{
	color: #BA4505;
	text-decoration: none;
}

.skinContent div.text ul li a:hover
{
	color: #e51111;
	text-decoration: underline;
}

.skinContent div.text ul li a.related:hover
{
	color: #e51111;
	text-decoration: underline;
}

.skinContent div.text div.form
{
	padding-top: 10px;
	padding-bottom: 10px;
}

.skinContent div.text div.form div.label
{
	float:left;
	width: 150px;
	margin: 0;
	padding: 0;
	margin-top: 5px;
	font-size: 11px;
	font-family: Tahoma;
	padding-top: 3px;
	font-weight: bold;
	text-align: right;
	padding-right: 10px;
}

.skinContent div.text div.form div.control
{
	float:left;
	margin: 0;
	padding: 0;
	padding-top: 5px;
}

.skinContent div.text div.form div.controlWide
{
	float:right;
	margin: 0;
	padding: 0;
	padding-top: 15px;
	padding-bottom: 10px;
}

.skinContent div.text div.form div.control input.text
{
	width: 252px;
	margin: 0;
	padding: 0;
	border: 1px solid #b3b9c3;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	font-size: 11px;
	font-family: Tahoma;
	height: 16px;
}

.skinContent div.text div.form div.control input.button
{
	margin: 0;
	padding: 0;
	border: 1px solid #b3b9c3;
	font-size: 11px;
	font-family: Tahoma;
	height: 21px;
	padding-bottom: 1px;
	padding-bottom: 0px;
}

.skinContent div.text div.form div.control select
{
	width: 262px;
	margin: 0;
	padding: 0;
	border: 1px solid #b3b9c3;
	padding-left: 4px;
	padding-right: 4px;
	font-size: 11px;
	font-family: Tahoma;
	height: 20px;
}

.skinContent div.text div.form div.control input.checkbox
{
	margin-top: 4px;
	margin-top: 0px; 
	margin-left: -4px;
}

.skinContent div.text div.form div.control span.checkbox
{
	margin-top: 4px;
	margin-top: 0px; 
	margin-left: -4px;
}

.skinContent div.text div.form div.control textarea
{
	width: 252px;
	margin: 0;
	padding: 0;
	border: 1px solid #b3b9c3;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-top: 2px;
	font-size: 11px;
	font-family: Tahoma;
}

.skinContent div.text div.form h3
{
	font-size: 11px;
	background-color: #9AA7C0;
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 5px;
}

.skinContent div.text div.form h4
{
	font-weight: normal;
	color: #DA5C18;
	font-size: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.skinContent div.text div.form div.message
{
	/*color: Red;*/
	font-weight: bold;
	margin-top: 20px;
}

.skinContent div.text div.form div.message span.info
{
	color: Green;
}

.skinContent div.text div.form div.message span.err
{
	color: Red;
}

.skinFooter 
{
	color: #FFFFFF;
	font-family: Tahoma Arial;
	font-size: 12px;
	padding-bottom: 40px;
}

.skinFooter div.left
{
	font-family: Tahoma;
	background: url(../img/footer_left.gif) no-repeat;
	text-align: center;
}

.skinFooter div.left .copyrights
{
	font-size: 11px;
	color: #8390a9;
	margin-top: 14px;
	display: block;
}

.skinFooter div.right
{
	background: url(../img/footer_right.gif) no-repeat;
	font-family: Tahoma;
}

.skinFooter div.right div.contact
{
	font-size: 11px;
	color: #FFFFFF;
	display: block;
	text-align: right;
	margin-top: 8px;
	margin-right: 10px;
}

.skinFooter div.right div.contact a
{
	
}

.skinFooter div.links
{
	float:right;
	margin-top: 10px;
}

.skinFooter div.linksRs
{
	float:left;
	margin-top: 10px;
	margin-left: 10px;
	color: #818FAB;
	font-family: Tahoma;
	font-size: 11px;
}

.skinFooter div.linksRs a
{
	color: #284682;
}

.skinFooter div.links ul
{
		
}

.skinFooter div.links ul li
{
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	border-left: 1px solid #c5d0d9;
}

.skinFooter div.links ul li.first
{
	padding-right: 10px;
	border-left: none;
}

.skinFooter div.links ul li.last
{
	padding-left: 10px;
}

.skinFooter div.links ul li a
{
	color: #818fab;
}

div.rss
{
	display: block;
	float: left;
	padding-top: 20px;
}

div.rss h3
{
	color: #284682;
	font-size: 11px;
	font-weight: bold;
	padding-bottom: 5px;
	border-bottom: 1px solid;
	margin-left: 15px;
}

div.rss h5
{
	color: #818FAB;
	font-size: 10px;
	margin-top: 10px;
	margin-bottom: 5px;
	display: block;
	margin-left: 15px;
}

div.rss h5 a
{
	color: #526B9F;
}

div.rss p
{
	color: #777777;
	font-size: 10px;
	margin-left: 15px;
}