/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   		
   	Sonata Komis Samochodowy		     
	23.11.2007                   
	Kodowanie: Tomasz Piłat      

	Sections:
	GLOBAL STYLES
	GLOBAL CLASSES
	
	footer                              

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~
    GLOBAL STYLES
~~~~~~~~~~~~~~~~~~~~~~~*/
	html, body, h1, h2, h3, h4, h5, h6, div, span,
	blockquote, p, address, form, fieldset, img,
	ul, ol, dl, dt, dd, li, hr, table, td, th,
	strong, em, sup, sub, dfn, ins, del, q, cite,
	var, samp, code, kbd, tt {
		margin: 0;
		padding: 0;
		border: 0;
	}
	legend { display: none; }
	ul { list-style: none; }
	a { text-decoration: underline; color: #FBB336; }
	a:hover, a.active { color: #9FD03C; }
	a span { display: none; }
	p { margin-bottom: 1em; }
	
	body { 
		font-size: 12px;
		color: #2f2f2f;
		font-family: Tahoma, Verdana, sans-serif;
		background: url(/img/bg.gif) repeat-x;
	}	
/*~~~~~~~~~~~~~~~~~~~~~
    =wrap	
~~~~~~~~~~~~~~~~~~~~~~~*/
	#wrap { 
		width: 850px;
		margin: auto;
		overflow: hidden;
		zoom: 1;
	}
/*~~~~~~~~~~~~~~~~~~~~~
    =header	
~~~~~~~~~~~~~~~~~~~~~~~*/
	#header { overflow: hidden; zoom: 1; position: relative; }
	#header h1 { float: left; margin-left: 5px; }
	#header h2 { font-size: 16px; color: #D8D4D4; float: left; margin-top: 29px; margin-left: 10px; width: 220px; }
	#header h1 a { 
		display: block;
		width: 125px;
		height: 55px;
		background: url(/img/logo.gif);
	}
	
/*~~~~~~~~~~~~~~~~~~~~~
    =menu	
~~~~~~~~~~~~~~~~~~~~~~~*/
	#menu { 
		float: right;
		margin-top: 30px;
	}
	#menu li { float: left; }
	
	#menu a { display: block; background: url(/img/menu.gif) 0 0 no-repeat; height: 36px; }
	#menu.m_ROS a { background: url(/img/menuROS.gif) 0 0 no-repeat; }
	#menu.m_UKR a { background: url(/img/menuUKR.gif) 0 0 no-repeat; }
	#menu #main a { width: 131px; }
	#menu #oferta a { width: 135px; background-position: -131px 0; }
	#menu #ofirmie a { width: 85px; background-position: -266px 0; }
	#menu #kontakt a { width: 79px; background-position: -351px 0; }
	
	#menu #main a:hover {background-position: 0 -36px; }
	#menu #oferta a:hover { background-position: -131px -36px; }
	#menu #ofirmie a:hover { background-position: -266px -36px; }
	#menu #kontakt a:hover { background-position: -351px -36px; }
	
/*~~~~~~~~~~~~~~~~~~~~~
    =info	
~~~~~~~~~~~~~~~~~~~~~~~*/
	#info { clear: both; overflow: hidden; zoom: 1; }
	#info .contact div { display: none; }
	#info .contact { 
		float: left; 
		width: 245px;
		height: 120px;
		background: url(/img/address.gif) 0 0 no-repeat;
	}
	#info .c_ROS { 
		background: url(/img/addressUKR.gif) 0 0 no-repeat !important;
	}
	#info .c_UKR { 
		background: url(/img/addressROS.gif) 0 0 no-repeat !important;
	}
	#photo { 
		float: right;
		width: 388px;
		height: 165px;
		background: url(/img/foto.jpg) 0 0 no-repeat;
	}
	#nav { clear: left; padding-top: 20px; padding-left: 15px; }
	#nav a { color: #000000; text-decoration: none; }
	#nav a:hover { text-decoration: underline; }
	
/*~~~~~~~~~~~~~~~~~~~~~
    =content	
~~~~~~~~~~~~~~~~~~~~~~~*/
	#content { padding-top: 10px; overflow: hidden; zoom: 1; line-height: 1.5em;}
	#content .left { width: 429px; padding: 0 15px;  overflow: hidden; zoom: 1; }
	#content .right { width: 360px; padding: 0 15px; overflow: hidden; zoom: 1; border-left: 1px solid #e3e3e3;}
	#content h2 { 
		font-size: 14px; 
		color: #ABA8A8; 
		padding-left: 5px; 
		padding-top: 8px;
		padding-bottom: 4px; 
	}
	#content h2.bg { background: url(/img/bg_header.gif) 0 0 no-repeat; margin-bottom: 10px; padding-left: 15px; }
	
	dl { margin-bottom: 10px; }
	dt { float: left; font-weight: bold; width: 160px; text-align: right; padding: 8px 0; }
	dd { padding: 8px 0 8px 170px; border-bottom: 1px solid #f7f7f7; }
	.hover { background: #F4FFDF; }

	.photo { line-height: 0.9em; }
	.photo a { border: 4px solid #F0F0F0; float: left; margin: 5px 10px; }
	.photo a:hover { border: 4px solid #97C43C; }
	
	form { background: #F0F0F0; padding: 10px; }
	form label { float: left; width: 110px; display: block; margin-right: 5px; }
	form .txt { border: 1px solid #e3e3e3; padding: 2px; width: 288px; font-size: 11px; font-family: Tahoma; }
	form .submit { border: 1px solid #e3e3e3; background: #FBB336; padding: 3px; color: #fff; }
	form textarea.txt { width: 288px; height: 100px; }
	form div { margin: 5px 0; }
	
	.wide .item { background: url(/img/bg_item_whole.gif) 0 0 no-repeat; height: auto; }
	.wide .item ul { display: block; }
	.wide .item .more { display: block; }

/* =action */
	.action { 
		overflow: hidden;
		zoom: 1;
		padding: 5px 15px 10px 15px;
		margin-bottom: 10px;
		border-bottom: 1px solid #e3e3e3;
	}
	.nb { border: 0; }
	.action strong { float: left; margin-right: 5px; }
	
	.links li { float: left; margin-right: 5px; }
	
	.one, .two, .three, .four { 
		margin-bottom: 1em; 
		background: url(/img/one.gif) 0 0 no-repeat; 
		padding-left: 30px;  
	}
	.one { margin-top: 10px; }
	.two { background: url(/img/two.gif) 0 0 no-repeat; }
	.three { background: url(/img/three.gif) 0 0 no-repeat; }
	.four { background: url(/img/four.gif) 0 0 no-repeat; }
	
	.list li { padding-left: 13px; background: url(/img/listStyle.gif) 0 3px no-repeat; margin-bottom: 0.5em; }	
/*~~~~~~~~~~~~~~~~~~~~~
    =item	
~~~~~~~~~~~~~~~~~~~~~~~*/
	.item {
		position: relative;
		padding: 10px 20px;
		margin-bottom: 10px; 
		background: url(/img/bg_item.gif) 0 0 no-repeat;
		overflow: hidden;
		zoom: 1;
	}
	.item h3 { font-size: 14px; }
	.right .item { width: 326px; }
	.pole {
		margin-top: 10px; 
		padding: 30px 20px;
		overflow: hidden;
		zoom: 1;
	}
	.item img, .pole img { border: 1px solid #e3e3e3; padding:2px; float: left; margin: 0 10px 5px 0; }
	.item ul, .pole ul { line-height: 2em; }
	.item strong, .pole strong { color: #92BD3B; }
	.item .more, .pole .more { 
		display: block; 
		float: right; 
		padding: 2px 5px; 
		background: #FBB336;
		border: 1px solid #e3e3e3; 
		text-decoration: none; 
		color: #ffffff;
		bottom: 10px;
		right: 20px;
	}
	.item :hover.more, .pole :hover.more { background: #9FD03C; }
	
/*~~~~~~~~~~~~~~~~~~~~~
    =flags	
~~~~~~~~~~~~~~~~~~~~~~~*/
	#header .flags { 
		position: absolute;
		top: 0;
		right: 0;
	}
	.flags { overflow: hidden; zoom: 1; }
	.flags li { display: inline; margin: 0 auto; }
	.flags a { display: block; float: left;  }
	#header .flags a { background: url(/img/flagstop.gif) 0 -4px no-repeat; width: 34px; height: 34px; }
	#header	.pol a { background-position: 0 -4px; }
	#header .ukr a { background-position: -80px -4px; }
	#header .ros a { background-position: -40px -4px; }
	
/*~~~~~~~~~~~~~~~~~~~~~
    =langs	
~~~~~~~~~~~~~~~~~~~~~~~*/
	.langs { 
		overflow: hidden; 
		zoom: 1;
		clear: both; 
		margin-top: 10px; 
		border-top: 1px solid #e3e3e3; 
		padding: 15px; 
		margin-top: 10px;
	}
	.langs ul { width: 540px; margin: 0 auto; }
	.langs a { margin: 0 25px; color: #858282; padding: 10px 5px 10px 40px; }
	.langs .pol a { background:  url(/img/flagpl.gif) 5px 50% no-repeat; }
	.langs .ukr a { background:  url(/img/flagukr.gif) 5px 50% no-repeat; }
	.langs .ros a { background:  url(/img/flagros.gif) 5px 50% no-repeat; }
	.langs .pol a:hover { background: #f7f7f7 url(/img/flagpl.gif) 5px 50% no-repeat; }
	.langs .ukr a:hover { background: #f7f7f7 url(/img/flagukr.gif) 5px 50% no-repeat; }
	.langs .ros a:hover { background: #f7f7f7 url(/img/flagros.gif) 5px 50% no-repeat; }
	
/*~~~~~~~~~~~~~~~~~~~~~
    =footer	
~~~~~~~~~~~~~~~~~~~~~~~*/
	#footer { 
		background: #858282;
		color: #ffffff;
		overflow: hidden;
		zoom: 1;
		padding: 13px 15px;
		line-height: 1.5em;
	}
	#footer ul { overflow: hidden; zoom: 1; float: right; }
	#footer li { display: inline; margin-left: 5px; }
	#footer a { color: #ffffff; }
	#footer a:hover { color: #9FD03C; }
	#footer .phone { position: relative; top: 8px; margin-right: 5px; }

/*~~~~~~~~~~~~~~~~~~~~~
    =GLOBAL CLASSES	
~~~~~~~~~~~~~~~~~~~~~~~*/
	.left { float: left; }
	.right{ float: right; }
	.left1 { float: left; }
	.right1 { float: right; }


	.aright { text-align: right; }
	.center { text-align: center; }