﻿@font-face {
    font-family: 'DINMittelschriftAlternateRg';
    src: url('dinmittelschrift-alternate-regular-webfont.eot');
    src: url('dinmittelschrift-alternate-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('dinmittelschrift-alternate-regular-webfont.woff') format('woff'),
         url('dinmittelschrift-alternate-regular-webfont.ttf') format('truetype'),
         url('dinmittelschrift-alternate-regular-webfont.svg#DINMittelschriftAlternateRg') format('svg');
    font-weight: normal;
    font-style: normal;

}


*{margin:0px;padding:0px;}

body{color:#fff; font-size:12px; font-family:Arial, Helvetica;}

img{border:0px;}

a{color:#fff;}

h2{color:#5AB0DA; font-family:DINMittelschriftAlternateRg, aria; font-size:22px; font-weight: normal;}

#bg{position:fixed; top:0; left:0; width:100%; height:100%; z-index:-1;}

#container{	width:960px; margin:0 auto;}


/****	TOPO	****/
#topo{clear:both; height:170px;}

#telefonetopo{
	background-image:url(../images/bgtopotelefone.png);
	width:410px;
	height:59px;
	float:right;
}

#chattopo{
	float:left;
	margin: 15PX 16px 0 16px;
}

#faleconosco{
	float:left;
	margin:7px 0 0 16px;	
}

#faleconosco p{
	margin: -27px 0 0 42px;
	font-size: 25px;
	font-family:DINMittelschriftAlternateRg;	
}


#logo{ width:411px; height:179px; float:left; margin:20px 0 0 0;}

#logo span{float:left; margin: 0 0 -20px 20px; text-align:center; font-size:17px; font-family:DINMittelschriftAlternateRg;}

#menu{background-image:url(../images/bgmenu.png); width:690px; height:59px; float:right; margin:-120px 0 0 0; font-family:DINMittelschriftAlternateRg, aria; font-size:22px;}

#menu ul{margin:0 0 0 15px;}

#menu ul li a{text-decoration:none; float:left; margin-top:3px;}


/****	FIM TOPO	****/

/****	CONTEUDO	****/
#containerconteudo {width:960px; min-height:500px; margin:0 0 10px 0; background-color:#2a2a2a; padding:4px;}

#banner{ height:403px; margin-top:-20px; *margin-top:0px;}

#lateralgadgets{background-image:url(../images/bggadjets.png); width:194px; height:403px; float:right; margin:-270px 0 0 0; *margin:-290px 0 0 0; position:relative;}

#lateralgadgets ul{float:right;}

#lateralgadgets ul li{margin:25px 9px 25px 0; list-style:none; text-align:center;}

#lateralgadgets #faleconosco{ float:right; margin:5px 12px 0 0;}

#lateralgadgets #faleconosco img{ margin:0 0px 0 42px;}

#lateralgadgets #faleconosco p{ font-family:DINMittelschriftAlternateRg, arial; font-size:26px; margin:5px -15px 0 8px; }

#boxconteudo{margin:0 0 15px 20px; float:left;}

#boxconteudo li{list-style:none; margin:0 15px 0 0; font-size:14px;}

#boxconteudo #textomaiorhome{width:378px; float:left;}

#boxconteudo #textomaiorhome ul li{float:left; width:109px; margin:15px 17px 0 0;}

#boxconteudo .textomenorhome{width:164px; height:144px; float:left; margin-top:20px;}
#boxconteudo .textomenorhome p{height:144px; }
#boxconteudo .textomenorhome .vejamais{margin: 0 0 0 37px;}

#lateraldireita{float:left; margin:20px 0 0 0;}

/****	FIM CONTEUDO	****/

/****	RODAPE	****/
#rodape{width:960px; margin:5px auto 10px auto; text-align:center; font-family:DINMittelschriftAlternateRg, aria; font-size:15px; font-weight:normal;}

/****	FIM RODAPE	****/

/****	EMPRESA	  ****/
#boxconteudo #textomaior{width:740px; float:left;}

#boxconteudo #textomaior .produtos{float:left; width:109px; margin: 15px 40px 10px 70px;}

#diferencial{float:left;}
#boxconteudo #textomaior .diferencial{ list-style:square inside ; color:#0388C0;  }
#boxconteudo #textomaior .titulo{ list-style:none ; color:#fff; font-weight:bold; margin-bottom:15px;  }

/****	FIM EMPRESA	  ****/


/***********Formulario***********/

#caixaform form {
	width:720px;
	padding:25px 0 0 0px;
	*padding:60px 0 0 13px;
	float:left;
}

#caixaform form fieldset {
	border:none;
}

#esquerdacontato{
	width: 420px;
	float: left;
}

#caixaform form fieldset label {
		color:#59B0D8;
		font:14px arial;
		display:inline-block ;
		font-weight:bold;
		width:210px;
		float:left;
		margin-bottom:5px;
		}
		
#caixaform form fieldset label p{
		color:#fff;
		font: 10px arial;
		display: block;
		width: 150px;
		float: left;
		margin: 0px 0 0 440px;
}
		
#caixaform form fieldset label input {
		width:199px;
		border:1px solid #0388C0;
		padding:4px 0 4px 0;
		margin:5px 0 5px 0;
		*margin:0px 0 7px 0;
		float:left;
		display:block;
		}
		
#caixaform form fieldset label.labmensagem {
		margin: 0px 0px 0 20px;
		width: 100px;
		float: left;		
		}
		
#caixaform form fieldset label.labmensagem textarea {
		width:261px;
		height:93px;
		font:13px arial, tahoma, sans-serif;
		padding:3px;
		margin-top:5px;
		*margin-top:-21px;
		border:1px solid #0388C0;
		float:left;
}

#caixaform form fieldset input.botao {
		float:right;
		width:93px;
		height:27px;
		background-image:url(../images/btenviar.png);
		background-color:transparent;
		margin: 0px 10px 0 0px;
		border:0px;
		color:#FFF;
		padding:5px;
		*padding:30px;
		font:13px verdana, arial, tahoma, sans-serif;
		cursor:pointer;
		text-indent:-9000px;
		}
#caixaform form fieldset #check{
	float:left;
	margin: 14px 0 0 16px;
	*margin: -20px 0 0 440px;
	font-size:9px;
	color:#fff;
	}
	
#agree{
	width:20px;
}
/***********Fim Formulario***********/