.clear {clear:both;}

.sfont { font-size: 0.9em;}
.bfont { font-size: 1.2em;}

.service{max-width: 1100px; margin: 0 auto;}

.service h2 { color: #fff;}
.service .blog {
	color: #fff;
	display: inline-block;
	padding: 0 10px;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
}

.service .blog  a { display:block; font-size:0; line-height:0;}
.service .blog  a:hover  img{
	-moz-opacity: 0.40;
	-khtml-opacity: 0.40;
	opacity: 0.40;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=40)
}
.service .blog  a:hover {
	background: #063 url(../images/lupe.png) no-repeat center center;
}


.start { max-width: 600px; margin: 0 auto;}
.start p { font-size: 1.2em; text-align: left; padding-top: 50px;}

.content { max-width: 750px; margin: 0 auto;}
.content p { font-size: 1.2em; text-align: left; padding-top: 0px;}
.content ul { font-size: 1.2em; text-align: left; padding-top: 0px;}

.contbox.left {float: left; width: 43%; margin: 0 10% 0 0;}
.contbox.middle {float: left; width: 40%;}
.contbox.right {float: right; width: 30%;}

.indent { margin-left: 80px; margin-right: 80px; text-align: justify; }
h4.indent {margin-bottom: 0.5em; margin-left: 40px;}
.indent em { display: block; text-align: center}



@media only screen and (max-width: 480px) {
	
	.contbox.left {float: none; width: 100%; margin: 0 10% 0 0;}
	.contbox.middle {float: none; width: 100%;}
	.indent{ margin-left: 50px; margin-right: 0px;}

}