/*@fontface*/
@font-face {
    font-family: 'yanone';
    src: url(yanonekaffeesatz-regular-webfont.eot);
    src: url(yanonekaffeesatz-regular-webfont.eot?#iefix) format('embedded-opentype'),
         url(yanonekaffeesatz-regular-webfont.woff) format('woff'),
         url(yanonekaffeesatz-regular-webfont.ttf) format('truetype'),
         url(yanonekaffeesatz-regular-webfont.svg#yanone_kaffeesatzregular) format('svg');
    font-weight: normal;
    font-style: normal;
}
*{margin:0; padding:0;}
#linhatopo {
	width:100%;
	height:10px;
	float:left;
	background:#1F5CA9;
}
header {
	width:100%;
	height:182px;
}
#topo {
	width:984px;
	height:182px;
	margin:0 auto;
}
#logo {
	width:306px;
	height:182px;
	float:left;
	position:relative;
	margin-top:-10px;
	margin-left:5px;
	border:none;
}
#contato {
	width:280px;
	height:79px;
	float:right;
}
#tel {
	width:195px;
	height:39px;
	float:right;
	background:#FFF;
	margin-right:40px;
}
#tel img {
	float:left;
	border:none;
}
#tel span {
	font-family: 'yanone';
	font-size:19px;
	color:#1f5ca9;
}
#tel p {
	font-family: 'yanone';
	font-size:26px;
	color:#1f5ca9;
	line-height:39px;
	float:right;
	margin-right:10px;
}
#mail {
	width:280px;
	height:39px;
	float:right;
}
#mail p {
	font-family: 'yanone';
	font-size:26px;
	color:#1f5ca9;
	line-height:39px;
	float:right;
	margin-right:5px;
}
.img {
	background:url(../img/email.png) no-repeat -38px;
	width:38px;
	height:39px;
	float:left;
	transition:0.5s;
}
.img:hover {
	background:url(../img/email.png)  38px 0;
	transition:0.5s;
}
nav {
	width:652px;
	height:47px;
	background:#0098DA;
	float:right;
	margin-right:5px;
	margin-top:30px;
}
nav ul {
	display:inline;
	list-style:none;
}
nav ul li {
	float:left;
}
nav ul li ul {
	display:none;
}
nav ul li:hover ul {
	display:block;
	float:left;
	position:absolute;
	width:150px;
	background:#fff;
	border:1px solid #0098DA;
	margin-top:47px;
	z-index:999;
}
nav ul li ul li {
	display:block;
	width:130px;
	float:left;
}
nav ul li ul li a{
	width:141px;
	font-size:18px;
}
nav ul li ul li a:hover{
	width:137px;
	border-left:4px solid #0098DA;
	color:#fff;
}
nav ul li a{
	font-family: 'yanone';
	font-size:24px;
	color:#1F5BA9;
	line-height:47px;
	text-decoration:none;
	float:left;
	padding:0 5px;
	transition:0.4s;
}
nav ul li a:hover {
	background:#1F5BA9;
	color:#0098D8;
}
#banner {
	width:970px;
	height:250px;
	margin:0 auto;
	margin-top:10px;
}
.linha {
	width:970px;
	height:2px;
	margin:0 auto;
}
#conteudo {
	width:984px;
	margin:0 auto;
}
#conteudo h2 {
	font-family: 'yanone';
	font-size:39px;
	color:#0098D8;
	text-align:center;
}
#bemvindo {
	width:386px;
	height:238px;
	float:left;
	margin:20px;
}
#bemvindo h2 {
	font-family: 'yanone';
	font-size:39px;
	color:#0098D8;
	text-align:center;
}
#bemvindo p.titulo {
	font-family: 'yanone';
	font-size:20px;
	color:#000;
	padding:0 5px;
	text-align:left;
}
#bemvindo p {
	font-family: 'yanone';
	font-size:18px;
	color:#000;
	text-align:center;
}
#bemvindo span {
	color:#0098D8;
}
#linha-vertical {
	height:263px;
	float:left;
}
#propaganda {
	width:512px;
	height:254px;
	background:#fff;
	float:right;
	margin:20px;
	position:relative;
}
#categorias {
	width:984px;
}
#categorias h2 {
	font-family: 'yanone';
	font-size:39px;
	color:#0098D8;
}
#prod {
	width:970px;
	height:312px;
	background:#FFF;
	margin:0 auto;
}
.prod {
	width:970px;
	height:149px;
	margin:0 auto;
	border-top:1px solid #0098D8;
	border-bottom:1px solid #0098D8;
	margin-bottom:10px;
	float:left;
}
.prod h2 {
	float:left;
	margin:50px;
	text-align:center;
}
.img-prod {
	width:505px;
	height:138px;
	float:right;
	margin:5px 10px;
}
#maisservicos {
	width:80px;
	height:19px;
	float:right;
	margin-right:10px;
}
#maisservicos img {
	position:relative;
	line-height:19px;
	margin-left:5px;
}
#maisservicos a {
	font-family: 'yanone';
	font-size:14px;
	text-decoration:none;
	color:#0098d8;
	position:relative;
}
footer {
	width:100%;
	height:130px;
	background:#1F5CA9;
	float:left;
	position:relative;
	margin-top:20px;
}
#ropade {
	width:984px;
	height:53px;
	margin:0 auto;
	position:relative;
	margin-top:77px;
}
#copy {
	width:156px;
	height:38px;
	float:left;
	margin:10px 20px;
}
#copy p {
	font-family: 'yanone';
	font-size:14px;
	color:#0098d8;
	text-align:center;	
}
#sociais {
	width:152px;
	height:39px;
	margin:2px 208px;
}
#sociais {
	float:left;
}
#acaonet {
	width:157px;
	height:31px;
	float:right;
	margin:10px 30px;
}
#acaonet p {
	font-family: 'yanone';
	font-size:14px;
	color:#0098d8;
	float:left;
}
form {
	width:400px;
	margin:20px 0;
	float:left;
}
fieldset {
	width:400px;
	height:445px;
	border:1px solid #0098d8;
}
legend {
	font-family: 'yanone';
	font-size:20px;
	color:#0098d8;
	padding:0 10px;
}
form ul {
	display:block;
	list-style:none;
}
form ul li {
	width:400px;
	height:30px;
	border:1px solid #0098d8;
	margin:5px;
}
input {
	width:280px;
	height:28px;
	border:none;
	outline:none;
	font-family: 'yanone';
	font-size:16px;
	color:#0098d8;
}
textarea {
	width:305px;
	height:200px;
	border-top:2px solid #fff;
	border-bottom:1px solid #0098d8;
	border-left:1px solid #0098d8;
	border-right:1px solid #0098d8;
	outline:none;
	font-family: 'yanone';
	font-size:16px;
	color:#0098d8;
	padding:5px;
	margin-top:-2px;
}
input.img {
	width:38px;
	height:39px;
	border:none;
	cursor:pointer;
	margin-top:190px;
	margin-left:90px;
}
label {
	float:left;
	width:80px;
	height:30px;
	font-family: 'yanone';
	font-size:16px;
	color:#0098d8;
	text-align:center;
	line-height:30px;
}
#mapa {
	width:500px;
	height:440px;
	background:#0098d8;
	float:right;
	margin:30px;
}
.fakeupload {
	      width:280px;
		  height:30px;
		  float:right;
	      background:url(../img/procurar.png) no-repeat 99% 51%;
	      cursor: default;
}
.realupload {
		width:280px;
		height:30px;
	    position: relative;
	    float: right;
		top: -30px;
	    right: 20px;
		opacity:0;
	    -moz-opacity:0;
	    filter:alpha(opacity:0);
}
#up {
	width:256px;
	height:256px;
	float:right;
	margin:80px 100px;
}
textarea.msg {
	height:185px;
}
#clientes {
	width:984px;
	margin:0 auto;
	margin-top:15px;
	float:left;
}
#clientes ul {
	width:980px;
	height:500px;
	list-style:none;
	margin:10px 50px;
	position:relative;
	float:left;
}
#clientes ul li {
	float:left;
	width:100px;
	margin:8px;
}
#clientes ul li img {
	border:1px solid #0098d8;
}
#galeria {
	width:984px;
	margin:0 auto;
}