/*
    Arquivo         : style.css
    Empresa         : M3 Web - Agência de Criação
    Autor           : Mário da Silva
    Data de criação : 02/11/2016
    Alterado por    : Mário da Silva
    Última alteração: 14/11/2016
    Função          : Gerenciar Layout do website
    Cliente         : Grupo Inox Total
    Observações     : Arquivo recriado, 1a criação feita em Setembro/2016
*/

/*Content*/
.content { width: 92%; margin: 0 4%; padding: 20px 0; }

/*Header*/
.backtop              { position: fixed; z-index: 99; display: none; cursor: pointer; bottom: 15px; right: 25px; text-transform: uppercase; color: #fff; 
                      font-size: 0.8em; color: #fff; padding: 10px; background: rgba(0,0,0,0.5);}
.main_header          { background: #e4e4e4; position: relative; }
.main_header_logo     { font-size: 0; float: left; }
.main_header_logo img { width: 198px; height: 39px; margin-top: 5px; text-align: center; }
.mobile_action        { width: 46px; height: 46px; margin: 10px 0 0 0; float: right; cursor: pointer; 
                      background: #1a5977 url(../img/mobile.png) center center no-repeat ;
                      border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.mobile_action.active { background-color: #000; }
.mobile_action:hover  { background-color: #fff; }

/*Slide*/
.slide                    { background: #222; position: relative; display: block;  }
.slide_controll           { position: absolute; top: 25%; width: 100%;}
.slide_nav                { position: absolute; padding: 5px 15px; font-size: 2em; background: rgba(255,255,255,0.6);
                         cursor: pointer; z-index: 89; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.slide_nav:hover          { background: #007fff; }
.slide_nav.back           { left: 0; margin-left: 5px;  }
.slide_nav.go             { right: 0; margin-right: 5px; }
.slide_item               { display: none;  }
.slide_item.first         { display: block; }
.slide_item_desc          { padding: 15px; text-transform:  uppercase; color: #fff; }
.slide_item_desc h1       { margin-bottom: 10px; font-size: 1.2em; }
.slide_item_desc a        { color: #fff; text-decoration: none; }
.slide_item_desc a:hover  { text-decoration: underline; }
.slide_item_desc .tagline { font-size: 0.875em; color: #bbb; font-weight: 300;  }

/*Representacao*/
.brascheff      { text-align: center; padding: 10px 0 10px 0; }
.destaque_video { height: 100%; padding: 10px; text-align: center; }
.destaque_video { margin: 0 auto; }
.destaque_video iframe { width: 270px; }

/*Ratio*/
.ratio { position: relative; padding-bottom: 56.25%; float: left; width: 100%; height: 0; }
.media {  width: 100%; height: 100%; left: 0; top: 0; }

/*Destinos mais visto*/
.more_news                   { padding: 10px 5px; /*background: url(../img/bg_news.jpg);*/ }
.more_news p                 { font-size: 1em; }
.nossos                      { width: 100%; padding: 5px; background: #007fff; }
.more_news .section_title    { font-size: 1em; text-transform: uppercase; color: #fff; }
.more_news_item              { float: left; width: 100%; background: #fff; margin-top: 20px; box-shadow: 0 0 5px #000; 
                              min-height: 360px; }
.more_news_item img          { width: 100%; margin: 0 auto; top: 0; text-align: center;  }
.more_news_item_desc         { padding: 5px; }
.more_news_item_desc h1      { font-size: 1.5em; top: 5px; text-align: center; padding: 0 2px; }
.more_news_item_desc h2      { font-size: 1em; margin-bottom: 10px; color: #007fff; text-align: center; }
.more_news_item_desc a       { text-decoration: none; color: #007fff; }
.more_news_item_desc a:hover { text-decoration: underline;  }

/*nao encontrei*/
#dontfind_         { display:none; position:fixed; left:0; top:0; z-index:9000; width: 100%; height: 100%; background-color: #333333; }
#dontfind_         { margin: 0 auto; }
#dontfind_ header  { color: #fff; }
#dontfind_ span    { font-size: 0; }
#dontfind_ .fechar { font-weight: bold; font-size: 2em;  color: #fff; }
#dontfind_ a       { text-decoration: none; }

.bestviews h1           { font-size: 1.2em; color: #fff; }
.bestviews h2           { font-size: 1em; color: #fff; }
.letter_form label      { display: block; width: 100%; margin-bottom: 20px; margin-left: 10px; }
.letter_form span       { font-size: 0; }
.letter_form input      { width: 90%; border: none; background: #fff; padding: 10px; margin-top: 5px;
                        font-family: 'Arial', sans-serif; }
.letter_form .btn       { border: none; background: #289cb5; padding: 15px 25px; text-transform: uppercase; font-weight: 600; 
                        font-size: 0.875em; float: right; margin-top: 10px; cursor: pointer; color: #fff; widows: 50%; }
.letter_form .btn:hover { background: #51c1d9; }

/*NewsLetter*/
.newsletter            { top: 0; }
.newsletter            { margin-top: 0; background: #007fff;  text-align: center; position: relative;
                       color: #fff;}
.newsletter h1         { font-size: 1.5em; font-weight: 300; margin-bottom: 20px; }
.newsletter h1 mark    { background: none; font-weight: bold; color: #fff; }
.newsletter form       { width: 100%; max-width: 550px; margin: 0 auto;}
.newsletter input      [type="email"]{ float: left; width: 60%; border: none; padding: 11px; }
.newsletter input      [type="submit"]{ float: left; width: 40%; background: #1a5977; border: none;
                       font-size: 1em; text-transform: uppercase; color: #fff; font-weight: bold; cursor: pointer;}
.newsletter_icon       { width: 54px; height: 54px; background: #007fff url(../img/newsletter.png) center center no-repeat ; 
                       position: absolute; top: 0; left: 50%; margin-top: -24px; margin-left: -27px;
                       border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.newsletter p mark     { background: none; font-size: 1.2em; font-weight: bold; color: #ffff00; cursor: pointer; }
.newsletter .t         { font-size: 0.8em; padding-bottom: 5px; }
.newsletter .m3 a      { border: 0; }
.newsletter .m3        { text-align: center; cursor: pointer; }
.newsletter .btn       { border: none; background: #ffff4f; padding: 15px 25px; text-transform: uppercase; font-weight: 600; 
                       font-size: 0.875em; float: right; margin-top: 10px; cursor: pointer; color: #333; width: 100%; }
.newsletter .btn:hover { background: #51c1d9; color: #fff; }
.contato_form span     { font-size: 0; }

/*Mais vistos*/
.most_views                   { background: #eee; }
.most_views_item              { float: left; width: 100%; margin: 15px 0;}
.most_views .section_title    { color: #007fff; text-transform: uppercase; }
.most_views_item img          { float: left; width: 35%; }
.most_views_item_desc         { float: right; width: 65%; padding-left: 15px;}
.most_views_item_desc time    { font-size: 0.875em; color: #333; margin-bottom: 5px; display: block; }
.most_views_item_desc h1      { font-size: 1em; color: #007fff; }
.most_views_item_desc a       { text-decoration: none; color: #007fff; }
.most_views_item_desc a:hover { text-decoration: underline; }

/*Galeria*/
.more_and_gallery .container { background: #fff; }
.gallery                     { padding: 25px; }
.gallery .section_title      { padding: 15px; }
.gallery img                 { float: left; width: 25%; padding: 1%; }

.comprar                     { text-align: center; background: #009900; padding: 5px; }
.comprar h1                  { font-size: 0.8em; color: #fff; }
.comprar h2                  { color: #ffff00; font-size: 0.7em; }
.comprar h2 img              { width: 20px; height: 20px; }

/*Footer*/

.main_footer                { padding: 10px; background: #333; text-align: center; color: #fff; font-size: 0.875em; bottom: 0; }
.main_footer_social         { float: left; width: 100%; margin-bottom: 10px; }
.main_footer_social li      { display: inline-block; margin: 0 10px; }
.main_footer_social a       { float: left; padding: 10px; background: #fff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;  }
.main_footer_social a:hover { background: #007fff; }

.main_footer_copy p mark  { background: none; font-weight: bold; color: #fff; cursor: pointer; }
.main_footer_copy warning {  font-weight: bold; font-size: 1em; padding-bottom: 8px; }
.main_footer_copy .t      { font-size: 0.8em; padding-bottom: 5px; }
.main_footer_copy .m3 a   { border: 0; }
.main_footer_copy .m3     { margin-top: 5px; text-align: center; cursor: pointer; }

/*480 Break Point*/
@media (min-width: 30em){
    .more_news .section_title        { font-size: 1.4em;  }
    .most_views .section_title       { font-size: 1.4em;  }
    .more_news p                     { font-size: 1.4em; }
    .more_news_item                  { float: left; width: 48%; margin-right: 4%; min-height: 420px;  }
    .more_news_item:nth-of-type(2n+0){ margin-right: 0; }
    
    .comprar    { text-align: center; background: #009900; }
    .comprar h1 { font-size: 1.2em; color: #fff; }
    .comprar h2 { color: #ffff00; font-size: 1em; }
    .destaque_video iframe { width: 350px; height: 200px; }
}

/*592 Break Point*/
@media (min-width: 37em){
    .most_views_item h1 { font-size: 1.3em; }
    .gallery img        { float: left; width: 20%; padding: 1%; }
    .gallery img:nth-of-type(5n+0){}
}

/*768 Break Point*/
@media (min-width: 48em){
    .main_header_logo     { position: absolute; top: 10px; z-index: 99; border: 0; }
    .main_header_logo     { width: 380px; height: 120px; position: absolute; top: 0;  background: #fff; z-index: 98; 
                          border: 4px solid #007fff; border-top: none; box-shadow: 0 0 30px #333; text-align: center; }
    .main_header_logo img { width: 327px; height: 62px; margin-top: 30px;   }
    
    .main_header_nav      { float: left; width: 80%; text-align: left; margin-top: 20px; }
    .main_header_nav_item { position: fixed; display: inline-block; margin-right: 10px; }
    .main_header_nav_sub  {  position: absolute; top: 100%; left: 0; width: 300%; 
                            background: #fff; padding: 10px; text-align: left; z-index:99; }
    .main_header_nav_item:hover .main_header_nav_sub,
    .main_header_nav_item > a:hover .main_header_nav_sub { display: block; }
    .main_header_nav_sub_item { float: left; width: 50%; }
    .main_header_nav_sub_item > a { float: left; width: 100%; padding: 10px; text-decoration: none; 
                            text-transform: uppercase; font-size: 0.8em; color: #333; }
    .main_header_nav_sub_item a:hover { background: #007fff; color: #fff; }
    .main_header_nav_item > a { float: left; padding: 10px; text-transform: uppercase; text-decoration: none;
                                color: #fff; font-size: 0.9em; font-weight: bold;}
    .main_header_nav_item:last-of-type { margin-right: 20px;}
    .main_header_nav_item:hover,
    .main_header_nav_item > a:hover { background: #007fff; }
    
    
    .section_title        { font-size: 2em; }
    .more_news p          { font-size: 1.6em; text-align: center; }
    
    .more_news_item:nth-of-type(2n+0),
    .more_news_item { float: left; width: 23.5%; margin-right: 2%;  }
    .more_news_item:nth-of-type(4n+0){ margin-right: 0; }
    .more_news_item_desc h1 { font-size: 1.3em; }
    .more_news_item_desc h2 { font-size: 0.875em; }
    
    .newsletter h1 { font-size:  1.8em; }    

    .destaque_video iframe { width: 450px; height: 250px; }
} 

/*959pixels*/
@media (max-width: 59.9375em){
    .main_header { height: 100px; padding: 0; }   
    .main_header_nav { position: fixed; left: -100%; top: 0; width: 76%; height: 100%; min-width: 200px; 
                      max-width: 360px; background: #222; z-index: 99; overflow: hidden; overflow-y: auto; }
    .main_header_nav_item { float: left; width: 100%; position: relative; }
    .main_header_nav_item > a { float: left; width: 100%; padding: 15px; text-transform: 
                               uppercase; text-decoration: none; color: #eee; font-weight: bold; font-size: 0.875em; }
    .main_header_nav_item:hover,
    .main_header_nav_item > a:hover { background: #444; color: #fff; }
    .main_header_nav_sub { float: left; width: 100%; padding: 10px; background: #333; }
    .main_header_nav_sub_item { float: left; width: 100%; }
    .main_header_nav_sub_item a { float: left; width: 100%; padding: 15px; text-transform: uppercase;
                                text-decoration: none; color: #fff; font-size: 0.8em;}
    .main_header_nav_sub_item a:hover { background: #007fff; }   

    .more_news_item_desc { }
}

/*960 Break Point*/
@media (min-width: 60em){
    .main_header { background: linear-gradient(to bottom, #333333, #cccccc );   height: 100px; padding: 0; }
    .mobile_action { display: none; }
    .main_header_nav { float: right; width: 80%; text-align: right; margin-top: 20px; }
    .main_header_nav_item { position: relative; display: inline-block; margin-right: 10px; }
    .main_header_nav_sub { display: none; position: absolute; top: 100%; left: 0; width: 300%; 
                            background: #fff; padding: 10px; text-align: left; z-index:99; }
    .main_header_nav_item:hover .main_header_nav_sub,
    .main_header_nav_item > a:hover .main_header_nav_sub { display: block; }
    .main_header_nav_sub_item { float: left; width: 50%; }
    .main_header_nav_sub_item > a { float: left; width: 100%; padding: 10px; text-decoration: none; 
                            text-transform: uppercase; font-size: 0.8em; color: #333; }
    .main_header_nav_sub_item a:hover { background: #007fff; color: #fff; }
    .main_header_nav_item > a { float: left; padding: 10px; text-transform: uppercase; text-decoration: none;
                                color: #fff; font-size: 0.9em; font-weight: bold;}
    .main_header_nav_item:last-of-type { margin-right: 20px;}
    .main_header_nav_item:hover,
    .main_header_nav_item > a:hover { background: #007fff; }
    
    .slide_controll { width: 92%; margin: 0 4%; top: 30%; }
    .slide_item_desc { position: absolute; width: 100%; padding: 20px 4%; bottom: 0;
                    background: rgba(0,0,0,0.7);}
    
    .slide_item_desc h1 { font-size: 1.8em; text-shadow: 2px 2px 4px #000; }
    .slide_item_desc .tagline { font-size: 1em; text-shadow: 2px 2px 4px #000; color: #fff;  }  
    
    .more_news_item { min-height: 320px; }
    .more_news .section_title    { font-size: 2em; text-transform: uppercase; color: #fff; }
    .most_views .section_title   { font-size: 2em; text-transform: uppercase; }
    
}

/*1280 Break Point*/
@media (min-width: 80em ){    
    .more_and_gallery .container   { background: #fff; }
    .gallery img                   { width: 10%; padding: 0.5%; }
    .gallery img:nth-of-type(10n+0){}
}

/*1366 Break Point*/
@media (min-width: 85em){
    .content, 
    .slide_item_desc,
    .slide_controll,
    .more_and_gallery{ width: 80%; margin: 0 10%; }
    .slide_item_desc { padding: 20px; }
    .slide_nav.back,
    .slide_nav.go{ margin: 0; }
}

/*1600 Break Point*/
@media (min-width: 100em){
     .content,
     .more_and_gallery,
     .slide_controll,
     .slide_item_desc { width: 76%; margin: 0 12%; }
     .slide_controll { top: 40%;}
}