body
{
background-color: #cc6633;
background-image: url('graficos/_bg01.jpg');
background-repeat: repeat;
color: #9e6a51;
font-family: Roboto, Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
margin: 0px;
padding: 0px;
width:: 100%;
height: 100%;
}

h1
{
font-family: Ballet, Tahoma, cursive;
color: #9e6a51;
font-size: 40px;
font-weight: bold;
letter-spacing: 3px;
text-align: center;
margin: 20px 0px;
padding: 0px;
text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5), 1px 0px 0px rgba(153, 51, 0, 0.8);
}
h2
{
font-family: Ballet, Tahoma, cursive;
color: #9e6a51;
font-size: 30px;
font-weight: bold;
letter-spacing: 2px;
text-align: center;
margin: 10px;
padding: 0px;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
h3
{
font-family: Ballet, Tahoma, cursive;
color: #9e6a51;
font-size: 26px;
font-weight: bold;
letter-spacing: 2px;
text-align: center;
margin: 8px;
padding: 0px;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

a {font-family: Roboto, Arial, Helvetica, sans-serif;}
a:link {text-decoration: none; color: #CC3300; font-weight: bold; cursor: pointer;}
a:visited {text-decoration: none; color: #CC3300; font-weight: bold; cursor: pointer;} 
a:active {text-decoration: none; color: #FF0000; font-weight: bold; cursor: pointer;}
a:hover {text-decoration: none; color: #FF0000; font-weight: bold; cursor: pointer;}

p
{
text-align: justify;
text-indent: 0px;
padding: 0px;
margin: 0px 0px 10px 0px;
}

ul
{
list-style-image: url('graficos/_marcador.png');
text-align: justify;
margin: 0px 0px 5px 0px;
}

hr
{
width: 90%;
border: 2px solid rgba(153, 51, 0, 0.3);
border-radius: 5px;
padding: 0px;
}

* 
{
box-sizing: border-box;
}


.pagina
{
max-width: 1300px;
margin: auto;
}


.abertura
{
width: 100%;
background-image: url('graficos/_bg04.jpg');
background-position: center;
background-repeat: no-repeat;
box-shadow: 0px 0px 10px 2px rgba(51, 0, 0, 0.8) inset, 3px 5px 10px 2px rgba(51, 0, 0, 0.6);
height: 150px;
position: relative;
text-align: center;
margin: 0px;
padding: 0px;
}

.idioma
{
position: absolute;
top: 9px;
right: 7px;
font-size: 16px;
text-decoration: none;
font-weight: bold;
background-color: #fff0c3;
box-shadow: -2px -2px 10px 1px rgba(153, 51, 0, 1) inset, 2px 3px 5px 2px rgba(51, 0, 0, 0.6);
padding: 5px;
border-radius: 15px;
margin: 0px;
}


.menu
{
position: relative;
overflow: auto;
text-align: center;
width: 100%;
margin: 0px;
padding: 5px;
height: auto;
background-color: #fff0c3;
box-shadow: -2px -2px 10px 1px rgba(153, 51, 0, 1) inset, 3px 3px 5px 2px rgba(51, 0, 0, 0.6);
}
.menu a
{
display: inline-block;
font-size: 20px;
text-align: center;
text-decoration: none;
font-weight: bold;
padding: 0px;
margin: 0px;
}


.section
{
width: 100%;
overflow: auto;
background-color: rgba(255, 252, 217, 0.8);
box-shadow: -1px -3px 10px 2px rgba(153, 51, 0, 0.9) inset, 3px 3px 10px 2px rgba(51, 0, 0, 0.6);
margin: 0px;
padding: 3px;
text-align: center;
}

.box 
{
display: inline-block;
background-color: rgba(255, 255, 255, 0.7);
min-width: 300px;
max-width: 350px;
vertical-align: top;
box-shadow: 1px 1px 10px 0px rgba(153, 51, 0, 0.8), -1px -1px 10px 0px rgba(255, 255, 255, 0.8);
padding: 5px;
margin: 10px 10px;
border-radius: 15px;
}
.IMGbox
{
border-radius: 15px 15px 0px 0px;
margin: 0px;
padding: 0px;
}
.box p
{
text-align: center;
}
.box a
{
display: block;
font-size: 20px;
text-align: center;
text-decoration: none;
font-weight: bold;
margin: 5px;
}

.boxround
{
background-color: rgba(255, 255, 255, 0.7);
display: inline-block;
vertical-align: middle;
box-shadow: 1px 1px 10px 0px rgba(153, 51, 0, 0.8), -1px -1px 10px 0px rgba(255, 255, 255, 0.8);
padding: 20px;
margin: 20px 10px;
border-radius: 50%;
}
.IMGround
{
border-radius: 50%;
margin: 0px;
padding: 0px;
vertical-align: top;
box-shadow: 1px 1px 10px 0px rgba(153, 51, 0, 0.8), -1px -1px 10px 0px rgba(255, 255, 255, 0.8);
}

.boxtext
{
display: inline-block;
background-color: rgba(255, 255, 255, 0.7);
min-width: 300px;
max-width: 500px;
vertical-align: top;
box-shadow: 1px 1px 10px 0px rgba(153, 51, 0, 0.8), -1px -1px 10px 0px rgba(255, 255, 255, 0.8);
padding: 20px;
margin: 10px 10px;
border-radius: 15px;
}

.boxarte
{
display: inline-block;
background-color: rgba(255, 255, 255, 0.7);
min-width: 200px;
max-width: 300px;
vertical-align: top;
box-shadow: 1px 1px 10px 0px rgba(153, 51, 0, 0.8), -1px -1px 10px 0px rgba(255, 255, 255, 0.8);
padding: 0px;
margin: 10px 10px;
}
.arte
{
margin: 0px;
padding: 0px;
}
.textoarte
{
margin: 0px;
padding: 10px;
}

.moldura
{
width: 100%;
height: 48px;
background-image: url('graficos/_bg04b.jpg');
background-repeat: repeat;
background-position:top;
margin: 0px;
padding: 0px 0px;
box-shadow: 0px -3px 8px 1px rgba(51, 0, 0, 0.8) inset, 3px 8px 10px 2px rgba(51, 0, 0, 0.6);
}

.rodape
{
width: 100%;
overflow: auto;
margin: 0px;
padding: 0px 10px;
text-align: center;
font-size: 18px;
text-align: center;
}

.boxcopyright
{
position: relative;
text-align: center;
margin: 10px 5px;
padding: 5px;
color: #64261A;
text-shadow: 0px 0px 6px 3px rgba(255, 255, 255, 0.7);
}

.boxrodape
{
display: inline-block;
vertical-align: top;
color: #993300;
min-width: 300px;
max-width: 500px;
background-color: rgba(255, 240, 195, 0.7);
padding: 20px;
margin: 20px 10px;
}