/*********************************************************************************************************
	CLASSES PRINCIPAIS - Essas classes fazem alterações em todas as páginas e na estrutura do site
*********************************************************************************************************/

body {
	margin:0px;
	padding:0px;
	background-color:#FFF;
	font-family:Arial, Tahoma, Geneva, sans-serif;
	font-size:13px;
	color:#567b8e;
}
img {
	margin:0px;
	padding:0px;
	border:0px;
	vertical-align:middle;
}
A {
	color:#cf2032;
	text-decoration:none;
}
A:hover {
	color:#7e0202;
	text-decoration:underline;
}
li {
	list-style-image:url(../imagens/bullet.png);
	vertical-align:middle;
	padding-top:3px;
	padding-bottom:3px;
}
#divprincipal {
	margin:auto;
	width:1000px;
}
#divsecundaria {
	float:left;
	width:1000px;
}
#header {
	height:360px;
	width:995px;
	float:left;
	display:inline;
}
.menu {
	width:253px;
	height:290px;
}
.logo {
	width:253px;
	height:126px;
	float:left;
}
.contatos {
	background-image:url(../imagens/desentupidora-contato.png);
	width:480px;
	height:64px;
}
#menuprincipal {
	float:left;
	display:inline;
}
.btsaibamais {
	text-align:right;
	width:270px;
}
.imgconteudo {
	float:left;
	display:inline;
	padding-right:20px;
}
.conteudotxt {
	float:left;
	display:inline;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
}
.conteudotitulo {
	font-family:"Franklin Gothic Demi", "Franklin Gothic", "Franklin Gothic Book", "Franklin Gothic Medium", Verdana, Tahoma;
	font-size:25px;
	color:#cf2032;
	text-transform:uppercase;
}
.alinhaparagrafo {
	padding-left:10px;
}
.telefones {
	font-family:"Franklin Gothic Demi", "Franklin Gothic", "Franklin Gothic Book", "Franklin Gothic Medium", Verdana, Tahoma;
	font-size:28px;
	color:#cf2032;
	letter-spacing:-1px;
	padding:0 0 0 0;
	margin:0 0 5px 0;
	text-transform:uppercase;
	font-weight:bold;
}
.breadcumb {
	padding-left:10px;
	padding-bottom:10px;
	padding-top:10px;
}
/*******************************************FINAL CLASSES PRINCIPAIS*************************************/

/*********************************************************************************************************
											CLASSES TÍTULOS
*********************************************************************************************************/

h1 {
	font-family:"Franklin Gothic Demi", "Franklin Gothic", "Franklin Gothic Book", "Franklin Gothic Medium", Verdana, Tahoma;
	font-size:28px;
	color:#cf2032;
	letter-spacing:-1px;
	padding:0 0 0 0;
	margin:0 0 5px 0;
	text-transform:uppercase;
}
h2 {
	font-family:"Franklin Gothic Demi", "Franklin Gothic", "Franklin Gothic Book", "Franklin Gothic Medium", Verdana, Tahoma;
	font-size:26px;
	color:#3b6e85;
	margin:0 0 5px 0;
	font-weight:normal;
	text-transform:uppercase;
}
h3 {
	font-family:"Franklin Gothic Demi", "Franklin Gothic", "Franklin Gothic Book", "Franklin Gothic Medium", Verdana, Tahoma;
	font-size:22px;
	color:#cf2032;
	padding:0;
	margin:0 0 5px 0;
}
h4 {
	font-family:"Franklin Gothic Demi", "Franklin Gothic", "Franklin Gothic Book", "Franklin Gothic Medium", Verdana, Tahoma;
	font-size:17px;
	color:#3b6e85;
	padding:0;
	margin:0 0 5px 0;
	font-weight:normal;
}
h5 {
	font: normal bold 16px/20px "Trebuchet MS", Georgia, Arial, Helvetica, sans-serif;
	color:#777;
	padding:0;
	margin:0 0 5px 0;
}
h6 {
	font: normal bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#999;
	padding:0;
	margin:0 0 5px 0;
}
.linktitulos:link {
	color:#3b6e85;
}
.linktitulos:hover {
	color:#3b6e85;
	text-decoration:underline;
}
.linktitulos:visited {
	color:#3b6e85;
}
.linkoutros:link {
	color:#005469;
}
.linkoutros:hover {
	color:#3b6e85;
	text-decoration:underline;
}
.linkoutros:visited {
	color:#005469;
}
.linkfalso {
	color:#cf2032;
	cursor:pointer;
}
/*******************************************FINAL CLASSES TÍTULOS*************************************/


/*********************************************************************************************************
								CLASSES BLOCO SERVIÇOS - Quadro abaixo do header
*********************************************************************************************************/

#servicos /* Essa é a div que controla o espaçamento lateral e a cor da fonte de do bloco dos serviços abaixo do header */ {
	float:left;
	display:inline;
	background-image:url(../imagens/fundo-quadro-servicos.gif);
	background-repeat:no-repeat;
	background-position:top left;
	margin-top:10px;
	padding-left:65px;
	color:#567b8e;
}
#servicoborda {
	background-image:url(../imagens/fundo-quadros-servicos.gif);
	background-repeat:repeat-x;
	background-position:top left;
	width:935px;
	height:145px;
	padding-top:15px;
}
#quadroservico1 {
	float:left;
	display:inline;
	width:270px;
	margin-left:10px;
}
#quadroservico2 {
	float:left;
	display:inline;
	width:270px;
	margin-left:30px;
}
#quadroservico3 {
	float:left;
	display:inline;
	width:270px;
	margin-left:30px;
}
.servicotitulo {
	padding-bottom:10px;
}
/***************************************FINAL DAS CLASSES BLOCO SERVIÇOS********************************/


/*********************************************************************************************************
									CLASSES BLOCO CONTEÚDO ESQUERDO
*********************************************************************************************************/

#conteudoesquerdoindex {
	float:left;
	display:inline;
	background-color:f4f9fb;
	color:#567b8e;
	width:630px;
}
#conteudoesquerdo {
	float:left;
	display:inline;
	background-color:f4f9fb;
	color:#567b8e;
	width:630px;
}
#quadroesquerdo {
	width:630px;
	float:left;
	display:inline;
	margin-bottom:20px;
	margin-top:10px;
	padding-left:10px;
}
.quadroconteudoesquerdabaixo {
	width:630px;
	float:left;
	display:inline;
	margin-top:10px;
	padding-left:10px;
	background-image:url(../imagens/desentupidora-segurando-placa.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
}
.conteudoesquerdaquadrobaixo {
	width:410px;
	padding-right:220px;
}
.submenuservicos {
	background-image:url(../imagens/fundo-submenuservicos.gif);
	background-repeat:no-repeat;
	padding-top:80px;
	padding-left:30px;
	height:132px;
}
.submenuareas {
	background-image:url(../imagens/meio-quadro-areas.gif);
	background-repeat:repeat-y;
	padding-left:10px;
	padding-top:2px;
	padding-bottom:2px;
}
.lisubmenu {
	font-size:18px;
	list-style-image:url(../imagens/bullet-submenu.png);
	vertical-align:middle;
}
.lisubmenuareas {
	font-size:14px;
	list-style-image:url(../imagens/bullet-submenu.png);
	vertical-align:middle;
	margin-bottom:-5px;
}
.subtitulomenuareas {
	font-size:16px;
	font-weight:bold;
}
.linksubmenu {
	color:#8c8c8c;
	text-decoration:none;
}
.linksubmenu:hover {
	color:#3b6e85;
	text-decoration:underline;
}
.linksubmenu:visited {
	color:#cf2032;
	text-decoration:none;
}
/*******************************FINAL DAS CLASSES BLOCO CONTEÚDO ESQUERDO********************************/


/*********************************************************************************************************
									CLASSES BLOCO CONTEÚDO DIREITO
*********************************************************************************************************/


#quadrocontedodireita {
	float:right;
	background-color:f4f9fb;
	color:#567b8e;
	width:319px;
	margin-top:10px;
	border-left:#becad0 solid 1px;
	padding-left:10px;
}
.conteudo2 {
	padding-bottom:10px;
}
.topodepoimentos {
	background-image:url(../imagens/quadro-depoimentos-cima.png);
	background-repeat:no-repeat;
	font-size:13px;
	padding-left:80px;
	padding-right:40px;
	padding-top:25px;
	color:#FFF;
	height:38px;
	font-weight:bold;
}
.meiodepoimentos {
	background-image:url(../imagens/quadro-depoimentos-meio.png);
	background-repeat:repeat-y;
	font-size:11px;
	padding-left:30px;
	padding-right:40px;
	color:#FFF;
}
.quadroemergencias {
	margin-bottom:10px;
}
.quadroemergenciasmeio {
	background-image:url(../imagens/meio-emergencias.gif);
	background-repeat:repeat-y;
	padding-left:25px;
	padding-right:25px;
	width:274px;
	text-align:center;
}
/*******************************FINAL DAS CLASSES BLOCO CONTEÚDO DIREITO********************************/


/*********************************************************************************************************
												CLASSES FOOTER
*********************************************************************************************************/

.footer {
	padding:0;
	margin:0 0 0 0;
	height:220px;
	padding-top:20px;
	background-color:#d8e4e9;
}
.footerconteudo {
	width:1000px;
	background-color:#d8e4e9;
	margin:0 auto;
}
.footerconteudoesquerda {
	float:left;
	display:inline;
	background-image:url(../imagens/img-maquina.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	width:275px;
	height:220px;
	padding-left:170px;
	color:#515151;
}
.btvoltartopo {
	width:110px;
	padding-top:197px;
	float:left;
	display:inline;
}
.footerconteudodireita {
	float:left;
	display:inline;
	background-image:url(../imagens/img-agenda.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
	width:275px;
	height:220px;
	padding-right:170px;
	color:#515151;
}
.linkfooter {
	color:#515151;
	text-decoration:none;
}
.linkfooter:hover {
	color:#333;
	text-decoration:underline;
}
#final {
	float:left;
	display:inline;
	width:100%;
	background-color:#eeeeed;
	height:55px;
	text-align:center;
	font-size:11px;
	color:#505050;
}
/**************************************FINAL DAS CLASSES FOOTER*******************************************/


/*********************************************************************************************************
												CLASSES FORMULARIOS
*********************************************************************************************************/

#divformulario {
	float:left;
	display:inline;
	height:588px;
	padding-left:40px;
	padding-top:7px;
}
input, textarea {
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	width:450px;
	border:1px solid #c9d2d7;
}
.camposform {
	padding-bottom:5px;
	padding-top:5px;
}
div.formulario label, div.formulario span.label {
	margin-right: 10px;
	padding-right: 10px;
	width:120px;
	display: block;
	float: left;
	position: relative;
	color:#567b8e;
}
div.formulario input:focus, div.formulario textarea:focus {
	background-color: #e75e24;
	border-color: #FC6;
}
div.formulario div.botoes {
	margin-left: 310px;
}
.btenviar {
	background-image:url(../imagens/desentupidora-contato.png);
	background-position:top center;
	background-repeat:no-repeat;
	width:136px;
	height:36px;
	border:0px;
	cursor:hand;
}
/***********************************FINAL DAS CLASSES FORMULARIOS****************************************/


/*********************************************************************************************************
												CLASSES ALINHAMENTOS
*********************************************************************************************************/

.alinhatxtdireita {
	text-align:right;
}
.alinhatxtesquerda {
	text-align:left;
}
.alinhadireita {
	float:right;
}
.alinhaesquerda {
	float:left;
}
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.spacer {
	height:90px;
}

/***********************************FINAL DAS CLASSES ALINHAMENTOS****************************************/