html	{ height:100%; overflow-y:scroll; width:100%; }
body	{ margin:0; padding:0; border:0; height:100%; width:100%; color:#fff; font-family:verdana,arial,helvetica; font-size:1.3em; line-height:130%; }
a	{ color:#006; text-decoration:none; font-weight:bold; }
a:hover	{ color:#600; }
form	{ padding:0; margin:0; }
h1	{ color:#fff; font-size:2em; line-height:130%; margin:0; }
img	{ border:none; }
*, *:before, *:after { box-sizing:inherit; /* padding dentro de width em todos os browsers */ }
#header, #footer{ background:#003; color:#b6b6b6; font-size:0.8em; padding:5px; }
#header a, #footer a { color:#ffffff; }
#menu 	{ background:#f60; font-size:0.8em; padding:5px; }
#menu a { color:#fff; }
#l1	{ background:#f60; color:#b6b6b6; }
#l1 div	{ width:80%; margin-left:auto; margin-right:auto; }
#l2	{ background:#fff; color:#212121; }
#cont	{ width:80%; margin-left:auto; margin-right:auto; margin-bottom:20px; margin-top:20px; }
#tit	{ padding-bottom:10px; padding-top:20px; }
#subtit	{ color:#fff; padding-bottom:20px; }
#colesq	{ float:left; position:relative; padding-top:5px; width:30%; margin-bottom:20px; }
#coldir	{ float:right; position:relative; padding-top:5px; width:30%; margin-bottom:20px; }
.imgesq	{ float:left; position:relative; padding-top:5px; width:30%; margin-bottom:20px; }
.imgdir	{ float:right; position:relative; padding-top:5px; width:30%; margin-bottom:20px; }
#colesq img, #coldir img { border:1px solid #000; width:100%; }
.imgesq img, .imgdir img { border:1px solid #000; width:100%; }
#txt	{ margin-left:auto; margin-right:auto; width:35%; }
#txt p	{ margin:0; margin-bottom:20px; }
.txt2	{ margin-left:auto; margin-right:auto; width:35%; }
.br	{ color:#fff; }
.clear	{ clear:both; }
.card
{
	padding:15px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
@media screen and (min-width:401px) and (max-width:800px)
{
#colesq, #coldir { float:none; padding-top:5px; width:100%; }
.imgesq, .imgdir { float:none; padding-top:5px; width:100%; }
h1	{ font-size:1.75em; }
#foto	{ width:20%; }
#txt	{ width:75%; }
.txt2	{ width:75%; }
}
@media screen and (max-width:400px)
{
#colesq, #coldir { float:none; padding-top:5px; width:100%; }
.imgesq, .imgdir { float:none; padding-top:5px; width:100%; }
h1	{ font-size:1.5em; }
#foto, 
#txt	{ width:100%;}
.txt2	{ width:100%;}
}