body{
	margin:0;
	padding:0;
	}
p{
	font-size:14px;
	font-family:Verdana;
	color:#666;
	}
a{
	text-decoration:none;
	font-size:18px;
	font-family:verdana;
	}
h2{
	color:#17555E;
	font-size:24px;
	font-family:verdana;
	}	
h3{
	font-size:18px;
	font-family:verdana;
	}	
img{
	width:100%;
	height:auto;
	}
.main{
	width:980px;
	margin:0 auto;
	}

/***************TOPO*******/				
#top{
	width:100%;
	float:left;
	position:relative;
	background:#17565E;
	padding:0.5% 0;
	}
.box-social{
	width:40%;
	float:left;
	position:relative;
	}
.ic{
	width:8%;
	float:left;
	position:relative;
	margin-right:0.5%;
	}
	
.box-contato{
    width: 45%;
    float: right;
    position: relative;
	}

.ictel{
	width: 6%;
    float: left;
    position: relative;
    /* margin-right: 0.5%; */
    margin-left: 19%;
	}	
.conteudo-tel{
    width: 75%;
    float: right;
    position: relative;
    color: #FFF;
    font-size: 17px;
    font-family: verdana;
    text-align: right;
    padding: 1% 0;
	}

	

/****************HEADER*********/		
#header{
	width:100%;
	float:left;
	position:relative;
	padding:2% 0 1%;
	}
	
.logo-header{
	width:24%;
	float:left;
	position:relative;
	}
	
.menu-header{
    width: 67%;
    float: right;
    position: relative;
    margin-left: 2%;
    margin-top: 5%;
	}
	

.menu-header ul{
	width:100%;
	float:left;
	position:relative;
	margin:0;
	padding:0;
	}
	

.menu-header ul li{
	padding:0.5% 3%;
	float:left;
	position:relative;
	border-left:1px solid #999;
	border-right:1px solid #999;
	}
	
.menu-header ul li:first-child{
	padding-left:0;
	border-left:none;
	}
.menu-header ul li:last-child{
	padding-right:0;
	border-right:none;
	}

.menu-header ul li a{
	color:#999;
	font-size:20px;
	}
	
.menu-header ul li a:hover{
	color:#333;
	}

/**************BANNER***********/	
#banner{
	width:100%;
	float:left;
	position:relative;
	margin-bottom: 2%;
	}

/**************HOME************/	
#content{
	width:100%;
	float:left;
	position:relative;
	}
	
.col-left{
	width:65%;
	float:left;
	position:relative;
	}
	
.title-home-left{
	width:100%;
	float:left;
	position:relative;
	border-bottom:1px solid #17565E;
	}
	
.conteudo-home-left{
	width:100%;
	float:left;
	position:relative;
	padding:1% 0;
	}

.col-right {
    width: 30%;
    float: right;
    position: relative;
    margin-bottom: 2%;
}

.title-home-right{
	width:100%;
	float:left;
	position:relative;
	border-bottom:1px solid #17565E;
	margin-bottom:7%;
	}
		
.btn-serv-right {
    width: 98%;
    float: left;
    position: relative;
    padding: 2% 1%;
    background: #17565E;
    margin: 0.5% 0;
    color: #FFF;
    font-size: 14px;
    cursor: pointer;
}

.mini2,.mini3,.mini4,.mini5,.mini6,.mini7,.mini8,.mini9,.mini10{
	display:none;
	}

.box-conteudo-mini{
	width:100%;
	float:left;
	position:relative;
	}
	
.conteudo-mini-serv{
	width:100%;
	float:left;
	position:relative;
	}

.btn-mini-serv{
	width:30%;
	float:right;
	background:#17565E;
	text-align:center;
	padding:1%;

	}
	
.btn-mini-serv a{
	color:#FFF;
	font-size:14px;
	}

/***************FOOTER***********/	
#footer{
	width:100%;
	float:left;
	position:relative;
	background:url(../imagens/bg-footer.jpg) center no-repeat;
	}

.box-footer{
	width:30%;
	float:left;
	position:relative;
	}
.imagem-logo-footer{
	width:60%;
	float:left;
	position:relative;
	margin:15% 20% 0;}
.center{
	margin:0 5%;
	}
	
.title-box-footer{
	width:100%;
	float:left;
	position:relative;
	}

.title-box-footer h3{
	color:#FFF;
	}
	
.conteudo-box-footer{
	width:100%;
	float:left;
	position:relative;
}
	
.conteudo-box-footer p{
	color:#FFF;
	}	
.conteudo-box-footer p a{
	color:#FFF;
	font-size:14px;
	}
#copy{
	width:100%;
	float:left;
	position:relative;
	padding:0.5% 0;
	background:#000;
	}
	
.conteudo-copy{
	width:50%;
	float:left;
	position:relative;
	color:#FFF;
	font-size:16px;
	font-family:Tahoma;
	}
	
.ass-copy{
    width: 42%;
    float: right;
    position: relative;
    font-family: Tahoma;
    margin: 0;
    padding: 0;
    text-align: right;
    color: #FFF;
    font-size: 16px;
	}

.ass-copy a{
    color: #FFF;
    font-size: 16px;}	
/***********EMPRESA***********/
.banner-pages{
	width:100%;
	float:left;
	position:relative;
	background:url(../imagens/banner-pages.png) center no-repeat;
	height:200px;
	}

.pagestitle{
	text-align:center;
	margin-top:4%;
	}
.pagestitle h2{
	color:#FFF;
	font-size:36px;
	font-family:Arial;
	}
	
.col-left-empresa{
    width: 90%;
    float: left;
    position: relative;
    padding: 0.5%;
	margin:2% 5%;
	}
	
.title-empresa{
	width:100%;
	float:left;
	position:relative;
	border-bottom:1px solid #17565E;
	}

.conteudo-empresa{
	width:100%;
	float:left;
	position:relative;
	}	
	
	
.col-right-empresa{
	width:35%;
	float:right;
	position:relative;
	padding:0.5%;
	display:none;
	}	

.box-clientes-page{
	width:48%;
	float:left;
	position:relative;
	margin:2% 1%;
	background:#17565E;
	height:150px;
	}

/*****************SERVICOS***********/
.col-left-servico {
    width: 30%;
    float: left;
    position: relative;
    margin: 4% 0;
}
	
.btn-serv {
    width: 98%;
    float: left;
    position: relative;
    padding: 2% 3%;
    background: #17565E;
    margin: 0.5% 0;
    color: #FFF;
    font-size: 14px;
    cursor: pointer;
}	

.col-right-servico {
    width: 65%;
    float: right;
    position: relative;
    margin: 2% 0;
}
	
.box-servicos{
	width:100%;
	float:left;
	position:relative;
	}
.title-box-servicos{
	width:100%;
	float:left;
	position:relative;
	border-bottom:1px solid #17565E;
	}
.conteudo-box-servicos{
	width:100%;
	float:left;
	position:relative;
	padding:1% 0;
	}	

/******************CONTATO*******/
.col-left-cont{
	width:68%;
	float:left;
	position:relative;
	margin:5% 2% 3% 0;
	}
.col-left-cont input[type=text]{
	width:98%;
	float:left;
	position:relative;
	padding:1.5%;
	border:1px solid #17565E;
	margin:1% 0;
	}
	
.col-left-cont textarea{
	width:98%;
	float:left;
	position:relative;
	padding:1.5%;
	border:1px solid #17565E;
	margin:1% 0;
	height:300px;
	}
.col-left-cont input[type=submit]{
	width:30%;
	float:right;
	position:relative;
	padding:1%;
	margin:1% 2%;
	text-align:center;
	background:#17565E;
	color:#FFF;
	font-size:16px;
	border:none;
	}
.col-right-cont{
	width:30%;
	float:left;
	position:relative;
	margin:5% 0 3%;
	}	

.title-contato{
	width:100%;
	float:left;
	position:relative;
	border-bottom:2px solid #17565E;
	}
.conteudo-contato{
	width:100%;
	float:left;
	position:relative;
	}	
	
/************* TAMANHO DE ATÉ 900px ************/
@media(max-width:901px){

.box-social {
    margin-left: 2%;
}

.box-contato {
    width: 51%;
    margin-right: 2%;
}

.main{
	width:100%;
	float:left;
	position:relative;
	}

.logo-header {
    margin-left: 2%;
}
	
.menu-header {
    width: 72%;
}
.menu-header ul li a {
    font-size: 18px;
}

.col-left {
    width: 58%;
    margin-left: 2%;
}
.col-right {
    margin-right: 2%;
}	

.conteudo-copy {
    margin-left: 2%;
    padding: 1% 0;
}

.ass-copy {
    padding: 1% 0;
    margin-right: 2%;
}

.col-left-empresa {
    width: 58%;
    margin-left: 2%;
}

.col-right-empresa {
    padding: 0.5% 0;
    margin-right: 2%;
}

.col-left-servico {
    width: 30%;
    float: left;
    position: relative;
    margin-left: 2%;
    margin-top: 5%;
}

.col-right-servico {
    width: 63%;
    margin-right: 2%;
    margin-top: 2%;
}

.col-left-cont {
    width: 66%;
    margin: 5% 0 3% 2%;
}

.col-right-cont {
    width: 28%;
    margin: 5% 2% 3% 0;
}
	}	

/*************TAMANHO ATÉ 600 PX ***/
@media(max-width:601px){
	.box-social {
    width: 18%;
}

.ic {
    width: 29%;
}

.box-contato {
    width: 76%;
    margin-right: 2%;
}

.col-left {
    width: 90%;
    margin-left: 2%;
    margin: 2% 5%;
}
.col-right {
    width: 90%;
    margin: 2% 5%;
}

.col-left-empresa {
    width: 90%;
    margin: 2% 5%;
}

.col-right-empresa {
    padding: 0.5% 0;
    width: 90%;
    margin: 2% 5%;
}

.col-left-servico {
    width: 90%;
    float: left;
    position: relative;
    margin: 2% 5%;
}

.col-right-servico {
    width: 90%;
    margin: 2% 5%;
}

.col-left-cont {
    width: 90%;
    margin: 2% 5%;
}

.col-right-cont {
    width: 90%;
    margin: 2% 5%;
}

#footer {
	background:#17555E;
}

.box-footer{
    width: 50%;
    float: left;
    position: relative;
	margin:1% 25%
}

.box-footer > .center{
	margin:1% 25%
}

.imagem-logo-footer {
    width: 100%;
    float: left;
    position: relative;
    margin: 15% 0 0 0;
}

.conteudo-box-footer p {
    font-size: 16px;
}
}