body
{
text-align: center;
margin: 0px;
color:#000000;
font-family: Century Gothic, Arial;
/*letter-spacing:0.1pt;*/
background-color: #FFFFFF;
}
#GridView1
{
width:85%; 
min-width:250px;
}
#geral
{
text-align:center;
margin:0px;
padding:0px;
height:auto;
}
#content
{
text-align:center;
margin:auto;
padding:0px;
height:auto;
width:100%;
}
.Mch
{
position:absolute;
top:4%;
left:8%;
width:10%;
}
.Rai
{
border-radius:10px;
}
#Menu1
{
width:30px;
margin:20px 10px 10px 15px;
cursor:pointer;
display:inline-block;
}
#Menu2
{
width:30px;
margin:20px 10px 10px 15px;
cursor:pointer;
display:none;
}
#Menu11
{
width:150px;
height:0px;
background-color:#FFFFFF;
display:inline-block;
position:absolute;
overflow:hidden;
padding:0px 0px 0px 20px;
z-index:50;
box-shadow:1px 1px 0px #000000;
}
#Top
{
display:none;
width:100%;
}
#Top1
{
padding:10px 0px 10px 0px;
width:100%;
/*background-color:#FFFFFF;*/
color:#000000;
}
.Div1
{
/*background:linear-gradient(#FFFFFF, #FFFFFF);
background-color:#FFFFFF;*/
padding:0px 4px 4px 0px;
}
.Div2
{
background-color: #800000;
}
.bt1
{
background-color:#800000;
border-radius: 5px;
color: #FFFFFF;
cursor: pointer;
}
.bt1:hover
{
background-color: #DD9FDD;
cursor: pointer;
}
.rotulo
{
font-size:15pt;
}
.cbc
{
font-size:70pt;
letter-spacing:3px;
text-shadow:0px 0px 0px #800000;
}
.let
{
font-size:12pt;
}
.let1
{
width:40%;
position:absolute;
}
.let2
{
font-size:50pt;
text-shadow:0px 0px 0px #993399;
}

/*Init query*/
@media(max-width:850px)
{
.Mch
{
position: absolute;
top:6%;
left:3%;
width:75px;
}
}
@media(max-width:750px)
{
#GridView1
{
width:90%; 
min-width:250px;
}   
body
{
text-align: center;
margin: 0px;
color:#000000;
font-family:Century Gothic, Arial;
background-color: #FFFFFF;
font-size:9pt;
}
#content
{
text-align:center;
margin:auto;
padding:0px;
height:auto;
width:100%;
}
#Tabua
{
display:none;
}
.let
{
font-size:13pt;
}
.let2
{
font-size:30pt;
}
#Top
{
display:block;
}
#Top1
{
display:none;
}
.Mch
{
display:none;
}
}
@media(max-width:350px)
{
#GridView1
{
width:90%; 
min-width:250px;
}
#content
{
text-align:center;
margin:auto;
padding:0px;
height:auto;
width:100%;
}
.rotulo
{
font-size:10pt;
}
body
{
text-align: center;
margin: 0px;
color:#000000;
font-family:Century Gothic, Arial;
background-color: #FFFFFF;
font-size:9pt;
}
.cbc
{
font-size:20pt;
}
.let
{
font-size:10pt;
}
.let2
{
font-size:25pt;
}
}