*{margin:0; padding:0}
html{overflow-y:scroll}
body{width:98%;max-width:950px;font:1em/1.5em verdana,helvetica,sans-serif;color:#333;margin:1% auto}
h1{font:bold 1.3em/1.6em verdana,helvetica,sans-serif}
h2{font:bold 1.1em/1.4em verdana,helvetica,sans-serif}
h3{font:bold .95em/1.4em verdana,helvetica,sans-serif;color:#026785}
a{color:#3A84C0;text-decoration:none}
a:hover{text-decoration:none;color:#fff;background-color:#06356B}
blockquote{margin:2% 5%}
pre{font-family:"Courier New",courier; font-size:.85em; line-height:1em; margin:2%}
#header,#main{float:right; width:96%; max-width:960px; margin:1%; padding:2% 0; z-index:20;margin-left:50%}
#main{max-width:800px}
#footer{font-size:.8em;text-align:center;padding:2% 0}
.b{font-weight:bold}
.b0{border:0}
.bg_blue{background-color:#6479A0}
.bg_gray{background-color:#B2CCCC; border:1px solid #ccc; border-radius:3px}
.bg_green{background-color:green; border:1px solid #ccc; border-radius:3px}
.bg_red{background-color:red; border:1px solid #ccc; border-radius:3px}
.hidx{height:1px;width:1px;overflow:hidden}
.test{color:red;font-size:1.5em}
.bggray{background-color:#ccc}
.bgwhite{background-color:#fff}
.blue{color:blue}
.botao{background-color:#BCD; color:#233; font-weight:bold; border:0; padding:5px; margin-top:5px}
.center{margin:2px auto}
.clear{clear:both; height:1px}
.comment{float:left; margin:0 0 .5% 4%; line-height:1.1em; font-family:"Courier New",Courier,monospace; font-size:.93em;clear:both}
.courier{font-family:"Courier New",Courier,monospace}
.distr{background-color:transparent; font-size:1em; color:#000; float:left; border:0; padding:0; margin:0}
.distr:hover{background-color:red; color:#fff}
.dmod{width:80px; font-size:.8em}
.fits_search{display:inline; width:140px; height:25px; text-align:center; font-size:1em; color:blue; letter-spacing:2.5px}
.fl{float:left}
.fr,.fri{float:right}
.gray{color:gray}
.h15{height:15px}
.h25{height:25px}
.ha{line-height:45px}
.hin{height:25px}
.hrhead{border:0;background-color:#999;height:2px;margin:1% 0}
.hta{height:200px}
.img_resp{width:98%; min-width:290px; max-width:1280px; height:auto}
.in{border:0; font-family:"Courier New",Courier,monospace; font-size:.9em; color:#3A455A; background:#BFC8D9; padding:2px}
.indent{margin:2% 0 2% 4%}
.inline{display:inline}
.logo{background:url(img/m31.jpg); background-repeat:no-repeat; width:200px; height:150px}
.mailok{width:98%; max-width:250px; margin:2% auto; background-color:#ddd; font-size:.9em; padding:10px}
.menu{float:right; margin-top:5px; clear:both; list-style:none; z-index:20;line-height:1.8em}
	.menu li{position:relative; width:170px}
	.menu li a{font-size:.9em; color:#999; text-decoration:none; padding:6px 0}
	.menu li a:hover{background:#333; color:#fff}
	.menu li ul li ul{z-index:40; top:0; left:110px; background:#eaeaea}
	.menu li ul li{height:35px; padding-top:10px; border:1px solid #c0c0c0; border-radius:3px; display:block; width:120px}
	.menu li ul li:hover{background:#333; color:#000}
	.menu li ul{position:absolute; top: 20px; left:0; font-size:.9em; background-color:#fff; display:none; z-index:90}
	.menu li:hover ul ul{display:none}
	.menu li:hover ul,.menu li ul li:hover ul,.menu li.over ul,.menu li ul li.over ul{display:block}
.mform{color:#fff; font-weight:600}
.mmail,.mmail:hover{float:right; margin:0 0 10px 0; color:#fff; background-color:#fff}
.mr5{margin-right:5px}
.breit{max-width:500px}
.p09{font-size:.9em}
.parametro{border:1px solid #c0c0c0; border-radius:3px; width:600px; float:left}
.pcit{float:right; width:22%; font-size:.8em; padding:1% 0 0 2%}
.pmenor{font-size:.7em}
.pmenortit{color:#000; font-size:.7em; letter-spacing:.6px}
.ptit{float:right; width:70%;font-size:.8em; padding:5px; border-right:1px solid #999}
.pubbox{float:right;margin:15px 0; width:100%; text-align:right}
.red{color:red}
.rotasul{font-size:.85em;color:#333;text-decoration:none}
.text_left{text-align:left}
.tit{font-size:1.5em; letter-spacing:1.8px; clear:both}
.w{width:98%; max-width:500px}
.w120{width:110px; font-size:.8em}
.w150{width:150px; font-size:.8em}
.w300{width:98%; max-width:320px; padding:1%}
.w400{width:98%; max-width:400px}
.white{color:#fff}
.wlog{width:98%; max-width:250px}

@media screen and (max-width:360px){
	#header,#main,#footer{float:left; padding:1% 0;margin:.5%}
	.fri{float:none; clear:both}
	.hrhead{width:100%}
	.mform{font-weight:normal}
	.logo{background:url(img/0.jpg)no-repeat; width:2px; height:2px}
	.mmail,.mmail:hover{float:left}
	.menu{line-height:2em; width:80%}
	.mr5{margin-right:5px; float:none; clear:both}
	.tit{font-size:1.3em; letter-spacing:1.3px}
	.pcit{font-size:.85em;line-height:normal;padding-top:2%; font-family: "Trebuchet MS", Helvetica, sans-serif;font-weight:bold}
}