@media handheld{
	body{
		font-family:Arial, Helvetica, sans-serif;
		font-size:100%;
	}
	#pg{
		border:1px solid
	}
	#menutop img, iframe, #rgtbar{
		display:none
	}
}
@media screen{
	
	body{
		font-family:"Arial", sans-serif;
		font-size:70%;
		background:url('http://www.megaflog.com.br/imagens/site/bg-body.gif')
	}
	form{margin:0; padding:0}
	
	#pg{
		position: relative;
		width:776px;
		left:50%;
		margin:0 0 0 -389px;
		border: 1px solid #000;
		background: #FFF url('http://www.megaflog.com.br/imagens/site/bg-pg.gif')
	}
	.lnk-tit, #frmlogin, #bntp{
		background: #EAEAF8;
	}
	.lnk-tit, #bntp{
		padding-right:25px;
		border-bottom: 1px solid #999;
	}
	#bntp{
		padding: 5px 10px;
		text-align: center
	}
	#topo{
		height: 111px;
		border-bottom: 2px solid white
	}
	#logo{
		width:170px;
		height:111px;
		display:block;
		background: url('http://www.megaflog.com.br/imagens/site/logo.jpg')
	}
	#logo span{
		display:none
	}
	#menutop{
		width: 595px;
		height: 63px;
		padding: 5px;
		background: #B6B6E7;
		border-bottom: 2px solid white
	}
	#frmlogin{
		width: 575px;
		height: 28px;
		padding: 8px 0 0 20px
	}
	#lftbar{
		width:170px
	}
	
	
	#alerta{
		display:block;
		font-size:120%;
		margin-bottom:10px;
		color:#333;
		font-weight:bold
	}
	#alerta img{
		border:0;
		margin:0 10px
	}
		
		#googlelinks{
		width: 472px;
		background: white
	}
	
	
	#conteudo{
		width: 452px;
		padding: 0 10px;
		background: white
	}
	#rgtbar{
		width:134px;
		text-align:center
	}
	#bnbottom{
		float: left;
		height: 110px;
		border: 4px solid #66C;
		background: white;
		margin-top: 5px;
		text-align: center;
	}
	#rodape{
		float: left;
		width:100%;
		background: white url('http://www.megaflog.com.br/imagens/site/bg-foot.png');
		padding: 10px 0 15px 0
	}
	#navdwn{
		width: 291px;
		margin: 0 auto 5px auto
	}
	
	
	
	
	
	
	h1,h2,h3,h4,h5,h6{
		margin:0
	}
	.head1{
		display:block;
		height: 23px;
		line-height: 23px;
		background: #66C;
		color: white;
		font-size:120%;
		padding-left:10px;
		text-align:left
	}
	.head2{
		display:block;
		height: 23px;
		line-height: 23px;
		border: 1px solid #306;
		background: url('http://www.megaflog.com.br/imagens/site/im-b.png');
		font-size:150%;
		color: white;
		padding-left:10px
	}
	.head3{
		background:#99C;
		font-size:210%;
		font-weight:bold
	}
	.txbranco{
		color:#FFF
	}
	.txamarelo{
		color:#FF0
	}
	.txpreto{
		color:#000
	}
	.txbld{
		font-weight:bold
	}
	.txsm,.txsmB{
		font-size:80%;
	}
	.txsmB{
		font-size:95%;
		font-weight:bold
	}
	.txverdeB {
		color: #060;
		font-weight: bold;
		border-bottom: thin solid #060
	}
	.txvioleta{
		color:#60F;
	}
	
	
	
	
	.lnkopt, .btm, #btmok, #menu-logado a{
		color: white;
		background:#F60
	}
	.lnkopt{
		display:block;
		width:90px;
		height:18px;
		line-height: 18px;
		text-align:center;
		font-weight:bold;
		border-width:1px;
		border-style:outset;
		text-decoration:none
	}
	.lnkopt:hover{
		background:#FF812D
	}
	.btm{
		border:1px outset #FFB07C;
		font-weight:bold;
		color: white;
		font-size:100%;
		height:18px;
	}
	#btpostaltera{
		float:left;
		width:92px;
		height:20px;
		border:0;
		background:url('http://www.megaflog.com.br/imagens/site/bt-edit.gif')
	}
	#btpostexclui{
		float:left;
		margin-left:5px;
		width:54px;
		height:20px;
		border:0;
		background-image:url('http://www.megaflog.com.br/imagens/site/bt-del.gif')
	}
	#btmok{
		color: white;
		background: #093;
		border-color: #093;
		width: 200px;
		height: 30px
	}
	#menutop ul, #menu-logado, #listagens ul{
		list-style-type:none;
		margin:0;
		padding:0
	}
	#menutop ul{
		margin:0 auto;
		width:555px
	}
	#menutop li{
		float:left;
		height:56px;
		width:110px;
	}
	#menutop a{
		display:block;
		padding:3px;
		border-width:1px;
		border-color:#4E4E4E #E6E6E6 #E6E6E6 #4E4E4E;
		border-style:solid;
		background:url('http://www.megaflog.com.br/imagens/site/bt-boff.png');
		font-weight:bold;
		color:#000;
		text-align:center;
		text-decoration:none
	}
	#menutop a:hover{
		background:url('http://www.megaflog.com.br/imagens/site/bt-bon.png')
	}
	#menu-logado a{
		text-decoration:none;
		display:block;
		border-bottom:1px solid #900;
		height:95%;
		padding:2px 0;
		background:#FF8002;
	}
	#menu-logado a:hover{
		background:#FEA201
	}
	#menu-logado img{
		border:0;
		padding:0 8px
	}
	
	
	
	
	
	
	.destaque{
		list-style-type:none;
		margin:10px auto 0 auto;
		padding:0;
		width:163px;
		height:110px;
		background-color:#66C
	}
	.destaque .pic{
		float:left;
		width:104px;
		height:102px;
		margin:3px 0 0 0;
		padding:1px;
		background:white;
		text-align:center;
		letter-spacing:-1px
	}
	.pic-lft{
		float:left;
		width:5px;
		height:110px;
		background-repeat:no-repeat;
		background: url('http://www.megaflog.com.br/imagens/site/pic-gata-lft.gif')
	}
	.pic-rgt{
		float:left;
		width:52px;
		height:110px;
		background-repeat:no-repeat
	}
	#pic-gata{
		background: url('http://www.megaflog.com.br/imagens/site/pic-gata.gif')
	}
	#pic-gato{
		background: url('http://www.megaflog.com.br/imagens/site/pic-gato.gif')
	}
	#pic-foto{
		background: url('http://www.megaflog.com.br/imagens/site/pic-foto.gif')
	}
	
	#vip{
		width:448px;
		height:181px;
		padding:1px;
		background-image:url('http://www.megaflog.com.br/imagens/site/im-vb.png');
		border:1px solid #66C;
		margin:0 0 3px 0
	}
	#vip .vip{
		width:429px;
		margin:3px auto 0 auto
	}
	#listagens ul{
		padding:10px 0 0 0
	}
	#listagens li{
		margin:0 0 10px 0
	}
	#atualizados, #topflog, #novos{
		width:136px;
		padding:1px;
		background-color:#99F;
		border:1px solid #66C
	}
	#atualizados, #topflog{
		margin:0 16px 0 0
	}
	
	.piclist {
		width:123px;
		height:143px;
		margin: 0 auto;
		padding:10px 3px 0 0;
		text-align:center;
		background:url('http://www.megaflog.com.br/imagens/site/pic-bg.gif') center no-repeat
	}
	#vip div .piclist{
		width:133px;
		height:137px;
		padding:18px 0 0 0;
	}
	.piclist2{
		background:url('http://www.megaflog.com.br/imagens/site/pic-bg2.gif') center no-repeat
	}
	.picicon{
		display:block;
		height:15px;
		line-height:15px;
		overflow:hidden;
	}
	.picicon img{
		margin:0;
		padding:0
	}
	#pic-vip1{
		background-image:url('http://www.megaflog.com.br/imagens/site/pic-vip1.jpg');
		background-repeat:no-repeat;
		margin-right:12px
	}
	#pic-vip2{
		background-image:url('http://www.megaflog.com.br/imagens/site/pic-vip2.jpg');
		background-repeat:no-repeat;
		margin-right:12px
	}
	#pic-vip3{
		background-image:url('http://www.megaflog.com.br/imagens/site/pic-vip3.jpg');
		background-repeat:no-repeat
	}
	
	 
	.dthr{
		position:absolute;
		overflow:hidden;
		margin:66px 0 0 39px;
		width:58px;
		height:10px;
		background-image:url('http://www.megaflog.com.br/imagens/site/dt-hr.gif');
		font-size:80%;
		padding: 1px 0 0 5px
	}
	
	
	.frm label{
		width:150px;
		float:left;
		clear:none;
		font-size:95%;
		font-weight:bold
	}
	.frm{
		border:5px solid #99C;
		background:#EAEAF8;
		padding:10px
	}
	.frm div{
		margin-bottom:10px;
	}
	.frm fieldset{
		border:2px solid #CCF;
		margin-bottom:10px;
		padding:15px
	}
	.frm legend{
		font-size:130%;
		font-weight:bold;
		background:#FFF;
		color:#66C;
		padding: 3px
		
	}
	.frm textarea{
		font-size:130%;
	}
	#dwnfrm{
		margin:-11px 0 0 0;
		float:left
	}
	.inpt{
		border: 1px solid #666;
		font-size:100%;
		padding: 1px
	}
	.inpt.focus{
		border: 1px solid #F60
	}
	.thisvip{
		border:2px solid #CCF;
		background-image:url('http://www.megaflog.com.br/imagens/site/bg-vip.gif');
		padding:5px
	}
	
	#navdwn #items{
		background:#F60;
		padding:2px 0 2px 0
	}
	
	
	
	
	
	
	
	.line a{
		font-weight:bold;
		color:#60F
	}
	.line .lnkopt {
		color:#FFF
	}
	.line{
		background:#FFFFE8;
		margin:3px 0 3px 0;
		padding:5px 0 5px 0;
		border:5px solid #FFF;
		height:1% 
	}
	div.line div{
		margin:0
	}
	.line h2{
		width:35px;
		float:left;
		background:#F60;
		font-size:200%;
		color:#FFF;
		padding-left:5px;
		margin:0
	}
	.line .thumb{
		float:left;
		margin-left:5px
	}
	.line .dados{
		max-width:300px;
		float:left;
		margin-left:5px;
	}
	.lst-pagina{
		display:block;
		margin:0 auto;
		width:400px;
		height:25px;
		line-height:25px;
		border:1px solid #333;
		background:#66C;
		text-align:center
	}
	.lst-pagina a{
		color:#FFF;
		font-weight:bold
	}
	.lst-pagina .npagoff{
		padding:0 5px;
		background:#FFF;
		border-bottom:1px solid #CCC;
		font-weight:normal;
		color:#000
	}
	.lst-pagina .npagon{
		padding:0 5px;
		background:#FFC;
		border-bottom:1px solid #F60;
		font-weight:normal;
		color:#000
	}
	
	
	
	.lst-abas{
		list-style-type:none;
		margin:-10px 0 10px 0;
		padding:0
	}
	.lst-abas li{
		float:left;
		width:98px;
		margin:0 3px;
		background:url('http://www.megaflog.com.br/imagens/site/bg-top-aba-on.gif')
	}
	.lst-abas li a{
		display:block;
		color:#FFF;
		height:20px;
		line-height:20px;
		text-align:center;
		text-decoration:none;
		background:url('http://www.megaflog.com.br/imagens/site/bg-top-aba.gif')
	}
	.lst-abas li a:hover{
		background:none
	}

	
	#pop{
		background:#99C url('http://www.megaflog.com.br/imagens/site/bg-pop.jpg');
		padding:0 10px 10px 10px
	}
	#toppop{
		height:70px;
		padding:5px 5px 0 0
	}
	#cntpop div{
		background:#FFF;
		overflow:auto;
		padding:5px;
		height:360px
	}
	
	
	
	
	
	
	.floatleft{
		float:left
	}
	.floatright{
		float:right
	}
	.clearboth{
		clear:both
	}
	.hid{
		display:none
	}
	.boxctr{
		margin:0 auto
	}
	.actr{
		text-align:center
	}
	.argt{
		text-align:right
	}
	.thumb{
		padding:1px;
		background:#FFF;
		border:1px solid #666;
	}
	.dot{
		border:0;
		border-top:1px dashed #999
	}
	.accesskey{
		text-decoration:underline;
	}
	.ico{
		vertical-align: baseline 
	}
	
	.tip{
		background:#FFF;
		border:2px solid #FC0;
		padding:10px
	}
	.alert{
		background:#F66;
		border:1px solid #900;
		color:#FFF;
		font-weight:bold;
		margin:0
	}
	.alert ul{
		display:block;
		text-align:left
	}
	.erro{
		background:#F99
	}
	
	.rtop,.rbottom{
		display:block
	}
	.rtop *,.rbottom *{
		display:block;
		height: 1px;
		overflow: hidden
	}
	.r1{
		margin: 0 5px
	}
	.r2{
		margin: 0 3px
	}
	.r3{
		margin: 0 2px
	}
	.r4{
		margin: 0 1px;
		height: 2px
	}
	.rs1{
		margin: 0 2px
	}
	.rs2{
		margin: 0 1px
	}
}