.l { text-align: left; } 
.c { text-align: center; } 
.r { text-align: right; } 

.yi { font-size: xx-small; } 
.ni { font-size: x-small; } 
.sa { font-size: small; } 
.sh { font-size: medium; } 
.go { font-size: large; } 
.ro { font-size: x-large; } 
.na { font-size: xx-large; } 

body { text-align: center; 
font-size: small; 
background-color: #bfbfbf; 
margin: 0; 
padding: 0; 
line-height: 1; } 

table { margin-left: auto; margin-right: auto; }

a img { border: none; }

a { color: #111111; } 
a:hover { color: #ff4500; background-color: #ffff66; } 

div.conta { width: 970px; margin: 0 auto; background-color: #555555; }

div.page { width: 960px; margin: 0 auto; background-color: #b4b4b4; }

div.wri { width: 950px; background-color: #f4f4f4; margin-left: auto; margin-right: auto; }

.tit { font-size: x-large; color: #ffa500; background-color: #555555; font-weight: bold; 
margin: 0 0 15px 0; 
padding: 8px 10px; }

h1 { font-size: large; color: #ffa500; background-color: #555555; 
margin: 0 0 15px 0; 
padding: 8px 10px; }
h2 { font-size: small; }

div.cont { 
	width: 100%; 
	overflow: hidden; 
	}
div.main { 
	float: right; 
	width: 70%; 
	}
div.navi { 
	float: left; 
	width: 30%; 
	}

div.menu ul.menu { list-style-type: none; 
	margin: 0 auto; 
	padding: 0 auto; 
	width: 95%; 
	border-top: #ff8c00 solid 2px;
	border-left: #ff8c00 solid 2px;
	border-right: #ff8c00 solid 2px;
	}

div.menu li.menu { font-weight: bold; 
	text-align: center; 
	margin: 0; 
	height: 25px; 
	line-height: 25px; 
	font-size: 16px; 
	background-color: #ffbd38;
	color: #000000;
	border-bottom: #ff8c00 solid 2px;
	 }

div.menu li.menu a { 
	text-decoration: none; 
	display: block; 
	background-color: #ffcc66;
	color: #555555; 
	width: 100%; 
	height: 25px; 
	line-height: 25px; 
	}
div.menu li.menu a:hover { 
	background-color: #555555;
	color: #ffa500; 
	width: 100%; 
	height: 25px; 
	line-height: 25px; 
	}

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

.w100p { width: 100%; }
.w95p { width: 95%; }

ul { list-style-type: none; margin: 0; padding: 0; }

div.lib ul.lib { list-style-type: none; margin: 0 auto; padding: 0; }

div.lib li.lib { margin: 0 auto; background-color: #ffcc66; 
font-weight: bold; text-align: center; border-radius: 10px;
border: #555555 solid 4px; width: 200px; height: 25px; line-height: 25px; }

li.lib a { text-decoration: none; display: block; color: #555555; 
width: 200px; height: 25px; line-height: 25px; }
li.lib a:hover { background-color: #555555; color: #ffa500; width: 200px; height: 25px; line-height: 25px; }


td a { display: block; }


div.tvs { width: 100%; font-size: medium; margin-left: auto; margin-right: auto; }

div.tvs ul.tvs { list-style-type: none; margin: 0 auto; padding: 0; }

div.tvs li.tvsb { margin-right: 2px; margin-left: 2px; float: left; margin-bottom: 5px; 
background-color: #ffffff;
text-align: center; font-weight: bold; border-radius: 10px;
border: #1e90ff double; width: 23%; height: 25px; line-height: 25px; }

div.tvs li.tvsg { margin-right: 2px; margin-left: 2px; float: left; margin-bottom: 5px; 
background-color: #ffffff;
text-align: center; font-weight: bold; border-radius: 10px;
border: #ffa500 double; width: 23%; height: 25px; line-height: 25px; }

div.tvs li.tvsb a { text-decoration: none; display: block; border-radius: 10px; color: #0000ff;
width: 100%; height: 25px; line-height: 25px; }
div.tvs li.tvsb a:hover { background-color: #ddffff; width: 100%; height: 25px; line-height: 25px; }

div.tvs li.tvsg a { text-decoration: none; display: block; border-radius: 10px; color: #ff00ff;
width: 100%; height: 25px; line-height: 25px; }
div.tvs li.tvsg a:hover { background-color: #ffe0eb; width: 100%; height: 25px; line-height: 25px; }

table.note { 
	width: 95%; 
	font-size: medium; 
	background-color: #ff8c00;
 }
table.note tr { 
background-color: #ffcc66;
 }
table.note tr.tm { 
background-color: #ffbd38;
 }
table.note td { 
text-align: left;
height: 30px; line-height: 30px;
 }
table.note th { 
text-align: center;
height: 30px; line-height: 30px;
 }

.mds { font-weight: bold; text-decoration: underline; }


table.cale { 
	width: 95%; 
	font-size: medium; 
	}
table.cale td { 
text-align: center;
height: 30px; line-height: 30px; 
	}
table.cale th { 
text-align: center;
height: 30px; line-height: 30px; 
	}


table.note div.border { 
	height: 2px; 
	background-color: #ff8c00; 
	}

.re { color: #ff0000; } 
.be { color: #0000ff; }

td { vertical-align: top; }



div.turn { width: 100%; 
	overflow: hidden; 
clear:both;}

div.turn { list-style-type: none; margin: 0 auto; padding: 0; font-size: medium; }

div.back { margin-right: 2px; margin-left: 2px; float: left; margin-bottom: 5px; 
background-color: #ffcc66;
text-align: center; font-weight: bold; border-radius: 1000px;
border: #ff8c00 solid 2px; width: 100px; height: 25px; line-height: 25px; }

div.back a { text-decoration: none; display: block; border-radius: 1000px; color: #555555;
width: 100%; height: 25px; line-height: 25px; }
div.back a:hover { background-color: #555555; color: #ffa500; width: 100%; height: 25px; line-height: 25px; }

div.next { margin-right: 2px; margin-left: 2px; float: right; margin-bottom: 5px; 
background-color: #ffcc66;
text-align: center; font-weight: bold; border-radius: 1000px;
border: #ff8c00 solid 2px; width: 100px; height: 25px; line-height: 25px; }

div.next a { text-decoration: none; display: block; border-radius: 1000px; color: #555555;
width: 100%; height: 25px; line-height: 25px; }
div.next a:hover { background-color: #555555; color: #ffa500; width: 100%; height: 25px; line-height: 25px; }

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

div.conta { 
	width: 98%; 
	}
div.page { 
	width: 99%; 
	}
div.wri { width: 99%; }

div.main { 
	float: none; 
	width: 100%; 
	}
div.navi { 
	float: none; 
	width: 100%; clear: both; 
	}

div.tvs li.tvsb { width: 47%; }

div.tvs li.tvsg { width: 47%; }


}


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

div.tvs li.tvsb { width: 98%; }

div.tvs li.tvsg { width: 98%; }

}