<style>
/* overflow=controle estouro da seção (uso de barra rolagem) */
/* float=alinhamento */
/* ------------- */
* {
  padding: 0;
  margin: 0;
  border: 0;
}
@viewport {
  width: device-width;
  zoom: 1;
}
@-ms-viewport{
  width: device-width;
}
@-o-viewport {
  width: device-width;
}
/* configuracoes emporiobrasil */
body, html, iframe{
   margin:0;
   padding:0;
   font-size: 100%;
}
img, embed, object, video {
   max-width: 100%;
   height:auto;
}
pre {
    display: block;
    font-family: monospace;
    white-space: pre;
    margin: 1em 0;
}
a { 
   text-decoration: none; 
   outline: none;
}
a:hover, a:active, a:focus {
    // estilos para qualquer link
}
header {
   background: #ffffff;
   color:white;
   overflow:auto;
}
footer {
   background: #aaa;
   color:white;
   overflow:auto;
}
.radio-audio:hover, .radio-audio:focus, .radio-audio:active {
    -webkit-box-shadow: 15px 15px 20px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 15px 15px 20px rgba(0, 0, 0, 0.4);
    box-shadow: 15px 15px 20px rgba(0, 0, 0, 0.4);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05);
}

.radio-audio {
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -moz-box-shadow: 2px 2px 4px 0px #006773;
    -webkit-box-shadow: 2px 2px 4px 0px #006773;
    box-shadow: 2px 2px 4px 0px #006773;
    -moz-border-radius: 7px 7px 7px 7px;
    -webkit-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;
}
article {
   display: block;
   width: auto;
   float: none;
   margin:0 auto;
   overflow:auto;
   text-align: left;
}
.title {
    transform: rotate(30deg);
}
.container {
   width: auto;
   margin:0 auto;
}
.content {
   width: auto;
   margin:0 auto;
}
.content_1_5 {
   /* Largura */           width:20%;
   /* Alinha à esquerda */ float:left;
   overflow:auto;
}
.content_1_4 {
   /* Largura */           width:25%;
   /* Alinha à esquerda */ float:left;
   overflow:auto;
}
.content_1_3 {
   /* Largura */           width:33,33%;
   /* Alinha à esquerda */ float:left;
   overflow:auto;
}
.content_1_2 {
   /* Largura */           width:50%;
   /* Alinha à esquerda */ float:left;
   overflow:auto;
}


.Letra10a {color: #000000; font-size: 10px; font-family: Verdana, Arial, Times;}
.Letra10b {color: #000000; font-size: 10px; font-weight: bold; font-family: Verdana, Arial, Times;}
.Letra10c {color: #ffffff; font-size: 10px; font-weight: bold; font-family: Verdana, Arial, Times;}
.Letra11a {color: #000000; font-size: 11px; font-family: Verdana, Arial, Times;}
.Letra11b {color: #000000; font-size: 11px; font-weight: bold; font-family: Verdana, Arial, Times;}
.Letra11c {color: #ffffff; font-size: 11px; font-weight: bold; font-family: Verdana, Arial, Times;}
.Letra11d {color: #ffffff; font-size: 11px; font-family: Verdana, Arial, Times;}
.Letra12a {color: #000000; font-size: 12px; font-family: Verdana, Arial, Times;}
.Letra12b {color: #000000; font-size: 12px; font-weight: bold; font-family: Verdana, Arial, Times;}
.Letra12c {color: #ffffff; font-size: 12px; font-weight: bold; font-family: Verdana, Arial, Times;}
.Letra12d {color: #ffffff; font-size: 12px; font-family: Verdana, Arial, Times;}
.Letra13a {color: #000000; font-size: 13px; font-family: Verdana, Arial, Times;}
.Letra13b {color: #000000; font-size: 13px; font-weight: bold; font-family: Verdana, Arial, Times;}
.Letra14a {color: #000000; font-size: 14px; font-family: Verdana, Arial, Times;}
.Letra14b {color: #000000; font-size: 14px; font-weight: bold; font-family: Verdana, Arial, Times;}
.Letra14c {color: #ffffff; font-size: 14px; font-weight: bold; font-family: Verdana, Arial, Times;}
.Letra14d {color: #ffa000; font-size: 14px; font-weight: bold; font-family: Verdana, Arial, Times;}
.Letra16a {color: #000000; font-size: 16px; font-family: Verdana, Arial, Times;}
.Letra16b {color: #000000; font-size: 16px; font-weight: bold; font-family: Verdana, Arial, Times;}
.Letra16c {color: #ffffff; font-size: 16px; font-weight: bold; font-family: Verdana, Arial, Times;}
.Letra16d {color: #ffa000; font-size: 16px; font-weight: bold; font-family: Verdana, Arial, Times;}
.Letra18a {color: #000000; font-size: 18px; font-family: Verdana, Arial, Times;}
.Letra18b {color: #000000; font-size: 18px; font-weight: bold; font-family: Verdana, Arial, Times;}
.Letra18c {color: #ffffff; font-size: 18px; font-weight: bold; font-family: Verdana, Arial, Times;}
.Letra18d {color: #ffffff; font-size: 18px; font-family: Verdana, Arial, Times;}
.Letra20a {color: #000000; font-size: 20px; font-family: Verdana, Arial, Times;}
.Letra20b {color: #000000; font-size: 20px; font-weight: bold; font-family: Verdana, Arial, Times;}
.Letra20c {color: #ffffff; font-size: 20px; font-weight: bold; font-family: Verdana, Arial, Times;}
.Letra28a {color: #000000; font-size: 28px; font-family: Verdana, Arial, Times;}
.Letra28b {color: #000000; font-size: 28px; font-weight: bold; font-family: Verdana, Arial, Times;}
.Letra28c {color: #ffffff; font-size: 28px; font-weight: bold; font-family: Verdana, Arial, Times;}


.barra {
padding: 1px;
background-color: #ffffff;
background: url(./imagens/barra1.png);
background-repeat: repeat;
}

</style>
