body
{
	padding:0; 
	margin:0; 
	border:0;
	height: 100%;
	font-family: Tahoma;
	background:url("src/ab4.jpg") no-repeat fixed center top;
	background-size: 100% 100%;
}

ul, form, img
{
	padding: 0;
	margin: 0;
}

ul
{
	list-style: none;
}

h1,h2,h3 
{
	margin: 0;
}

@-viewport {
    width: device-width;
}

a:hover  { text-decoration: none; color:#fff; }

#main
{
	box-sizing: border-box;
	width: 1280px;
	margin: 0 auto;
	height: auto;
	padding: 20px;
	background:rgba(0,0,0,0.3);
}

.tile1,.tile2,.tile3,.tile23,.tile4,.tile5,.tilem
{
	position: relative;
	float: left;
	box-sizing: border-box;
	padding: 5px;
}

.tilem { width: 11.1%; }
.tile1 { width: 11.1%; }
.tile2 { width: 22.2%; }
.tile23 { width: 44.4%; }
.tile3 { width: 44.4%; }
.tile4 { width: 55.5%; }
.tile5 { width: 66.6%; }

.tilem:hover { background:rgba(255,255,255,0.3); }
.animated { height: 138px; }

.icon {  display: inline-block; width:40px; height:37px; margin:25% 0 0 30%; }
.icon2 {  display: inline-block; width:60px; height:48px; margin:30% 0 0 20%; }
.mtitle {  display: block; margin: 10px; }

.ic0 { background:url("src/icon0.png") no-repeat; }
.ic1 { background:url("src/icon1.png") no-repeat; }
.ic2 { background:url("src/icon2.png") no-repeat; }
.ic3 { background:url("src/icon3.png") no-repeat; }
.ic4 { background:url("src/icon4.png") no-repeat; }
.ic5 { background:url("src/icon5.png") no-repeat; }
.ic6 { background:url("src/icon6.png") no-repeat; }
.ic7 { background:url("src/icon7.png") no-repeat; }
.ic8 { background:url("src/icon8.png") no-repeat; }
.ic9 { background:url("src/icon9.png") no-repeat; }

.logo,.menu,.services,.references,.contact,.admin,.logout,.main
{
	float: left;
	width: 100%;
	height: 128px;
}

.logo { background:url("src/log2.png") no-repeat #61666c;  }
.main { background: #76c045; color: #FFF; } .menu:hover { color: #FFF; }
.menu { background: #7accc8; color: #FFF; } .menu:hover { color: #FFF; }
.services { background: #fcaf5d; color: #FFF; } .services:hover { color: #FFF; }
.references { background: #8781bd; color: #FFF; } .references:hover { color: #FFF; }
.contact { background: #0077a2; color: #FFF; } .contact:hover { color: #FFF; }
.admin { background: #8dc63f; color: #FFF; } .contact:hover { color: #FFF; }
.logout { background: #f26522; color: #FFF; } .contact:hover { color: #FFF; }
.block { background: #f26522; color: #FFF; } .contact:hover { color: #FFF; }

.largebox,.mediumbox { float: left; width: 100%; }

.s1{ background: #197b30; color: #FFF; padding: 15px; font-size: 12px; }
.m1{ background: #8781bd; color: #FFF; padding: 15px; font-size: 12px; }
.l1{ background: #00746b; color: #FFF; padding: 15px; font-size: 12px; }
.l2 { background: #00a650; color: #FFF; padding: 15px; font-size: 12px; }
.pad { color: #FFF; padding: 15px; font-size: 12px; }

.slider,.largebox { height: 266px; }
.mediumbox { height: 128px; }

.slider h1 
{ 
	width:98.5%;
	text-align: center;
	font-weight: normal;
	position: absolute; 
	bottom: 0; 
	font-size: 18px;
	color: #fff;
	padding: 15px 10px; 
	background:rgba(0,0,0,0.5); 
	margin-bottom: 5px;
}

.largeimg
{
	width: 100%; 
	height: 128px;
}

.tile23  img,.tile2 img
{
	min-width:100%;
	height: 100%;
}

.slider img
{ 
	min-width:100%;
	height: 100%;
}

.tile1 img
{
	width:128px;
	height: 128px;
}

footer
{
	margin: 20px 5px 0 5px;
	color:#FFF;
}

.line
{
	display: block;
	width: 100%;
	height: 5px;
	background:rgba(255,255,255,0.5)
}

.content
{
	width: 100%;
}

.text
{
	background:#FFF;
	font-size:12px;
	padding: 15px;
	color: #555;
}


.text ul { list-style: circle; padding-left: 35px; }
.text a { color: #737373; }
.text a:hover { color: #76c044; }

.leftblock { float:left; width: 33.3%; }

.content h1
{
	
	font-weight: normal;
	width: 100%;
	background:rgba(0,0,0,0.4);
	border:solid 1px #555;
	color: #FFF;
	margin: 0 0 10px 0;
	box-sizing: border-box;
	padding: 15px;
	font-size: 24px;
}

/** responziv **/