@charset "utf-8";
/* CSS Document */
/*****************************************************************************************
GLOBAL
*****************************************************************************************/
body {
    
    background: url('../images/lw_bgr.jpg') repeat;
    font: normal 62.5% Georgia, "Times New Roman", Times, serif;
	color:#fff;
}

ul,
li  { list-style-type: none; }
img { border: 0; }
a   { 
	outline: none;
	text-decoration:none;
	color:#FFFFFF;
 }

table,
tr,
td {
    border: 0;
    border-collapse: collapse;
    vertical-align: top;
}

div.clear {
	position: relative;
	clear: both;
}

.hidden { display: none; }

/*****************************************************************************************
TYPOGRAPHY
*****************************************************************************************/
h1{
	font-size:3em;
	line-height:1.8em;
	text-transform:uppercase;
}

h2{
	font-size:1.8em;
	line-height:2em;
}

ul.menu{
	font-size:1.4em;
	color:#fff;
}

p{
	font-size:1.1em;
	line-height:1.8em;
	margin:10px 0;
}

#copyrights{
	padding:10px 0;
	font-size:1em;
	font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
	letter-spacing:.1em;
}

ul.leftnav li{
	font-size:1.4em;
	text-transform:uppercase;
	line-height:1.8em;
	
}

p.contact{
	font-size:1.4em;
	font-weight:bold;
	margin-top:100px;
}

.contact_company{
	margin:30px auto;
	font-size:1.8em;
}
.contact_label{
	font-size:1.4em;
	color:#909090;
	font-weight:bold;
	text-align:left;
}
.contact_data{
	font-size:1.8em;
	text-align:left;
	padding:0 0 0 10px;
}



p.recom{
	text-align:justify;
}

p.recom .firstline{
	font-size:1.8em;
}

p.recom .name{
	text-transform:uppercase;
	font-weight:bold;
	font-style:italic;
	float:right;
}
p.recom .title{
	font-style:italic;
	text-transform:capitalize;
	float:right;
}

/*****************************************************************************************
LINKAGE
*****************************************************************************************/
h1 a:hover{
	color:#DFDFDF;
}

#menu_left a, #menu_right a{

padding:10px 5px;
}

#menu_left a:hover, #menu_right a:hover, .active{
	background:url(../images/lw_light_menu.png) top center repeat-y;
}

ul.leftnav li a{
	
	padding:5px 0 5px 0;
	width:290px;
	display:block;
	background: url(../images/lw_light_link.png) no-repeat center top;
	
}

ul.leftnav li a:hover{
	background: url(../images/lw_light_link.png) no-repeat center bottom;
}

a.contact_btn{
	background: url(../images/lw_contact_btn.png) no-repeat center top;
	width:288px;
	height:44px;
	display:block;
	text-indent:-300px;
}

a.contact_btn:hover{
	background: url(../images/lw_contact_btn.png) no-repeat center bottom;
	
}

a.readmore:hover{
	text-decoration:underline;
}

/*****************************************************************************************
LAYOUT
*****************************************************************************************/
#wrapper{
	background: url(../images/lw_light.jpg) no-repeat center top;
	
}

	#top{
		height:150px;
	}
	
		#header{
			width:960px;
			margin:0 auto;
			overflow:hidden;
			position:relative;
		}
		
			#menu_left{
			float:left;
			
			
			}
				#menu_left ul{
					float:left;
				}
				#menu_left li{
					margin-right:40px;
				}
				
			#logo{
				padding:5px 0;
				text-align:center;
				float:left;
			}
			#menu_right{
				float:right;
			}
				#menu_right ul{
				float:right;
				}
				
				#menu_right li{
					margin-left:40px;
				}
			
				
				ul.menu{
				position:relative;
				margin-top:120px;
				}
				
				ul.menu li{
					float:left;
					display:inline-block;
					
				}
				
				ul.menu li.first{
					margin-left:0;
					
				}
				ul.menu li.last{
					margin-right:0;
				}
			
	#flash{
		clear:both;
		height:323px;
		border-top:1px solid #fff;
		border-bottom:1px solid #fff;
		background:#fff top center no-repeat;
		margin:0 auto 60px;
		text-align:center;
		overflow:hidden;
	}
	
	#narrow_flash{
		clear:both;
		height:230px;
		border-top:1px solid #fff;
		border-bottom:1px solid #fff;
		
		margin:0 0 60px 0;
	}
	
	.head_logo{
		background:url(../images/lw_header_logo.jpg) top center no-repeat;
	}
	
	.head_oferta{
		background:url(../images/lw_header_oferta.jpg) top center no-repeat;
	}
	
	.head_mediacje{
		background:url(../images/lw_header_mediacje.jpg) top center no-repeat;
	}
	
	.head_referencje{
		background:url(../images/lw_header_referencje.jpg) top center no-repeat;
	}
	
	.head_kontakt{
		background:url(../images/lw_header_kontakt.jpg) top center no-repeat;
	}
	
	#content{
		width:960px;
		margin:0 auto;
		overflow:hidden;
	}
		
		.grid_2{
			float:left;
			width: 140px;
			margin:0 10px;
			
		}
		.grid_4{
			float:left;
			width:300px;
			margin:0 10px;
			
		}
		.grid_5{
			float:left;
			width: 380px;
			margin:0 10px;
			
		}
		
		.grid_8{
			float:left;
			width:610px;
			margin:0 10px 0 0px;
			padding-left:20px;
			background:url(../images/lw_border_vertical.gif) left top repeat-y;
		}
		
			.grid_8 ul{
				list-style-type:circle;
				list-style-position:outside;
				margin-left:30px;
			}
			.grid_8 li{
				font-size:1.2em;
				line-height:1.8em;
				list-style-type:square;
				padding-left:10px;
				
			}
		
		#col_1{
			background:url(../images/lw_border_vertical.gif) right top repeat-y;
			width:290px;
			padding-right:10px;
		}
		#col_2{
			background:url(../images/lw_border_vertical.gif) right top repeat-y;
			width:290px;
			padding-right:10px;
		}
		#col_3{
		}
		
		
		
		#col_leftnav{
			
			width:290px;
			padding-right:10px;
			margin-right:0;
		}
		
			ul.leftnav li{
				height:35px;
				background:url(../images/lw_border_menu.gif) repeat-x left bottom;
			}
		
		.reference_hr{
			height:50px;
		}
		
		.alert{
			display:block;
			width:auto;
			border:1px solid #fff;
			background:#99CC33;
			color:#fff;
			font-size:1.2em;
			font-weight:bold;
			padding:10px;
			margin-bottom:10px;
			margin-right:6px;
		}
		
		table.contact_table td{
			padding:5px 0;
			vertical-align:bottom;
		}
			
		
	#footer{
		clear:both;
		width:960px;
		margin:50px auto 10px;
		overflow:hidden;
		background:url(../images/lw_border_horizontal.gif) repeat-x top left;
	}
		#copyrights{
			float:left;
		}
		#createdby{
			margin:10px 0 10px 0;
			float:right;
		}
/*****************************************************************************************
FORM
*****************************************************************************************/
label{
	font-size:1.4em;
	font-weight:bold;
	line-height:1.8em;
}
input{
	width:282px;
	height:26px;
	background:url(../images/lw_input_short.png) repeat top left;
	border:1px solid #5d5d5d;
	margin-bottom:10px;
	color:#fff;
	padding:10px 0 0 10px;
	
}
.input_long{
	width:592px;
	padding:10px 0 0 10px;
}
textarea{
	background:url(../images/lw_input_short.png) repeat top left;
	border:1px solid #5d5d5d;
	width:592px;
	height:244px;
	margin-bottom:20px;
	color:#fff;
	padding:10px 0 0 10px;
}
.submit_button{
	float:right;
	color:#d3d3d3;
	font-size:1.4em;
	font-weight:bold;
	margin-right:6px;
	font-style:italic;
	padding:0;
	height:36px;
}

.form_name{
	float:left;
}
.form_email{
	float:left; 
	margin-left:16px;
}