/*
	bgcolor: 	#8f9095
	red/h1	 	#BF0415
	navy/h2		#032879
	silver/hr	#C2C2C2

	gray/text	#656565

-WRAPPER-
~~~~+-----------------------------------+
c	| .topbelt							|
o	+-----------------------------------+~~~~
n	| .menu |  .topbanner               | m w
t	|		+-----------------+---------+ a i 
e	|       |  .content-frame |.sidebelt| i n 
n	|       |                 |         | n d  
t	|       |                 |         |   o
~~~~+-------+-----------------+---------+~ ~w
	|          . f o o t e r            |
	+-----------------------------------+
-/WRAPPER-

*/

* {margin:0px; font-size:11px; font-family:arial; white-space: normal;  }

body{ text-align:center; line-height: 16px;  background: #8f9095 url('layout/bg.jpg') repeat-x;}


/* COMMON */

a{  text-decoration:none; color:#BF0415;  }
a:hover{ color: #032879; }

.clear-both{ width:100%; clear:both; font-size:0px; height:0px; line-height:0px; }

img{ border:0px; }


ul{ list-style: disc inside; }

/*----------------------------------------------------------------------------*/
/* MAIN LAYOUT 
/*----------------------------------------------------------------------------*/

.wrapper{ width:966px; margin:auto; background: url('layout/wrapper_bg.jpg') repeat-y;}										/*
	|
	|_ 																									*/
	.content{ width:950px;  float:left; overflow:hidden; text-align:left; } 							/*
		|_								 																*/															
		.content-inner{ margin: 13px 0px 11px 10px; width: 930px;  }
		

	.footer{ color:#666; text-align:center; margin-top:8px; }
	.footer a {  color:#666; margin: 0px 6px 0px 6px; }
	.footer a:hover {  color:#222;}
	/*left*/
	.menu{ float:left; width:186px; margin-right:2px;*margin-right:1px;}

	/*center/right*/
	.main-window{ 	float:left; width:740px; }															/*
		|_																								*/	
		.content-frame { float:left; padding: 0 10px 0 10px; color: #656565; }
			.fullscreen { width:730px; }
			.narrow { width:475px; }
		.sidebelt { float:left; width:245px; float:right; }	

	.shadow-left	{ height:652px; width:8px; 		background: url('layout/shadow_left.jpg') 	no-repeat;  float:left; 	}
	.shadow-right	{ height:671px; width:8px; 		background: url('layout/shadow_right.jpg') 	no-repeat; 	float:left; 	}
	.shadow-bottom	{ height:8px; 	width:966px; 	background: url('layout/shadow_bottom.jpg') no-repeat; 	margin:auto; }

	.topbanner{ height: 178px; overflow:hidden;  }
	
	.topbelt{ width:100%; height:45px; }																				/*
		|_																								*/
		.searchbox{ font-weight:bold; width:307px; height:37px; padding-top:8px; background: url('layout/searchbox.jpg') no-repeat; float:right; }			/*
			|_																														*/	
			.searchbox span{ float:left; display:block; color:#888; margin: 10px 14px 0 18px; }
			.input-search{ font-size:11px; color: #636363; width:197px; height:24px; background:url('forms/search.jpg') no-repeat;  border:0px;  padding-top:4px; margin-top:6px; float:left;}
			.input-search input{ border:0px; background:transparent; margin-left:4px; width:175px; color:#666; margin-top:1px;}
			.submit-search{ border:0px; background:transparent; color: #fff; float:left; margin-top:7px; text-decoration:underline; cursor:pointer; width:21px; height:24px; background: url('layout/search.jpg'); margin-left:8px; }

		.funcbox{ float:right; margin-top:14px; margin-right:22px; }
		.langbox{ float:right; margin-top:17px; margin-right:53px; color: #A0A0A0;  }							/*
			|_																								*/
			.langbox a{ color: #002F76; margin: 0 6px 0 6px; font-size:10px; font-family:tahoma; }

	.margin-top-5px{ width:100%; height:5px; font-size:0px; line-height:0px;}

	table{ color:#656565; }

	.logopp{ width:123px; height:21px; float:right; background: url('layout/logopp.jpg') left top no-repeat; display:block; }
	.logopp:hover{ background: url('layout/logopp.jpg') left bottom no-repeat;  }

	ul{ padding-left:16px; }	
	li{ background: url('common/li.gif') left 8px no-repeat; padding-left:14px; list-style-type: none; }

/*----------------------------------------------------------------------------*/
/* COMMON 
/*----------------------------------------------------------------------------*/


	h1{ color: #BF0415; font-size:18px; }
	

	.content-frame h1{ margin-top:8px; }

	h2{ color: #032879; font-size:14px; }
	
	.hr{ padding-bottom:4px; border-bottom: 1px solid #C2C2C2; }
	h2.li{ padding-left:9px; background: url('common/h2li.jpg') 0px 4px no-repeat; margin-bottom:2px; }
	h2.li2{ padding-left:9px; background: url('common/h2li2.jpg') 0px 4px no-repeat; margin-bottom:2px; }

	h1.hr{ padding-bottom:4px; }

	.mt{ margin-top:16px; }
	.mt20px{ margin-top:20px; }
	
	.hdef{ height:16px; width:100%; }
	.h5px{ height:5px; width:100%; }
	.h20px{ height:20px; width:100%; }
	.h30px{ height:30px; width:100%; }
	.h40px{ height:40px; width:100%; }
	
	.more{ color: #BF0415; text-decoration:underline; float:right;  }
	
	.more-li{ padding-right:13px; background: url('common/moreli.jpg') right 5px no-repeat; }
	.more-rli{ padding-left:13px; background: url('common/morerli.jpg') left 5px no-repeat; }
	
	.subtitle{ font-size:10px; color: #656565; float:left;}

	.news-footer{ height:22px; line-height:22px; margin-bottom:8px; margin-top:6px;}
	.news-footer .more-li{ padding-right:13px; background: url('common/moreli.jpg') right 9px no-repeat; }
	 .page-nums-on{ color: #032879; }
/*----------------------------------------------------------------------------*/
/* ARTICLES
/*----------------------------------------------------------------------------*/

	.artimg{ float:left; margin-right:16px; margin-top:4px; }


/*----------------------------------------------------------------------------*/
/* SEARCH 
/*----------------------------------------------------------------------------*/

	.search-phrasebox{ width: 730px; height:37px; background: url('layout/search_phrase.jpg') no-repeat; color: #606062; line-height:37px; margin-top:8px; margin-bottom:16px; }

/*----------------------------------------------------------------------------*/
/* WINDOWS 'n' BOXES 
/*----------------------------------------------------------------------------*/


.box	 			{ width: 166px; overflow:hidden; padding:10px; }
.menu .border		{ line-height:0px; font-size:0px; width:100%;  float:left; }
.menu .hr			{ padding-bottom:4px; border-bottom: 1px solid #576580; }

.box-blue			{ background:url('windows/box_blue_middle.jpg'); color:#fff; }		
.menu .top-blue		{ background: url('windows/box_blue_top.jpg') no-repeat; height:5px; }
.menu .bottom-blue	{ background: url('windows/box_blue_bottom.jpg') no-repeat; height:4px; }

.box-white			{ background:url('windows/box_white_middle.jpg');  color:#656565; *width:187px !important;}
.menu .top-white	{ background: url('windows/box_white_top.jpg') no-repeat; height:3px; }
.menu .bottom-white	{ background: url('windows/box_white_bottom.jpg') no-repeat; height:3px; }

.sidebox	 		{ width: 225px; overflow:hidden; float:left; clear:both; padding:10px;  }
.sidebelt .border	{ line-height:0px; font-size:0px; width:100%;  float:left; }

.sidebox-red			{ background:url('windows/sidebox_red_middle.jpg') 0px 0px no-repeat;  color: #fff; *width:245px !important; }
.sidebox-red h2{ color: #fff; font-size:14px; font-weight:bold; font-family:arial; margin-bottom:2px;}

.sidebelt .top-red		{ background: url('windows/sidebox_red_top.jpg') no-repeat; height:5px; }
.sidebelt .bottom-red	{ background: url('windows/sidebox_red_bottom.jpg') no-repeat; height:6px; }

.sidebox-white			{ background:url('windows/sidebox_white_middle.jpg') 0px 0px repeat-y; color:#656565; *width:245px !important; }
.sidebelt .top-white	{ background: url('windows/sidebox_white_top.jpg') no-repeat; height:3px; }
.sidebelt .bottom-white	{ background: url('windows/sidebox_white_bottom.jpg') no-repeat; height:3px; }


/*----------------------------------------------------------------------------*/
/* NAVIGATION 
/*----------------------------------------------------------------------------*/

.navpath{ margin-left:10px; margin-top:2px; font-family: tahoma; font-size:11px; }
.navpath-a0 { color: #0A2B78; font-family: tahoma;}
.navpath-a { color: #0A2B78; font-family: tahoma;}
.navpath-a-sel { color: #BF0415; font-family: tahoma;}
.navpath-sep{ color: #0A2B78; margin: 0 4px 0 4px; font-family: tahoma;}

/*----------------------------------------------------------------------------*/
/* MENU
/*----------------------------------------------------------------------------*/

.menu .folder{ display:block; width:186px; height:30px; line-height:30px; }
.menu .folder a{ color:#fff; margin-left:16px; font-weight:bold; background: url('sidemenu/folder_li.jpg') no-repeat 0px 10px; padding-left:12px; width:150px; overflow:hidden; height:30px; display:block;}
/*
.menu .folder a.cutby{   }
.menu .folder a.cutby:hover{ width:400px !important;  height:30px; color:#fff; font-weight:bold; background-color:#104394; display:block; position:absolute; }
.menu .folder a.cutby:hover{ width:400px !important;  height:30px; color:#444; font-weight:bold;  background:#ffe; display:block; position:absolute; margin-top:10px; border: 1px solid #666; }
*/
.menu .opened a{ background: url('sidemenu/folder_li2.jpg') no-repeat 0px 14px; padding-left:17px; margin-left:11px;}

.menu .first{ background:url('sidemenu/folder_first.jpg') no-repeat; }
.menu .def{ background:url('sidemenu/folder.jpg') no-repeat; }
.menu .last{ background:url('sidemenu/folder_last.jpg') no-repeat; }

.menu .subitem{ border-left: 1px solid #C1C1C1; border-right: 1px solid #c1c1c1; border-top: 1px solid #c1c1c1;  display:block;}
.menu .subitem a{ color:#2C509C; margin-left:24px; font-weight:normal; background: url('sidemenu/item_li.jpg') no-repeat 12px 7px; padding-left:24px; display:block; width:124px;  padding-top:3px; padding-bottom:3px;}
.menu .subitem a:hover{ color:#BF0415; }

.menu .item{ border-left: 1px solid #C1C1C1; border-right: 1px solid #c1c1c1; border-top: 1px solid #c1c1c1;  display:block;}
.menu .item a{ color:#2C509C; margin-left:24px; font-weight:normal; background: url('sidemenu/item_li.jpg') no-repeat 0px 7px; padding-left:12px; display:block; width:136px;  padding-top:3px; padding-bottom:3px;}
.menu .item a:hover{ color:#BF0415; }
/*----------------------------------------------------------------------------*/
/* PAGES
/*----------------------------------------------------------------------------*/

.lgal-thumb{ margin-top:12px; float:left; margin-right:20px; } 
.lgal-thumb img{ border: 1px solid #C8C8C8; padding:2px; }

/*----------------------------------------------------------------------------*/
/* FORMS
/*----------------------------------------------------------------------------*/

.input-newsletter{ font-size:11px; color: #636363; width:179px; height:24px; background:url('forms/newsletter.jpg') no-repeat;  border:0px;  padding-top:4px; margin-top:6px; float:left;}
.input-newsletter input{ border:0px; background:transparent; margin-left:4px; width:155px; color:#666;}
.submit-newsletter{ border:0px; background:transparent; color: #fff; float:left; margin-top:10px; text-decoration:underline; cursor:pointer;}

.login-top { width: 394px; height:7px; margin:auto; text-align:center; background:url('layout/login_top.jpg') no-repeat; }
.login { width: 394px; margin:auto; text-align:center; background:url('layout/login_middle.jpg') repeat-y; }
.login-bottom { width: 394px; height:7px; margin:auto; text-align:center; background:url('layout/login_bottom.jpg') no-repeat; }

#faqformlay { text-align:center;}
#faqformlay .textinput{ height:24px; width:275px; background:url('forms/textinput.jpg') no-repeat;}
#faqformlay .textarea{ height:144px; width:275px; background:url('forms/textarea.jpg'); vertical-align:top;}
#faqformlay input{ border:0px; background:transparent; margin-left:10px; width:255px; color:#666;}
#faqformlay textarea{ border:0px; background:transparent; margin-left:10px; width:255px;  height:135px; color:#666; margin-top:5px;}
#faqformlay td{ font-weight:bold; font-family:tahoma;  text-align:left;}
#faqformlay table{ margin:auto; } 



/*----------------------------------------------------------------------------*/
/* NEWS
/*----------------------------------------------------------------------------*/

.news-list img{ float:left; }
.news-thumb{margin-right:10px; margin-top:4px; float:left; }
.news-bottomthumb{margin-right:38px; margin-top:4px; float:left; width:130px; }

/*----------------------------------------------------------------------------*/
/* RYANFAIT.com - Custom Forms
/*----------------------------------------------------------------------------*/

span.label{ float:left; margin-left:4px;   }

span.checkbox {
width: 19px;
height: 25px;
padding: 0 5px 0 0;
background: url(forms/checkbox.gif) no-repeat;
display: block;
clear: left;
float: left;
}
span.radio {
width: 13px;
height: 13px;
padding: 0 5px 0 0;
background: url(forms/radio.gif) no-repeat;
display: block;
float: left;
}
span.radio:hover{ background: url(forms/radio2.gif) no-repeat; opacity:0.5; }
span.select {
position: absolute;
width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
height: 21px;
padding: 0 24px 0 8px;
color: #fff;
font: 12px/21px arial,sans-serif;
background: url(forms/select.gif) no-repeat;
overflow: hidden;
}


img.indicator{ margin-bottom:-3px; margin-left:3px;  }

.obrazek{ margin: 6px; margin-top:3px; }