*{margin:0; padding:0; text-decoration: none;}

/*STYLES PC*/

/*BODY*/
body {
	background-color: #333;
	margin: 0 auto;
	color: #FFF;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-size: 18px;
	text-align: center;
	 max-width: 100%;
}

/*CONTAINER*/
#container {margin: 0 auto;  max-width: 100%;}

/*HEADER*/
#header {margin: 0 auto;}

menu{
	behavior:url(border-radius.htc);
	background-color: #CFCFCF;	
    border: 1px solid;
    border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

#cbp-hsmenu-wrapper {margin: 0 auto;}

#menuPrincipal{padding: 1%;}

#main {background-color: #1C1C1C;}

/*ARTICLE*/
article {margin: 0 auto; max-width: 50%; padding: 2% 0 5% 0;}

#slideshow {width: 100%; margin: 0 auto;}

#content {
	background-color: #FFF;
	color: #000;
	font-size: 12px;
	text-align: justify;
}

#empresa {float: left; margin: 1%; width: 50%; z-index: 10;}

#texto {margin-left: 50%; margin: 1%;}

#texto p{padding-top: 2%;}
/*
#texto {
width: 93%;
background-image: url('../images/empresa/empresa.png');
background-position: top;
background-repeat: no-repeat;
}

#texto p {
padding: 1% 5% 1%;
color: #000;
font-family: verdana;
font-weight: bold;
}
*/
.atendente {float: left; width:50%;}

.icons {margin-left: 50%; padding-right:1%;}

#contato p{color: #000; font-size: 28px;}

#contato { background-color: #eaeaea;}

#contato ul {width: 100%;}

#contato ul li {display: inline; max-width: 100%;}

.contato {width: 100%;}

#atendente{max-width: 75%;}

.clear { clear: both; }

#form {width: 40%; margin: 0 auto; padding: 1%;}

fieldset {color: #FFF;}

legend{background: #1C1C1C;}

.campos {
	margin-bottom: 2%;
	width: 65%; 
	color: #000;
	behavior:url(border-radius.htc);
    border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

#enviar{
	color: #fff;
	font-size: 0;
	width: 157px;
	height: 38px;
	border: none;
	margin: 0;
	padding: 0;
	background: url('../images/envia.png') 0 0 no-repeat;
	cursor:pointer;
}

/*FOOTER*/
footer {text-align: center; background-color: #D8D8D8;}

footer p {
	font-family: 'Verdana';
	padding: 1%;
	margin: 0 auto;
	text-shadow: 0px 1px 1px #4d4d4d;
	color: #222;
	color: #000\9; /*COR DA FONTE PARA IE8*/
}

/*STYLES TABLET FORMATO RETRATO*/
@media screen and (max-width: 823px) {
	body {font-size: 16px;}
		
	article {max-width: 85%; padding: 1%;}
	
	#contato p {font-size: 22px;}
	
	#form {width: 90%;}
}

/*STYLES SMARTPHONES FORMATO RETRATO*/
@media screen and (max-width: 329px) {
	body {font-size: 14px;}
	
	article {max-width: 100%; padding: 1%;}
	
	.atendente{float: none; margin: 0 auto; max-width: 100%;}
	#atendente{width: 100%;}
	
	.icons{margin-left: 0;}
	
	#contato ul {width: 85%; margin: 0 auto;}
	
	#contato p {font-size: 18px;}
	
	#form {width: 100%;}
}