/* CSS Document */
/*DESENVOLVIDO POR VITALVES*/

@import 'https://fonts.googleapis.com/css?family=Lato:400,700';

/*padrões*/
body {
   margin: 0px;
   padding: 0px;
   color: #FFF;
   font-family: Lato, Tahoma, Arial, Geneva, sans-serif;
   font-size: 13px;
   line-height: 1.5em; 
   background: rgb(0, 0, 0);
   background: -moz-linear-gradient(90deg, rgb(0, 0, 0) 0%, rgb(84, 84, 84) 100%);
   background: -webkit-linear-gradient(90deg, rgb(0, 0, 0) 0%, rgb(84, 84, 84) 100%);
   background: -o-linear-gradient(90deg, rgb(0, 0, 0) 0%, rgb(84, 84, 84) 100%);
   background: -ms-linear-gradient(90deg, rgb(0, 0, 0) 0%, rgb(84, 84, 84) 100%);
   background: linear-gradient(180deg, rgb(0, 0, 0) 0%, rgb(84, 84, 84) 100%);
}

a, a:link, a:visited { color:#40ABDD; text-decoration: none; }
a:hover { text-decoration: none; }

p { margin: 0px; padding: 0; }
img { border: none; }

li { list-style-type:none; }

h1, h2, h3, h4, h5, h6 { color: #FFF; }
h1 { font-size: 40px; font-weight: normal; margin: 0 0 30px 0; padding: 5px 0; }
h2 { font-size: 28px; font-weight: normal; margin: 0 0 30px 0; padding: 0; color: #FFF; }
h3 { font-size: 21px; margin: 0 0 15px 0; padding: 0; padding: 0; font-weight: bold; }
h4 { font-size: 18px; margin: 0 0 15px 0; padding: 0; }
h5 { font-size: 16px; margin: 0 0 10px 0; padding: 0; }
h6 { font-size: 13px; margin: 0 0 5px 0; padding: 0; color: #FFF; }

hr { color:#FFF; opacity:0.1; border:4px dotted #8F8F8F; position:relative; top:2px; }

/*FIM padrões*/

.clear { clear:both; }

*{ margin:0; padding:0; list-style-type:none; text-decoration:none; }
a{ color:#FCB63C; }
.titulo {
   color: #FFF;
   font-size: 24px;
   margin: 30px 14px;
   text-shadow: 0px 2px 3px rgba(155, 155, 160, 1);
   text-transform: uppercase;
}
#container {
   max-width:1100px;
   min-width: 470px;
   height:auto; 
   border-top: 2px solid #222;
   margin:0 auto;
   background: rgb(0, 0, 0);
   background: -moz-linear-gradient(90deg, rgb(0, 0, 0) 0%, rgb(84, 84, 84) 100%);
   background: -webkit-linear-gradient(90deg, rgb(0, 0, 0) 0%, rgb(84, 84, 84) 100%);
   background: -o-linear-gradient(90deg, rgb(0, 0, 0) 0%, rgb(84, 84, 84) 100%);
   background: -ms-linear-gradient(90deg, rgb(0, 0, 0) 0%, rgb(84, 84, 84) 100%);
   background: linear-gradient(180deg, rgb(0, 0, 0) 0%, rgb(84, 84, 84) 100%);
   border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px;
}

header .topo {
   width: 100%;
   height: 100px;
   margin-bottom: 75px;
}
header .topo h1 {
   text-align: center;
   font-size: 30px;
   text-transform: uppercase;
   line-height: 75px;
}
#conteudo .modelo {
   float: left;
   width: 50%;
   height: auto;
}
#conteudo .modelo img {
   width: 100%;
   height: auto;
   border-bottom-right-radius: 5px;
}

#conteudo .texto {
   float: left;
   width: 50%;
   height: auto;
}

#conteudo .texto h2 {
   margin: 50px 5px;
   text-align: center;
   font-size: 30px;
   line-height: 32px;
   color:#FCB63C;
}
#conteudo .texto h3 {
   margin: 80px 20px 5px 20px;
   text-align: center;
   font-size: 34px;
   line-height: 34px;
   color:#FFF;
}
#conteudo .texto h1 {
   margin: 80px 20px 5px 20px;
   text-align: center;
   font-size: 35px;
   line-height: 30px;
   color:#FFF;
}
#conteudo .buttom {
   width: 80%;
   margin: 10px auto;
   text-align: center;
   font-size: 40px;
   background:#FCB63C;
   border-radius: 3px;
}
#conteudo .buttom:hover {
   background:#FCB000;

}
#conteudo .buttom a{
   color:#ff3333;
   padding: 30px 20px;
   font-weight: 800;
   display: block;
}
#conteudo .buttom a:hover{
   color:#F00;
}

#conteudo .texto p {
   width: 100%;
   height: auto
}

/* publicidade */
.cnt-pub{
	margin: 0 auto;
    max-width: 1200px;
}
.pub{
	float: left;
   width: 26.5%;
   height: auto;
   margin: 20px 0px 20px 4.5%;
}

#localizacao {
   margin: 20px auto !important;
   height: auto;
   background: transparent;
}
#localizacao p {
   font-size: 14px;
   color: #FFF;
   text-align: center;
   margin:5px 2px;
}
#localizacao iframe {
   margin: 2px 2%;
   width: 96% !important;
   height: 435px !important;
}
#fale-conosco {
   width: 97%;
   height: auto;
   margin: 40px auto;
}

/*FORMULARIO DE CONTATO*/
form{
   padding: 15px; 
   background: transparent; 
}
form p {
   margin-bottom: 15px;
   text-align: center;
   color: #FFF;
   text-transform: uppercase;
}
form .label{
   display: block;
   margin-bottom: 15px;
   color:#FFF;
   text-transform: uppercase;
}
form .field{
   display: block;
   margin-bottom: 5px;
   font-weight: 700;
}
form label input, form label select, form label textarea {
   padding: 10px; 
   border: 3px solid #ccc; 
   width: 97%; 
   font-size: 16px; 
   font-family: 'Trebuchet MS', sans-serif; 
   font-weight: initial;
   color: #006699;
}
.btn{
   padding: 7px 62px;
   border: 3px solid #999;
   background: #000;
   text-transform: uppercase;
   font-weight: bold;
   cursor: pointer;
   font-size: 1.2em; 
   color: #fff;
}
.btn:hover {
   color: #FFF;
   border:3px solid #888;
   background: #111;
}

/*FORMULARIO DE CONTATO*/

/*TAGS*/
.tags {
   width: 95%;
   height: auto;
   margin: 0px auto;
}
.tags p{
   margin-top: -20px;
   font-size: 14px;
}
/*TAGS*/

/*FOOTER*/

footer{
   padding-bottom: 20px;
}

/*FOOTER*/


/*MENSAGENS DO SISTEM*/
.trigger{padding: 15px 15px 15px 40px; background: #eee; font-size: 14px; margin-bottom: 15px;}
.trigger a{font-weight: 600; font-size: 12px; text-transform: uppercase; padding: 5px 15px; background: #069; color: #fff;}
.trigger a:hover{background: #09f; color: #fff;}

.accept{background: #71ca73 url(../icons/accept.png) center left 10px no-repeat}
.infor{background:  #c8dbfd url(../icons/infor.png) center left 10px no-repeat}
.alert{background:  #faf7b7 url(../icons/alert.png) center left 10px no-repeat}
.error{background:  #ffafaf url(../icons/error.png) center left 10px no-repeat}



/***** MOBILE *****/
@media (max-width:1000px) {
   /* menu */
   #menu ul li {
      font-size:14px;
   }

   /* publicidade */
   .pub{
      float: none;
      width: 90%;
   }
   .pub img{
      width: 100%;
   }
}
@media (max-width:990px) {
   #conteudo .texto .traco {
      display: none;
   }
      #conteudo .texto h2 {
         margin: 10px 10px 5px 10px;
         font-size: 30px;
      }
      #conteudo .texto h3 {
         margin: 30px 10px 5px 10px;
         font-size: 16px;
         line-height: 20px;
      }
}
@media (max-width:550px) {
      #container{
         max-width: 100% !important;
         min-width: 100% !important;
      }
      #conteudo .modelo{
         float: none;
         width: 100%;
      }
      #conteudo .texto{
         float: none;
         width: 100%;
      }
      #conteudo .texto h2 {
         margin: 10px 8px 8px 8px;
         font-size: 20px;
         line-height: 22px;
      }
      #conteudo .texto h1 {
         margin: 20px 10px 10px 10px;
         font-size: 30px;
         line-height: 30px;
      }
}