@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:200,300&subset=latin-ext);
@import url(http://fonts.googleapis.com/css?family=Ubuntu:300,400&subset=latin,latin-ext);

body {
		background-color: #0176ac;
}

table {
		border-collapse:collapse;
		height: 95px;
		width: 100%;
}
table,th, td {
		
}
td {
		vertical-align:bottom;
}

a:active, a:focus
{
-moz-outline: none;
outline: none; /* CSS 3 */
ie-dummy: expression(this.hideFocus=true); /* IE >= 5.5 */
}

#body-head h1 {
		text-align: center;
		font-family: 'Open Sans Condensed', sans-serif;
		color: #ffffff;
		font-size: 50px;
		font-weight: 200;
}

.opis p {
		margin-left: 5px;
		margin-right: 5px;
		font-family: 'Open Sans Condensed', sans-serif;
		color: #ffffff;
		font-size: 20px;
		font-weight: 200;
		text-align: justify;
}

#body {
		background-color: #0176ac;
		width: 900px;
		height: 100%;
		margin: 100px auto;
		
}

.allbox {
		width: 870px;
		margin: 0 auto;
}

.box {
		width: 260px;
		height: 150px;
		float:left;
		margin: 0px 5px;
		padding: 10px;
}

.on-box {
		position:absolute;
		z-index: 1;
		width: 280px;
		height: 170px;
		float:left;
		margin: -10px -10px -10px -10px;
		padding-top: 0px;
}

.on-box:hover{
		background-image: url("box-hover.png");
		
}

.on-box a {
		display: block;
		height: 100%;
}

.box h1 {
		text-align: left;
		font-size: 44px;
		font-family: 'Ubuntu', sans-serif;
		font-weight: 400;
		color: #ffffff;
		margin-top: -5px;
		margin-bottom: 10px;
}


.box p {
		margin:0px;
		text-align: right;
		font-size: 16px;
		font-family: 'Open Sans Condensed', sans-serif;
		color: #ffffff;
		font-weight: 200;
		
}

#box1 {
		background-image: url("box1.png");
		background-color: #de9417;
}

#box2 {
		background-image: url("box2.png");
		background-color: #6d165e;
}

#box3 {
		background-image: url("box3.png");
		background-color: #8baa2f;
}

.clear {
		clear:both;
}