div.helper.top { height: 645px; position: relative }

div.helper.top.smaller { 
    position: relative;
}

header.header { 
    height:auto; 
    position:fixed; width:100%; 
    margin-top:0;
    z-index: 1;
    padding:0;
    top:0;
    left:0;
    height: 645px
}

header.header:after { 
    content:'';
    position:absolute; width:100%; 
    z-index: 1;
    padding:0;
    top:0;
    left:0;
    background-color: var(--main);
    height: 20px;
}


header.header #logo { 
  z-index: 2
}

header.header * {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

header.header div.in{ 
    margin:0 auto; overflow: visible!important;
    height:100%;
    position:relative;
}

header.header a#logo { 
    padding:0; margin:0; width:210px; 
    display: block!important; position: relative; 
    top:0; left: 0; float: left; background-color:white; 
    border-radius:100%; padding:35px;
    margin-top:-30px; 
    border:5px solid var(--main-light); 
    box-shadow: 15px 10px 0 rgba(0,0,0,.1);
}

header.header a#logo img { padding:0; margin:0!important; width: 100%; float:left  }

header.header a#logo h1{ font-family: 'Alfa Slab One', cursive; color:white; float:left; margin:25px; margin-right:0px; font-size: 40px; letter-spacing: .05em; }

header.header a#logo-smaller{ display:none }

header.header div.contacts { background-color:var(--altr); margin:0 }

header.header div.contacts * { color:white }

header.header div.contacts a, header.header div.contacts span, header.header div.contacts strong { font-size:12px; float: left; margin:5px;  }

header.header div.contacts a span { font-size:inherit; margin:4px 0; }

header.header div.contacts strong { padding:7px }

header.header div.contacts div.social { float:right; margin-right:25px }

header.header div.contacts i { font-size:16px!important;; float:left; margin:5px }

header.header div.in a.right { float:right }

header.header div.in a.tel { margin-right:25px }

header.header div.in{ margin:0 auto; overflow: hidden }

header.header div.menu { 
    position:absolute; top:30px; margin:0; 
    padding:0;
    padding-left:120px;
    width:90%; right:0; font-weight: bolder;
    
}

header.header div.menu li {
  padding-top: 10px;
  height:60px
}

header.header menu li div menu{ 
    position: absolute; top:15px; left:0; display: table; 
    overflow: hidden; padding:0; padding-top:5px; 
    display: none; width:200px 
}

header.header div.menu div.in menu.menu li { 
    width:14.25%; color:blue }

header.header div.menu div.in menu.menu li a { 
    padding:10px 0; 
    text-shadow: 1px 1px 0 var(--main-dark); 
    font-weight:lighter;
    font-size:14px
}
header.header div.menu div.in menu.menu li a:hover { 
    background-color:var(--main-light); 
}
header.header address { 
        float: right; margin:0 20px; 
    margin-top:15px; 
}
header.header address i { 
    color:rgb(0,150,250); 
    font-size:36px; float: left; margin-right:10px;  
}
header.header address span  { 
    float: left; font-style: normal; 
    color:rgb(0,150,250); text-align:right }
header.header a.tel { 
    float: right; margin-top:25px;  }
header.header a.tel i{ font-size:30px; float: left; margin-right:7px; }
header.header a.tel span{ font-size:16px; top:8px; position: relative }
header.header a.tel span span{ font-size:18px; top:-2px; }
header.header p strong{ margin-top:-5px; display: inline-table }
div.horario { 
    bottom:0; position:absolute; 
	  right:0; padding:20px; 
	  padding-top:20px; 
	  padding-bottom: 30px; 
	  margin:0; margin-bottom:0;
	  background-color: rgba(50,100,200,0.9);
}
div.horario strong{ color:white; font-size: 16px; display: block; text-align: left }
div.horario span{ 
  color:white; font-size: 16px;
  display: block; text-align: left
}
header.header div.in.main div.social {
    position: absolute;
    right:0;
    top:50px;
    width:70px;
}
header.header div.in.main div.social i {
    font-size: 24px;
    margin-bottom:25px;
    color:white;;
    border-radius: 100%;
    width:50px;
    height: 50px;
    padding:17%;
    box-shadow: 5px 5px 0 rgba(0,0,0,.05);
    background-color: var(--main)
}
header.header div.faixa { 
    position: absolute; width: 1100px; bottom:-40px; 
    left:50%; margin-left:-550px;
    background-color:var(--main); height:80px;   
    box-shadow: 0 10px 0 rgba(0,0,0,.05);
}
header.header div.faixa * { 
    color:white!important;
}
header.header div.faixa div.in { 
  width:100%
}
div.faixa address { float:left; margin-left:30px; margin-right:25px  }
div.faixa address span { font-size: 12px; }
div.faixa a.tel  { float:left; margin:20px 0px; margin-left:15px  }
div.faixa a.tel * { 
    float:left!important; 
    position:relative!important; 
    margin:3px!important;
}
div.faixa a.tel i { 
    margin-right: 5px!important;
}

div.faixa div.horario { 
    float:right; position:relative; 
    margin:20px 0; padding: 0; 
    background-color: transparent; margin-right:30px 
}

div.faixa div.horario i { font-size: 30px; float:left; color:white; margin:5px 10px }

div.faixa div.horario div { font-size: 30px; float:left }

div.faixa div.horario span { font-size: 12px; margin:3px 0 }

header.header.smaller { margin:0; padding:0; border:none; 
  z-index:1000; height: 40px!important; background-color: var(--main);
}

header.header.smaller * { overflow: visible!important }

header.header.smaller div.newsletter, 
header.header.smaller a#logo,
header.header.smaller div.contacts,
header.header.smaller div.faixa,
header.header.smaller div.social { 
    display: none!important;
}

header.header.smaller a#logo-smaller{ 
    display:block; 
    background-color: white;
    width:50px;
    border-radius: 100%;
    border:3px solid var(--main-dark);
    margin-top:0;
    position: relative;
    z-index: 2;
    display: none
}

header.header.smaller:after { content:none }

header.header.smaller div.half, header.header.smaller div.clear{ display: none; }

header.header.smaller div.menu  { 
    margin:0; padding:0; bottom:0; width:98%;
    top:0; 
}

header.header.smaller div.menu menu { margin:0;  }

header.header.smaller div.menu menu li { 
    border-color: white; display: block!important; 
    padding:3px;
	height:auto;
    width: 14,28%!important;
}

header.header.smaller div.menu menu li a { 
  color: white!important;
    font-size:12px!important;
}
@media screen and (max-height: 700px) {	
  header.header div.faixa { 
        bottom:40px; 
    }
}
@media screen and (max-width: 1100px) {	
    div.helper.top { display: none }

    header.header { 
        height:auto; 
        position:relative;
        height:auto!important;
        padding: 0 5px!important;
    }

    header.header, header.header div.faixa { z-index:1; margin:0!important; width:100%!important; overflow: hidden!important; }

    header.header * { max-width: 100%; }

    header.header address, header.header a.tel { display: none }    
    
    header.header div.menu { 
        position:relative; top:0px; margin:0; 
        padding:0;
        width:100%; right:auto; font-weight: bolder;
        overflow: hidden;
        background-color: var(--main);
    }
    
    header.header div.menu div.in { 
        display: none
    }
    
    header.header i.menu {  
        color:white; margin:0 auto!important; 
        cursor: pointer; width:50px; height: 100%; padding:15px 10px; font-size:20px;
    }

    header.header i.menu.active { 
        background-color:#ccc; 
    }

    header.header menu.menu { position: relative!important; top:0; right: auto; width: 100%!important; left:0; }

    header.header menu.menu a { padding:15px!important; }

    header.header i.mobile { z-index:1 }

    div.menu menu { position: static; float: none; padding: 0!important; }

    header.header#top div.menu menu li { border:none; padding:0; width:100%!important; height: auto; border-top:1px solid white; }

    header.header#top div.menu menu li a{ color:white; text-shadow: none;  }



#topo .menu li:hover{ 
	border:none; background-color:#bbb;
}

menu.menu li a{ 
	float:none; border:none; color:#fff;
	border:none; background-color: var(--main)
}
	
    header.header a#logo-smaller { 
        max-height: 40px;
        position: static;
        margin:0!important;
    }
    
    header.header a#logo-smaller img{ 
        max-height: 100%;
        max-width: 35px;
        width: 100%;
        margin:0!important;
        float: left
        
    }
    
    header.header div.in { 
       height:auto;
    }
    
    header.header.smaller menu li { 
    }
    
    header.header div.faixa { 
       display: none
    }
}