body {  
      font-family:'roboto',vedana, sans-sherif;
      color: #333  ;
      
}
a:link, a:active, a:visited{
    color: #315e8a;
    text-decoration: none;
}

/* mouse com duplicidade*/
a:hover{
     text-decoration: underline;
}

/* grid de960 px */

.linha {
    width:960px;
    margin: 0 auto;
    overflow: auto;
    padding: 5px 0;
}
.coluna{
    padding: 0 10px;
    float: left;
    }
.col1 {
     width: 60px;
}
.col2 {
    width: 140px;
}
.col3 {
    width: 220px;
}    
.col4 {
    width: 300px;
}
.col5 {
    width: 380px;
}
.col6 {
    width: 460px;
}
.col7 {
    width: 540px;
}
.col8 {
    width: 620px;
}
.col9 {
    width: 700px;
}
.col10 {
    width: 780px;
}
.col11 {
    width: 860px;
}
.col12 {
    width: 940px;
}

/* estilo reutilizaveis */

.sem-padding{
    padding:0 !important;    
}
.sem-margin{
    margin: 0 !important;
}
h1, h2, h3, h4, h5, h6{
    font-weight: 500;
    margin: 15px 0 10px 0;
}
ul li, ol, li{
    margin-bottom: 5px;
}
/* menu */

ul.inline li, ol.inline li{
        display: inline;
        margin-right: 10px

        /* margin-right 10, alterada para caber outro item */
}
ul.inline li:last-child, ol.inline  li:last-child{
    margin-right: 0;
}

ul.sem-marcador, ol.sem-marcador{
     list-style: none;
}
a.botao, input.botao{
    background: #1f3c58;
    padding: 5px 10px;
    border-radius: 3px;
    color:#ebebeb;
    cursor:pointer;
    margin: 5px 0;
    display: inline-block;
    border:none;
}
a.botao:hover, input.botao:hover{
       background: #315e8a ;
       text-decoration: none;
}
img{
    max-width: 100%;
    height: auto;
}
/* estilo layou do site */

.header{
     background: #dee3e6;
     /* cor da barra do logo*/
}

/* logo */

.h1.logo{
    font-weight: 300;
    color: #315e8a;
    letter-spacing: -2px;
}
.conteudo-extra{
    background: #f1f2ea;

}

/*.footer{
    background: #6A5ACD;
*/
.footer{
    background: #6A5ACD;
    color: #ebebeb;
    padding: 20px 0;
    text-align: center;
    font-weight: 500;
}
	


	
	
    /* #1f3c58;*/

    color: #ebebeb
    padding: 20px 0;
    text-align: center;
    font-weight: 500;    
}
.menu{
    text-transform: uppercase;
    text-align: right;
    margin-top: 20px;    
	/* /25 diminui o tmanho da fonte */
} 
.menu li a{
    padding: 5px 5px;
    border-radius: 3px;
	/* /10 diminui o tmanho da fonte */
}
.menu li a:hover{
    text-decoration: none;
    background: #1f3c58;
    color:#ebebeb;
}   
ul.noticias li{
    clear:both;
    display: block;
    overflow: hidden;
    margin-bottom: 20px;
}
ul.noticias li img{
    width: 70px;
    height: auto;
    margin-right: 10px;
    float: left;
}
ul.noticias li h4 {
    margin: -2px 0 5px 0;
    font-weight: 500;
}
ul.noticias li p{
    margin: 5px 0;
    font-weight: 300;
}
ul.noticias li p a{
       font-weight: 500;
}

/* estilizando a pagina de cotatos */ 

.contato label{
    display: block;
    font-size: 13px;
    font-weight:300;
}
.contato input, .contato textarea{
    display: block;
    margin-bottom: 15px;
    padding: 5px 2%;
    width: 96%;
}
.contato textarea{
    height: 150px;
}
.contato input.botao{
    widht: auto;
}

.whatsapp-link {
            position: fixed;
            width:  60px;
            height: 60px;
            bottom: 40px;
            right:  40px;
            background-color: #25d366;
            color: #fff;
            border-radius: 50px;
            text-align: center;
            font-size: 30px;
            box-shadow: 1px 1px 2px #888;
            z-index: 1000;
        }
 
        .fa-whatsapp {
            margin-top: 16px;
        }
		.plano-assinatura {
  background-color: #f9f9f9;
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 10px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.plano-assinatura h3 {
  color: #4CAF50;
  margin-bottom: 15px;
}

.plano-assinatura ul {
  list-style-type: disc;
  padding-left: 20px;
  margin-bottom: 15px;
}

.plano-assinatura .botao {
  display: inline-block;
  background-color: #4CAF50;
  color: white;
  padding: 10px 20px;
  border-radius: 5px;
  text-decoration: none;
  transition: 0.3s;
}

.plano-assinatura .botao:hover {
  background-color: #45a049;
}

.produto img {
    width: 160px;
    height: 160px;
    object-fit: cover;
    display: block;
    margin: 0 auto;
}