body{
	background: white url('../images/bodybg.jpg') 0 0 repeat-x;
	text-align: center;
	font-size: 52.5%;
	font-family: Arial;
}

h1{
    font-weight: bold;
    font-size: 28px;
}

h2{
    font-weight: bold;
    font-size: 20px;
}

strong, .bold{
	font-weight: bold;
	color: #000;
}

#wrapper{
	background: url('../images/bodybg2.jpg') 0 bottom repeat-x;
	border-bottom: solid black 1px;
	border-top: solid black 1px;
}

#content {
	width: 1000px;
	background-color: white;
	margin: 40px auto 20px auto;
	text-align: left;
	-webkit-box-shadow:  0px 0px 5px 5px rgba(0, 0, 0, 0.2);
    box-shadow:  0px 0px 5px 5px rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 5px;
    border-radius: 5px;
	padding: 20px;
	behavior: url(PIE.htc);
	position: relative;
}

#logobox{
	font-size: 4em;
	font-style: italic;
	font-weight: bold;
	color: #dd3435;
	margin: 15px 0 5px 15px;
}

#sloganKruszywa{
    font-size: 2em;
    font-style: italic;
    font-weight: bold;
    color: #dd3435;
    margin: 5px 0 15px 15px;
}

#slogan{
	color: #686868;
	font-size: 0.7em;
}

#second{
	color: #0486ff;
}

#third{
	color: #686868;
}

#firms{
	height: 38px;
	background: url('../images/firms2.jpg') 10px 0 no-repeat;
}

#text{
	width: 400px;
	float: left;
	-webkit-border-radius: 5px;
    border-radius: 5px;
	padding: 15px;
}

#text img{
	margin-top: 35px;
}

p{
	/*color: #848484;*/
	color: #4c4c4c;
	font-size: 1.8em;
	line-height: 1.8em;
	margin: 15px 0 15px 0;
	text-align: justify;
}

#adress{
	width: 550px;
	float: left;
	margin-top: 15px;
}

#adress p{
	font-size: 1.8em;
	line-height: 1.3em;
}

.kruszywaWrapper{
    margin-bottom: 20px;
    text-align: center;
}

.kruszywa-img{
    height: 180px;
}

#mapa{
	border: solid #d6d6d6 1px;
}

#pila{
	margin-left: 35px;
}

#adress #map{
	float: left;
	margin-left: 15px;
}

#data{
	text-align: right;
	float: right;
}

#data .red{
	color: #DD3435
}

#data .blue{
	color: #0486FF;
}

#photos{
	float: right;
	width: 550px;
	margin-top: 15px;
}

#menu{
    background: #fff95b;
    margin-bottom: 20px;
    border-left: solid black 3px;
    border-right: solid black 3px;
}

#menu li{
    display: inline-block;
    padding: 10px 20px 10px 40px;
    -webkit-transition: -moz-transform .3s ease-out; 
    -moz-transition: -webkit-transform .3s ease-out; 
    -o-transition: -webkit-transform .3s ease-out; 
    transition: -webkit-transform .3s ease-out; 
}

#menu-tools{
    background: url('../images/tools.png') 5px 4px no-repeat;
}

#menu-kruszywa{
    background: url('../images/bag3.png') 5px 4px no-repeat;
}

#menu-asfalt{
    background: url('../images/road.png') 5px 4px no-repeat;
}

#menu a{
    color: black;
    text-decoration: none;
    font-size: 18px;
    
}

#menu li:hover{
    background-position: 5px 7px
}

#footer{
	width: 1040px;
	margin: 0 auto 20px auto;
	color: #040404;
	font-size: 1.5em;
	text-align: right;
}

#footer a{
	color: #040404;
	text-decoration: none;
}

#footer a:hover{
	text-decoration: underline;
}

#footer span{
	background-color: #e8d306;
	padding: 5px;
	border: solid #040404 1px;
	-webkit-box-shadow:  0px 0px 5px 5px rgba(0, 0, 0, 0.4);
    box-shadow:  0px 0px 5px 5px rgba(0, 0, 0, 0.4);
	-webkit-border-radius: 5px;
    border-radius: 5px;
	position: relative;
}

.phone{
	font-size: 1.2em;
}

.clear{
	clear: both;
}