/* Theme Name: Przymierze Samorządowe */
*
{
	margin: 0;
	padding: 0;
}

body
{
	font-family: Arial, Tahoma, sans-serif;
	font-size: 15px;
}

header,footer,nav,section,article,aside,hgroup
{
	display: block;	
}

fieldset, img
{
	outline: none;
    border: none;
    margin: 0;
    padding: 0;
}

a
{
	color: #0000FF;
	text-decoration: none;
}

a:hover
{
	color: #FF6600;
}

p
{
	margin: 0 0 10px 0;
}

.clearfix
{
	clear: both;
}

.web
{
	width: 960px;
	margin: 0 auto;
}

	header .logo
	{
		float: left;
		padding: 10px 0;
	}
	
	header form
	{
		float: right;
		padding: 25px 0;
	}
		
		header form input[name=s] 
		{
			height: 35px;
		    width: 160px;
		    padding-left: 5px;
		    outline: none;
		    border: 1px solid #58585A;
		    border-radius: 7px 0 0 7px;
		    color: #31323d;
		}
		
		header form input[type=submit] 
		{
			height: 39px;
			outline: none;
		    width: 80px;
		    font-weight: 700;
		    background: #58585A;
		    color: #FFF;
		    border-radius: 0 7px 7px 0;
		    cursor: pointer;
		    border: none;
		}
			
	header nav
	{
		background: url(images/tlo_menu.png) repeat-x;
		height: 46px;
	}
	
		header nav ul,
		.web aside ul
		{
			list-style: none;		
		}
			
			header nav ul li a
			{
				color: #0000FF;
				display: block;
				float: left;
				padding: 0 18px;
				line-height: 46px;	
			}
			
			header nav ul li a:hover
			{
				color: #FFF;
				background: #FF6600;
			}
		
		.web section
		{
			width: 700px;
			float: left;
			margin-top: 10px;
		}
		
			.web section article
			{
				border: 1px solid #e9e9e9;
				padding: 20px;
				border-radius: 20px;
				margin-bottom: 10px;
			}
			
				.web section article h1
				{
					margin: 0 0 10px 0;
					padding: 5px 10px;
					font-size: 25px;
				}
				
				a.more-link
				{
					display: block;
				    background: #2c5c88;
				    color: #FFF;
				    width: 100px;
				    padding: 10px 25px;
				    border-radius: 5px;
				    text-align: center;
				}
				
				a.more-link:hover
				{
					  background: #FF6600;
				}
				
		.web aside
		{
			width: 240px;
			margin-top: 10px;
			float: right;
		}
		
			.web aside h2
			{
				background: #2a669e;
				color: white;
				padding: 10px;
				font-size: 15px;
			}
			
			.web aside nav
			{
				margin-bottom: 10px;
			}
			
				.web aside nav ul li:first-child a
				{
					border-top: 1px solid #e9e9e9;
				}
				
				.web aside nav ul li a
				{
					border-left: 1px solid #e9e9e9;
					border-right: 1px solid #e9e9e9;
					border-bottom: 1px solid #e9e9e9;
					display: block;
					background: url(images/punktor_menu.png) 20px center no-repeat;
					padding: 10px 35px;
				}
				
				.web aside nav ul li a:hover
				{
					text-decoration: underline;
				}
		
	footer
	{
		color: #FFF;
		background: grey;
		line-height: 40px;
		text-align: center;
	}
	
/*RESPONSIVE*/
@media all and (max-width: 959px)
{
	.web
	{
		width: 100%;
	}
	
		header .logo
		{
			float: none;
			text-align: center;
		}
		
		header form
		{
			display: none;
		}
		
		.web section
		{
			float: none;
			width: 100%;
		}
		
			.web section img
			{
				width: 100%;
				height: 100%;
			}
			
		.web aside
		{
			float: none;
			width: 100%;
		}
}