html, body {
   margin: 0;
   padding: 0;
 }
body{
	top:50;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
	background-color: #799d79;
	}
.body2{
		top:50;
		margin:0;
		padding:0;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		color:#000000;
		background-color: #FFFFFF;
		}
#logo_funerariasantacruz {
	width: 255px;
	height: 200px;
	display: block;
	background: url(imagens/logo_funeraria.png) no-repeat;
	background-size: auto;
	background-size: 235px 120px;
	margin-bottom: 10px;
	margin-left: -80px;
	top: 0px;
	position: absolute;

}
.menu_topo{
	background-color: #f2f2f2;
}

a {
	color: #555;
	text-decoration: none;
}

.codrops-demos {
	float: right;
	padding-top: 0px;
	font-size:18px;
	font-family: 'Lato', sans-serif;
	background-color:#00562f;
	border-radius: 5px;
}

.codrops-demos a {
	display: inline-block;
	margin: 10px;
	color: #fff;
		font-size:16px;
	font-weight: 700;
	line-height: 30px;
	border-bottom: 4px solid transparent;
}

.codrops-demos a:hover {
	color: #fff;
	border-color: #fff;
}

.codrops-demos a.current-demo,
.codrops-demos a.current-demo:hover {
	color: #aaa;
	border-color: #aaa;
}
.titulo{
font-family: 'Exo 2', sans-serif;
	font-size:40px;
	color:#002b18;
}
#slider { width: 700px; height: 390px; }

.notas{
border-radius: 8px;
}
div#planos div {
			width: 260px;
			float: left;
			padding: 10px 30px;
			border-right: 0 solid black;
		}
		
		div#planos div:last-child {border-right:none;}
		p.estilizado:first-letter{
font-size: 80px;
float: left;
color: #000000;
}
#contactform {
	
	width: 500px;
	padding: 20px;
	background: #f0f0f0;
	overflow:auto;
	
	border: 1px solid #cccccc;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;	
	
	-moz-box-shadow: 2px 2px 2px #cccccc;
	-webkit-box-shadow: 2px 2px 2px #cccccc;
	box-shadow: 2px 2px 2px #cccccc;
	
	}
	
	.field{margin-bottom:7px;}
	
	label {
	font-family: Arial, Verdana; 
	text-shadow: 2px 2px 2px #ccc;
	display: block; 
	float: left; 
	font-weight: bold; 
	margin-right:10px; 
	text-align: right; 
	width: 120px; 
	line-height: 25px; 
	font-size: 15px; 
	}
	
	.input{
	font-family: Arial, Verdana; 
	font-size: 15px; 
	padding: 5px; 
	border: 1px solid #000000; 
	width: 300px; 
	color: #797979;	
	}
	
	.input:focus{
	background-color:#E7E8E7;	
	}
	
	.textarea {
	height:150px;	
	}
	
	.hint{
	display:none;
	}
	
	.field:hover .hint {  
	position: absolute;
	display: block;  
	margin: -30px 0 0 455px;
	color: #FFFFFF;
	padding: 7px 10px;
	background: rgba(0, 0, 0, 0.6);
	
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;	
	}
	
	.button{
	float: right;
	margin:10px 55px 10px 0;
	font-weight: bold;
	line-height: 1;
	padding: 6px 10px;
	cursor:pointer;   
	color: #fff;
	
	text-align: center;
	text-shadow: 0 -1px 1px #64799e;
	
	/* Background gradient */
	background: #a5b8da;
	background: -moz-linear-gradient(top, #a5b8da 0%, #7089b3 100%);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a5b8da), to(#7089b3));
	
	/* Border style */
  	border: 1px solid #5c6f91;  
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
  
	/* Box shadow */
	-moz-box-shadow: inset 0 1px 0 0 #aec3e5;
	-webkit-box-shadow: inset 0 1px 0 0 #aec3e5;
	box-shadow: inset 0 1px 0 0 #aec3e5;
	
	}
	
	.button:hover {
	background: #848FB2;
    cursor: pointer;
	}
	
	
	 #prata { width:320px; }
#prata ol { font-style:italic; font-family:Georgia, Times, serif; font-size:24px; color:#999999;  }
#prata ol li { }
#prata ol li p { padding:8px; font-style:normal; font-family:Arial; font-size:12px; color:#000000; border-left: 1px solid #999; }
#prata ol li p em { display:block; }

 #ouro { width:320px; }
#ouro ol { font-style:italic; font-family:Georgia, Times, serif; font-size:24px; color:#BF8820;  }
#ouro ol li { }
#ouro ol li p { padding:8px; font-style:normal; font-family:Arial; font-size:12px; color:#000000; border-left: 1px solid #999; }
#ouro ol li p em { display:block; }

 #vip { width:320px; }
#vip ol { font-style:italic; font-family:Georgia, Times, serif; font-size:24px; color:#000000;  }
#vip ol li { }
#vip ol li p { padding:8px; font-style:normal; font-family:Arial; font-size:12px; color:#000000; border-left: 1px solid #999; }
#vip ol li p em { display:block; }

#ruby { width:320px; }
#ruby ol { font-style:italic; font-family:Georgia, Times, serif; font-size:24px; color:#c22;  }
#ruby ol li { }
#ruby ol li p { padding:8px; font-style:normal; font-family:Arial; font-size:12px; color:#000000; border-left: 1px solid #999; }
#ruby ol li p em { display:block; }

#planos  tr td div{
	position: relative;
	top:0px;
}
