@charset "utf-8";
/* CSS Document */

/****** FONTES EXTERNAS ******/

@font-face {
	font-family: "Edwardian Script ITC";
	src: url("../includes/fonts/ITCEDSCR.TTF");
	src: local("Edwardian Script ITC"), url("../includes/fonts/ITCEDSCR.TTF");
	font-weight: normal;
	font-style: normal;
}

/****** RESET ******/

* {
	border:none;
	font-size: 100%;
	margin:0px;
	padding:0px;
}


/****** GLOBAL ******/

a {
	color:#666;
	outline:none;
	text-decoration:none;	
	-moz-transition: 0.4s;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
}

	a:hover {
		color:#e4ad04;
		-moz-transition: 0.4s;
		-webkit-transition: 0.4s;
		-o-transition: 0.4s;
	}

.bold {
 font-weight:bold;	
}

.italico {
	font-style:italic;
}

.margin_top_20 {
	margin-top:20px;
}

#loading {
  background-color:#000;
  display:none;
  left:0;
  position:absolute;
  top:0;
  z-index:9000;
}

	#loading img {
		height:100px;
		left:50%;
		margin-left:-50px;
		margin-top:-50px;
		position:fixed;
		top:50%;
		width:100px;
	}

.fade_in {
	display:none;
}	

div.msg {
	color:#FFF;
	height:30px;
	line-height:30px;
	margin: 0 0 20px 0;
	text-align:center;
	width:100%;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

	div.msg.default {
		color:#666;
		font-weight:bold;
		text-align:left;
	}

	div.msg.error {
		background:#ef0d0d;
		text-shadow:0px 1px 1px #666;
	}	

	div.msg.success {
		background: #090;
		text-shadow:0px 1px 1px #666;
	}
	
.clear {
	clear:both;
	height:1px;
	margin:0 auto;
	overflow:hidden;
	width:900px;
}

/************/

body {
	background: url(../img/bg_body.jpg) repeat-y center;
	color:#666;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:14px;
	line-height: 1;
	text-shadow:0px 1px 1px #fff;
}

div.bg_top {
	background:url(../img/bg_top.png) repeat-x;
	height:206px;
	width:100%;
}

	div.bg_top div.top {
		height:157px;
		margin:0 auto;
		width:960px;
	}
	
		div.bg_top div.top a h1 {
			background: url(../img/logo_multredes_redes_de_protecao.png) no-repeat;
			display:inline-block;
			height:119px;
			margin:25px 0 0;
			position:absolute;
			width:289px;
			-moz-transition: 0.4s;
			-webkit-transition: 0.4s;
			-o-transition: 0.4s;
		}
		
			div.bg_top div.top a h1:hover {
				opacity:0.7;
				margin:20px 0 0;
				-moz-transition: 0.4s;
				-webkit-transition: 0.4s;
				-o-transition: 0.4s;
			}
	
			div.bg_top div.top a h1 span {
				display:none;
			}
			
		div.bg_top div.top img {
			float:right;
			margin:35px 0 0 0;
		}
			
	div.bg_top div.menu {
		clear:both;
		height:43px;
		margin:0 auto;
		width:960px;
	}
	
		div.bg_top div.menu ul {
			list-style-type:none;
			margin-top:10px;
		}
		
			div.bg_top div.menu ul li {
				background:url(../img/divisor_menu.jpg) center left no-repeat;
				float:left;
				line-height:25px;
				text-align:center;
				width:160px;
			}
			
				div.bg_top div.menu ul li.ultimo {
					background-image: url(../img/divisor_menu.jpg), url(../img/divisor_menu.jpg);
					background-repeat: none;
					background-position: left, right;
				}
		
				div.bg_top div.menu ul li a {
					padding:10px 0 10px 40px;
				}
				
					div.bg_top div.menu ul li a.inicio {
						background:url(../img/bt_inicio.png) center left no-repeat;
					}
					
					div.bg_top div.menu ul li a.empresa {
						background:url(../img/bt_empresa.png) center left no-repeat;
					}
					
					div.bg_top div.menu ul li a.servicos {
						background:url(../img/bt_servicos.png) center left no-repeat;
					}
					
					div.bg_top div.menu ul li a.garantia {
						background:url(../img/bt_garantia.png) center left no-repeat;
					}
					
					div.bg_top div.menu ul li a.orcamento {
						background:url(../img/bt_orcamento.png) center left no-repeat;
					}
					
					div.bg_top div.menu ul li a.contatos {
						background:url(../img/bt_contatos.png) center left no-repeat;
					}
		

div.content {
	height:auto;
	margin:20px auto;
	width:960px;
}

	div.content div.col_left {
		background: url(../img/bg_menu_esq.png) top left no-repeat;
		height:auto;
		float:left;
		width:255px;
	}	
	
		div.content div.col_left ul {
			list-style-type:none;
			margin-bottom:20px;
			padding:5px 0 15px 0;
		}
		
			div.content div.col_left ul li {
				background:url(../img/divisor_menu_esq.png) bottom no-repeat;
				height:38px;
				line-height:38px;
				margin-left:5px;
				text-indent:5px;
				width:240px;
			}
		
				div.content div.col_left ul li a {
					display:block;
					font-size:12px;
					height:38px;
					width:240px;
				}

	div.content div.col_right {
		height:auto;
		float:left;
		line-height:18px;
		margin-left:15px;
		width:690px;
	}
	
		div.content div.col_right h1 {
			background:#bababa;
			color:#fff;
			font-size:18px;
			font-weight:normal;
			height:37px;
			line-height:37px;
			margin-bottom:15px;
			text-indent:20px;
			text-shadow:0px 1px 1px #666;
			width:100%;
			border-radius:5px;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
		}
	
		div.content div.col_right p {
			margin-bottom:10px;
			text-align:justify;
		}
		
			div.content div.col_right p.flechinha {
				background:url(../img/flechinha.png) left no-repeat;
				padding-left:20px;
			}
		
		div.content div.col_right a.saiba_mais {
			background:#bababa;
			color:#FFF;
			display:inline-block;
			float:right;
			height:33px;
			line-height:33px;
			text-align:center;
			text-shadow:none;
			width:100px;
		}
		
			div.content div.col_right a.saiba_mais:hover {
				background:#e4ad04;	
			}
			
		div.content div.col_right div.texto {
			height:auto;
			width:100%;
		}
		
			div.content div.col_right div.texto ul.servicos {
				list-style-type:none;
			}
			
				div.content div.col_right div.texto ul.servicos li {
					background:url(../img/flechinha.png) left no-repeat;
					margin-bottom:20px;
					padding-left:20px;
				}
		
		div.content div.col_right div.galeria {
			height:auto;
			margin-top:25px;
			width:100%;
		}	
		
			div.content div.col_right div.galeria img {
				border:3px solid #FFF;
				margin:0 0 10px 10px;
				box-shadow:0px 0px 2px #555;
				-moz-box-shadow:0px 0px 2px #555;
				-webkit-box-shadow:0px 0px 2px #555;
				-moz-transition: 1s;
				-webkit-transition: 1s;
				-o-transition: 1s;
			}
			
				div.content div.col_right div.galeria img:hover {
					border:3px solid #f3f47b;
					-moz-transition: 1s;
					-webkit-transition: 1s;
					-o-transition: 1s;
				}	
			
		div.content div.col_right div.left_contacts {
			float:left;
			height:560px;
			margin:20px 0 0 20px;
			width:305px;
		}
			
		div.content div.col_right div.right_contacts {
			float:left;
			height:560px;
			margin:20px 0 0 35px;
			width:330px;
		}
		
			div.content div.col_right div.right_contacts table {
				border:0px;
			}
			
				div.content div.col_right div.right_contacts table td {
					line-height:25px;
					padding:0 10px 50px 10px;
				}
				
		div.right_contacts .whatsapp {
			color:#52AB1D;
			position:relative;
		}
		
			div.right_contacts .whatsapp img {
				display:block;
				position:absolute;
				right:-45px;
				top:-8px;
			}
	
	div.bg_bottom {
		background:url(../img/bg_bottom.png) repeat-x;
		clear:both;
		font-size:13px;
		height:270px;
		margin-top:30px;
		width:100%;
	}
	
		div.bg_bottom div.menu_bottom {
			height:190px;
			margin:0 auto;
			width:960px;
		}		
	
			div.bg_bottom div.menu_bottom div.multredes_ribbon_badges {
				background:url(../img/multredes_ribbon_badges.png) no-repeat;
				height:113px;
				margin: 100px 0 0 870px;
				position:absolute;
				width:90px;
			}
			
			div.bg_bottom div.menu_bottom div.rede_qualidade_equiplex {
				background:url(../img/rede_qualidade_equiplex.jpg) no-repeat;
				height:70px;
				margin: 130px 0 0 730px;
				position:absolute;
				width:111px;
			}
	
			div.bg_bottom div.menu_bottom ul {
				list-style-type:none;
				margin-top:5px;
			}
			
				div.bg_bottom div.menu_bottom ul li {
					margin:0 0 13px 0;
				}
			
					div.bg_bottom div.menu_bottom ul li a {
						background:url(../img/list_style_type.png) no-repeat left bottom;
						padding-left: 15px;
						-moz-transition: 0.2s;
						-webkit-transition: 0.2s;
						-o-transition: 0.2s;
					}
					
						div.bg_bottom div.menu_bottom ul li a:hover {
							background:url(../img/list_style_type.png) no-repeat left top;
							text-decoration:underline;
							-moz-transition: 0.2s;
							-webkit-transition: 0.2s;
							-o-transition: 0.2s;
						}
						
			div.bg_bottom div.menu_bottom div.box {
				float:left;
				height:160px;
				margin:15px 0 0;
			}
			
				div.bg_bottom div.menu_bottom div.box.box1 {
					width:160px;
				}
				
				div.bg_bottom div.menu_bottom div.box.box2 {
					width:280px;
				}
				
				div.bg_bottom div.menu_bottom div.box.box3 {
					width:320px;
				}
				
				div.bg_bottom div.menu_bottom div.box.box4 {
					width:200px;
				}			
	
		div.bg_bottom div.copyright_bottom {
			clear:both;
			height:55px;
			margin:0 auto;
			width:960px;
		}
		
			div.bg_bottom div.copyright_bottom a.logo_bottom {
				background:url(../img/logo_bottom_multredes_redes_de_protecao.png) no-repeat;
				display:inline-block;
				float:left;
				height:55px;
				width:134px;
			}
			
				div.bg_bottom div.copyright_bottom a.logo_bottom:hover {
					opacity:0.7;
				}
			
				div.bg_bottom div.copyright_bottom a.logo_bottom span {
					display:none;
				}				
				
			div.bg_bottom div.copyright_bottom div.contador {
				background-color:#FFF;
				float:left;
				height:16px;
				margin:35px 0 0 281px;
				padding:0 5px;
				text-align:center;
				width:auto;
				border-radius:4px;
				-moz-border-radius:4px;
				-webkit-border-radius:4px;
			}			
		
			div.bg_bottom div.copyright_bottom div.copyright {
				float:right;
				height:16px;
				margin-top:35px;
			}
			
				div.bg_bottom div.copyright_bottom div.copyright a {
					font-family:"Edwardian Script ITC", arial;
					font-size:18px;
					-moz-transition: 1s;
					-webkit-transition: 1s;
					-o-transition: 1s;
				}
				
					div.bg_bottom div.copyright_bottom div.copyright a:hover, div.copyright_bottom div.copyright a:focus {
						text-shadow:0px 0px 15px #e4ad04;
						-moz-transition: 1s;
						-webkit-transition: 1s;
						-o-transition: 1s;
					}	
	
	
			
/***** FORMS *****/


form {
	height:auto;
	margin:0 auto;
	width:305px;
}

	form label {
		height:32px;
		float:left;
		line-height:32px;
		width:100px;
	}
		
		form label.verify {
			margin-top:5px;
		}
							
	form input {
		background:#FCFCFC;
		border:1px solid #bababa;
		color:#888;
		float:left;
		font-family: Tahoma, Geneva, sans-serif;
		height:32px;
		margin:0 0 10px;
		padding:0 10px;
		width:180px;
		border-radius:4px;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		-moz-box-shadow: inset 1px 1px 2px #ccc;
		-webkit-box-shadow: inset 1px 1px 2px #ccc;
		box-shadow: inset 1px 1px 2px #ccc;
		-moz-transition: all 0.5s ease 0s;
		-webkit-transition: all 0.5s ease 0s;
		-o-transition: all 0.5s ease 0s;
	}
		
		form input.verify {
			margin-top:5px;
			width:65px;
		}
		
		form input:focus {
			background:#fff;
			border:1px solid #e4ad04;
			color:#555;
			outline:none;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			box-shadow: none;
			-moz-transition: all 0.5s ease 0s;
			-webkit-transition: all 0.5s ease 0s;
			-o-transition: all 0.5s ease 0s;
		}
				
	form textarea {
		background:#FCFCFC;
		border:1px solid #bababa;
		color:#888;
		font-family: Tahoma, Geneva, sans-serif;
		height:150px;
		margin:0 0 10px;
		padding:5px;
		resize:none;
		width:290px;
		border-radius:4px;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		-moz-box-shadow: inset 1px 1px 2px #ccc;
		-webkit-box-shadow: inset 1px 1px 2px #ccc;
		box-shadow: inset 1px 1px 2px #ccc;
		-moz-transition: all 0.5s ease 0s;
		-webkit-transition: all 0.5s ease 0s;
		-o-transition: all 0.5s ease 0s;
	}
				
		form textarea:focus {
			background:#fff;
			border:1px solid #e4ad04;
			color:#555;
			outline:none;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			box-shadow: none;
			-moz-transition: all 0.5s ease 0s;
			-webkit-transition: all 0.5s ease 0s;
			-o-transition: all 0.5s ease 0s;
		}		
		
	form input.bt {
		background:#bababa;
		border:none;
		color:#FFF;
		display:inline-block;
		float:right;
		height:35px;
		line-height:35px;
		margin:15px 3px 0 0;
		padding:0px;
		text-align:center;
		text-shadow:none;
		width:100px;
		border-radius:0px;
		-moz-border-radius:0px;
		-webkit-border-radius:0px;
	}
	
		form input.bt:hover {
			background:#e4ad04;	
			cursor:pointer;
		}
		
	form img.captcha {
		margin:8px 0 0 13px;		
	}



.contato-whatsapp {
    display:block;
    bottom:30px;
    right:30px;
    position:fixed;
    z-index:99999;
} 

.contato-whatsapp:hover {
    opacity:.8;
}