body { 
	text-align: center; 
	font-size: 16px; 
	font-family: sans-serif; 
	margin: 0;
	padding: 0;
	line-height: 1;
	background-color: #c9c9c9; 
	} 

a img { border: none; }

ul { list-style-type: none; }

table { 
	margin: 0 auto; 
	border-collapse: collapse; 
	}

.left { text-align: left; } 
.center { text-align: center; } 
.right { text-align: right; } 

.size1 { font-size: 10px; } 
.size2 { font-size: 12px; } 
.size3 { font-size: 14px; } 
.size4 { font-size: 16px; } 
.size5 { font-size: 19px; } 
.size6 { font-size: 24px; } 
.size7 { font-size: 32px; } 

.bold { font-weight: bold; }
strong { font-weight: normal; }
em { font-style: normal; }

th { text-align: center; } 
td { text-align: left; } 
th, td { vertical-align: top; }

.border { 
	height: 2px; 
	background-color: #ff69b4; 
	margin: 2px;
	}

.w100p { width: 100%; }

.float-left { float: left; }
.float-right { float: right; }

.clearFix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
.clearFix {
	min-height: 1px;
	}

div.conta { 
	width: 960px; 
	margin: 0 auto; 
	background-color: #ff69b4; 
	}
div.page { 
	width: 955px; 
	margin: 0 auto; 
	background-color: #fdf7fa; 
	}

div.header { 
	width: 100%; 
	padding-top: 7px; 
	padding-bottom: 10px; 
	overflow: hidden; 
	}
div.title { 
	float: left; 
	width: 50%; 
	padding-top: 5px; 
	}
div.desc { 
	float: right; 
	width: 50%; 
	font-size: 19px; 
	padding: 20px 0;
	font-weight: bold;
	color: #ff69b4;
	}

div.title-logo {
	width: 230px;
	height: 60px;
	margin: 0 auto; 
	border: 2px #ff69b4 solid;
	border-radius: 10px; 
	background-color: #ffeaf4; 
	color: #ff69b4;
	font-size: 32px; 
	line-height: 60px;
	}
div.title-logo a {
	text-decoration: none;
	display: block;
	color: #ff69b4;
	}

div.menu { width: 100%; background-color: #ffeaf4; 
border-top: 2px #ff69b4 solid; border-bottom: 2px #ff69b4 solid; }

div.menu ul { width: 90%; margin: 0 0 0 45px; padding: 0; 
text-align: center; border-left: 2px #ff69b4 solid; }

div.menu li { float: left; width: 14%;
background-color: #ffeaf4;  border-right: 2px #ff69b4 solid;
font-size: 16px; font-weight: bold; }

div.menu li a { text-decoration: none; display: block; color: #ff69b4; padding: 8px 2px; }
div.menu li a:hover { background-color:#ffd5ea; color:#ff69b4; }

h1.top { text-align: right; color: #ff69b4; font-size: 12px; } 
h1 { font-size: 16px; } 

.pink {color: #ff69b4;}
.black {color: #000000;}

.w50p { width: 50%; }

.frame { 
	width: 95%; 
	margin: 0 auto; 
	border: 2px #ff69b4 solid;
	text-align: left;
	}

.frame-table { 
	width: 95%; 
	margin: 0 auto; 
	}

.w90p { width: 90%; }
.w30p { width: 30%; }
.w70p { width: 70%; }

th, td { 
border: 2px #ff69b4 solid; }


@media screen and ( max-width:970px )
{

div.conta { 
	width: 100%; 
	}
div.page { 
	width: 99%; 
	}

div.title { 
	float: none; 
	width: 100%; 
	}
div.desc { 
	float: none; 
	width: 100%; 
	}

.float-left { float: none; width: 100%;}
.float-right { float: none; width: 100%;}

div.menu { 
	border-bottom: none; 
	}
div.menu li { 
	float: none; 
	width: 98.5%;
	font-size: 19px; 
	border-bottom: 2px #ff69b4 solid; 
	}

div.menu ul { width: 100%; margin: 0 0 0 2px; padding: 0; }

.img { 
	width: 95%; 
	height: auto;
	}

}