/*by Criabox - www.criabox.com * 11/2017/
/*laranja ff6600 */

html {scroll-behavior:smooth;}
body {margin:0; padding:0;background:url(images/bg02.jpg) center center no-repeat fixed; background-size:cover;font-family: 'Questrial', sans-serif;}
img {border: 0;}
a, a:link, a:visited, a:hover, a:active {text-decoration:none;}

#bannercenter{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;visibility: visible;}
#bannerpopup2 {position: absolute;left:50%;top:360px;margin-left:-300px;z-index:3;visibility: visible;}/*margim-left = metade da largura da imagem*/
#banner_evento {position: absolute;left:50%;top:5px;transform:translateX(-50%);z-index:5;visibility: visible;}
#banner_dezembro {position: absolute;top:220px;left:50%;transform:translateX(-50%);z-index:6;visibility: visible;}

#indexlink{position: absolute;left:50%;top:20px;margin-left:-490px;z-index:9;visibility: visible;}
#banner_scusi {position: absolute;left:50%;top:510px;margin-left:340px;z-index:1;visibility: visible;}

#bannerpopup_sakaguti {position: absolute;left:50%;top:580px;margin-left:260px;z-index:2;visibility: visible;}
#banner_selo {position: absolute;left:50%;top:480px;margin-left:350px;z-index:1;visibility: visible;}
#banner_bomgourmet2015 {position: absolute;left:50%;top:440px;margin-left:-480px;z-index:1;visibility: visible;}

.right{text-align:right; float:right;}
.left{text-align:left; float:left;}
.center{text-align:center;}
.italic{font-style:italic;}
.bold{font-weight:bold;}

/*header*/
#header{display:-webkit-flex;display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;width:100%;height:auto;margin:0 auto;padding:0;box-sizing:border-box;float:none;}

#headertab1{display:-webkit-flex;display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;width:100%;height:36px;margin:0 auto;padding:0;box-sizing:border-box;float:none; background:#fff;}
#headertab2{display:-webkit-flex;display:flex;position:relative;flex-direction:row;align-items:center;justify-content:center;width:1200px; max-width:100%;height:auto;margin:0;padding:0;box-sizing:border-box;float:none;background:none;}

#headertab2esq{display:-webkit-flex;display:flex;position:relative;flex-direction:column;align-items:flex-start;justify-content:center;width:50%; max-width:50%;height:auto;margin:0;padding:0;box-sizing:border-box;float:left;background:none;}
#headertab2dir{display:-webkit-flex;display:flex;position:relative;flex-direction:column;align-items:flex-end;justify-content:center;width:50%; max-width:50%;height:auto;margin:0;padding:0;box-sizing:border-box;float:right;background:none;}

#headertab3{display:-webkit-flex;display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;width:100%;height:auto;margin:0 auto;padding:30px 0;box-sizing:border-box;float:none; background:rgba(255,255,255,0.8);}

#headertab4{display:-webkit-flex;display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;width:1180px;max-width:100%;height:auto;margin:0 auto;padding:0;box-sizing:border-box;float:none;background:none;}
#headertab4a{display:-webkit-flex;display:flex;position:relative;flex-direction:column;align-items:flex-start;justify-content:center;width:40%;height:auto;margin:0;padding:0;box-sizing:border-box;float:left;background:none;}
#headertab4b{display:-webkit-flex;display:flex;position:relative;flex-direction:column;align-items:flex-end;justify-content:flex-end;width:100%;height:auto;margin:0 auto;padding:20px 0 0 0;box-sizing:border-box;float:none;text-align:center;background: #F800FF;}

.txtheader1{font-family:'Questrial';font-size:1.063em;color:#000;}
.txtheader1 a{color:#000;}
.txtheader1 a:link{color:#000;}
.txtheader1 a:hover{color:#ff6600;transition-duration:0.2s;}
.txtheader1 a:active{color:#000;}

.txtheader2{font-size:1.000em;}

.imgheader1{display:inline-block;position:relative;width:16px;height:auto;margin:auto;padding:0 10px;vertical-align:top; opacity:0.5;}
.imglogoheader{display:inline-block;position:relative;width:400px;max-width:100%;max-height:100%;height:auto;margin:0 auto;padding:0;box-sizing:border-box;z-index:12;}
.imglogoheader a:hover{color:#00ffff;opacity:0.5;transition-duration:0.2s;}

@media screen and (max-width: 1200px) {
.nav{display:none;}
#headertab1{padding:10px 0;margin:0 auto;height:auto;top:40px;}
#headertab2{width:100%;}
#headertab2esq{display:none;}
#headertab2dir{width:100%;max-width:98%;align-items:center;}

#headertab3{margin:40px auto 0 auto;padding:0;box-sizing:border-box;float:none; background:rgba(255,255,255,0.8);}
#headertab4{width:100%;margin:20px auto;box-sizing:content-box;float:none;}
#headertab4a{align-items:center;width:100%;max-width:100%;margin:0 auto;}
#headertab4b{display:none;}
.imglogoheader{max-width:90%;}

.txtheader1{font-size:1.350em;text-align:center;line-height:140%;margin:0 auto;}
.txtheader2{display:none;}
}

/*nav*/
.nav{display:-webkit-flex;display:flex;position:relative;flex-direction:row;align-content:center;justify-content:center;margin:0 auto;padding:30px 0 0 0;font-family:'Questrial';font-size:1.188em;color:#000;text-transform: uppercase; text-align:center; float:none;box-sizing:border-box;z-index:12; background:none;}
.nav a {color:#000;font-weight:bold;}
.nav a:link {color:#000;}
.nav a:hover {color:#000;transition-duration:0.2s; font-weight:normal;}
.nav a:active{color:#000;}

.nav2{margin:0 20px;}

.nav3{display:inline-block;position:relative;width:auto;max-width:100%;height:auto;margin:0 auto;padding:0 12px;}

@media screen and (max-width: 1200px) {
.nav{display:none;}
}

/*slideshow box-shadow:0px 10px 20px #666;*/
#slideshow1{display:-webkit-flex;display:flex;position:relative;flex-direction:column;align-content:center;justify-content:center;background:none;width:100%;max-width:100%;height:auto;max-height:420px;margin:0 auto;padding:0;box-sizing:border-box; overflow:hidden; z-index:8; box-shadow:5px 5px 20px #000;}
#slideshow2{display:-webkit-flex;display:flex;position:relative;flex-direction:column;align-content:center;justify-content:center;background:none;width:100%;max-width:100%;height:auto;max-height:360px;margin:0 auto;padding:0;box-sizing:border-box; overflow:hidden; z-index:8; box-shadow:5px 5px 20px #000;}


/*nav mobile*/
#frame_mobile{display:none;}
@media screen and (max-width:1200px) {
#frame_mobile{display:inline-block;position:fixed;top:0;width:100%;max-width:100%;height:auto;margin:0 auto;padding:0;box-sizing:border-box;background:none;z-index:990;}
}

ul2{display:-webkit-flex;display:flex;position:fixed;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:100%;height:auto;margin:0;padding:0;visibility:visible;list-style:none;z-index:999;}
ul2 li2{display:-webkit-flex;display:flex;position:relative;margin:0 auto;padding:0;width:100%;max-width:100%;height:40px;font-family:'Questrial';text-transform:uppercase;font-size:1.000em;color:#000;box-sizing:border-box;list-style:none;}
ul2 li2 a{display:-webkit-flex;display:flex;align-items:center;justify-content:flex-end;color:#000;background:#fff;width:100%;margin:0;padding:10px 20px;border-bottom:1px solid #ccc;box-sizing:border-box;float:right;text-align:right;}
ul2 li2 a:link{color:#000;}
ul2 li2 a:hover{color:#000;transition-duration:0.2s;}
ul2 li2 a:active{color:#000;}

li2 ul2 {position:absolute;top:40px;right:0;display:none;background:none;}
li2 ul2 a{margin:0;padding:10px 20px;width:100%;max-width:100%;height:auto;}
li2 ul2 a:hover{margin:0;padding:10px 20px;}

li2:hover ul2 {display:-webkit-flex;display:flex;flex-direction:column;font-size:0.850em;}

.imgmobile{display:inline-block;position:relative;width:25px;max-width:100%;height:auto;margin:auto 0;padding:0;box-sizing:border-box;float:right;}
.imgmobile2{display:-webkit-flex;display:flex;position:relative;flex-direction:column;align-content:center;justify-content:center;width:180px;max-width:100%;height:auto;margin:0 auto;padding:0;box-sizing:border-box;}




.imglogo1{display:none;position:absolute;width:760px;max-width:100%;height:auto;top:200px;margin:0 auto;padding:0;box-sizing:border-box; text-align:center; z-index:12; left:50%; transform:translateX(-50%); opacity:0.2;}

.imglogo3{display:block;position:relative;width:160px;max-width:100%;height:auto;margin:0 auto;padding:0;box-sizing:border-box; text-align:center; z-index:12; opacity:0.25;}

@media screen and (max-width: 1200px) {
.imglogo1{display:none;}
.imglogo2{width:180px;top:35px;}
}

/*body*/
#body{display:-webkit-flex;display:flex;position:relative;flex-direction:column;width:100%;max-width:100%;height:auto;margin:0 auto;padding:0; background:rgba(255,255,255,0.8);}

/*content */
#content{display:inline-block;position:relative;width:1160px;max-width:100%;height:auto;margin:0 auto;padding:30px 0 90px 0;text-align:center;border-bottom:1px solid #999; }

.tab1{display:inline-block;position:relative;width:360px; max-width:100%;height:auto;margin:0 auto;padding:10px 20px;box-sizing:border-box;background:none; text-align:center; vertical-align:top;}
.tab2{display:inline-block;position:relative;width:570px; max-width:100%;height:auto;margin:0 auto;padding:40px 20px 0 20px;box-sizing:border-box;background:none; text-align:center; vertical-align:top; background:none;}
.tab3{display:-webkit-flex;display:flex;position:relative;flex-direction:row;align-items: flex-start;justify-content: space-between;flex-wrap:wrap;width:100%;height:auto;margin:0;padding:40px 0;box-sizing:border-box;float:right;text-align:left;background:none;}
.tab4{display:-webkit-flex;display:flex;position:relative;flex-direction: column;align-items:center;justify-content: space-between;width:360px;height:auto;margin:0 0 40px 0;padding:40px 30px;box-sizing:border-box;float:right;text-align:left;text-align:center; border:1px solid #000; border-radius:20px; background:rgba(255,255,255,0.2)}

.tabhistory{display:-webkit-flex;display:flex;position:relative;flex-direction:row;align-content:center;justify-content:space-between;width:100%;max-width:100%;height:auto;margin:0 auto;padding:20px 0 0 0;box-sizing:border-box;vertical-align:bottom; overflow:hidden;background:none;}
.tabfotos{display:-webkit-flex;display:flex;position:relative;flex-direction:row;align-content:center;justify-content: space-between; flex-wrap:wrap;width:100%;max-width:100%;height:auto;margin:0 auto;padding:0 0 60px 0;box-sizing:border-box;vertical-align:bottom; overflow:hidden;background:none;}

.title1{display:inline-block; position:relative;width:100%; max-width:100%;height:auto;margin:0 auto;padding:40px 0;font-family:'Questrial';font-size:1.500em; text-transform: none;color:#000;letter-spacing:1px; text-align:center; font-style:italic;}
.title2{display:inline-block; position:relative;width:100%;height:auto;margin:40px auto 20px auto;padding:0;font-family:'Questrial';font-size:1.438em; text-transform:uppercase;color:#000;letter-spacing:1px;text-align:center;}
.title3{display:-webkit-flex;display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;width:100%; max-width:100%;height:auto;margin:0 auto;padding:30px 0;font-family:'Questrial';font-size:2.125em; text-transform:uppercase;color:#000;letter-spacing:1px; text-align:center; border-bottom:1px solid #ccc;}
.title3a{font-size:0.500em; text-transform:none;}
.title4{display:inline-block; position:relative;width:100%;height:auto;margin:0 auto 30px auto;padding:0;font-family:'Questrial';font-size:1.438em; text-transform:uppercase;color:#ff6600;letter-spacing:1px;text-align:center; font-weight:bold;}

.txt1{display:inline-block; position:relative;width:100%; max-width:100%;height:auto;margin:0 auto;padding:40px 0;font-family:'Questrial';font-size:1.375em;color:#000;letter-spacing:1px;line-height:140%;}
.txt1 a {color:#000;}
.txt1 a:link {color:#000;}
.txt1 a:hover {opacity:0.5;transition-duration:0.2s;}
.txt1 a:active{color:#000;}

.txt2{display:inline-block; position:relative;width:100%; max-width:100%;height:auto;margin:0 auto;padding:0;font-family:'Questrial';font-size:1.250em;color:#000;letter-spacing:1px;line-height:140%;  ;}
.txt3{font-size:1.250em;}

.txt4{display:inline-block; position:relative;width:100%; max-width:100%;height:auto;margin:0 auto;padding:0 10px;font-family:'Questrial';font-size:1.250em;color:#333;letter-spacing:1px;line-height:140%;}
.txt4 a {color:#333;}
.txt4 a:link {color:#333;}
.txt4 a:hover {color:#000;opacity:0.5;transition-duration:0.2s;}
.txt4 a:active{color:#333;}


.img1{display:-webkit-flex;display:flex;position:relative;flex-direction:column;align-content:center;justify-content:center;width:auto; max-width:100%;height:auto;margin:0 auto;padding:0;border:2px solid #fff; background:#fff; box-sizing: border-box; vertical-align:central;}
.img2{display:inline-block;position:relative;width:300px; max-width:100%;height:auto;margin:0;padding:5px;border:1px solid #e0e0e0; background:#fff; box-sizing: border-box;box-shadow:0px 5px 20px #666;}
.img3{display:-webkit-flex;display:flex;position:relative;flex-direction:column;align-content:center;justify-content:center;width:560px; max-width:100%;height:180px;margin:0 auto;padding:5px;border:1px solid #e0e0e0; background:#fff; box-sizing: border-box;box-shadow:0px 5px 20px #666;float:none; overflow:hidden; vertical-align:bottom;}
.img4{display:-webkit-flex;display:flex;position:relative;flex-direction:column;align-content:center;justify-content:center;width:360px; max-width:100%;height:180px;margin:0 30px 30px 0;padding:5px;border:1px solid #e0e0e0; background:#fff; box-sizing: border-box;box-shadow:0px 5px 20px #666;float:left; overflow:hidden;}
.img5{display:-webkit-flex;display:flex;position:relative;flex-direction:column;align-content:center;justify-content:center;width:360px; max-width:100%;height:auto;margin:0 0 30px 30px;padding:0;border:2px solid #fff; background:#fff; box-sizing: border-box;float:right; overflow:hidden; vertical-align:bottom;}
.img6{display:-webkit-flex;display:flex;position:relative;flex-direction:column;align-content:center;justify-content:center;width:96px; max-width:100%;height:auto;margin:0 auto;padding:0 0 20px 0;box-sizing: border-box;float:none; overflow:hidden; background:none;}

.imghistory{display:-webkit-flex;display:flex;position:relative;flex-direction:column;align-content:center;justify-content:center;width:360px; max-width:360px;height:120px;margin:20px 5px;padding:0;border:2px solid #fff; overflow:hidden;}
.imgfotos{display:-webkit-flex;display:flex;position:relative;flex-direction:column;align-content:center;justify-content:center;width:360px; max-width:360px;height:120px;margin:20px 5px;padding:0;border:2px solid #fff; overflow:hidden;}

@media screen and (max-width: 1200px) {
#content{width:92%;}
.title1{font-size:1.500em;max-width:90%;}
.title3{text-align:center;}
.imghistory{max-width:120px;height:auto;}
.imgfotos{max-width:120px;height:auto;}
}

/*map*/
#map{display:-webkit-flex;display:flex;position:relative; align-content:center; justify-content:center;width:1120px;max-width:100%;height:320px;max-height:320px;margin:20px auto;padding:0;box-sizing:border-box; overflow:hidden; z-index:8; border:1px solid #C2C1C1; background:#fff;}
@media screen and (max-width: 1200px) {
#map{max-width:92%;}
}

/*footer*/
#footer{display:-webkit-flex;display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;width:100%;height:auto;margin:0 auto;padding:56px 0;box-sizing:border-box;float:none;background:rgba(0,0,0,0.8)}

#footertab1{display:-webkit-flex;display:flex;position:relative;flex-direction: column;align-content:center; justify-content:center;width:1080px;max-width:100%;height:auto;margin:0 auto;padding:0;box-sizing:border-box;float:none;background:none;}

.txtfooter1{font-family:'Questrial';font-size:1.000em;color:#fff;margin:0 auto; padding:20px 0 0 0; line-height:160%; letter-spacing:1px;}
.txtfooter1 a{color:#fff;}
.txtfooter1 a:link{color:#fff;}
.txtfooter1 a:hover{opacity:0.6;transition-duration:0.2s;}
.txtfooter1 a:active{color:#fff;}

.imglogofooter{display:inline-block;position:relative;width:260px; max-width:100%;height:auto;margin:0 auto;padding:0;box-sizing:border-box;z-index:12; opacity:0.5;}
.imglogofooter a:hover{color:#00ffff;opacity:0.5;transition-duration:0.2s;}

.imglogofooter2{display:inline-block;position:relative; vertical-align: middle;width:24px;max-width:100%;height:auto;margin:0;padding:0;box-sizing:border-box;z-index:12;}

@media screen and (max-width: 1200px) {
#footer{padding:30px 0;}
#footertab1{width:80%;float:none;text-align:center;}
.imgfooter1{top:50%; transform:translateY(-50%)}

}

/*form*/
#formtab1{display:inline-block;position:relative;width:50%;max-width:100%;height:auto;margin:20px auto;padding:0 20px;box-sizing:border-box;background:none;float:left; text-align:right; border-right:1px solid #ccc;}
#formtab2{display:inline-block;position:relative;width:50%;max-width:100%;height:auto;margin:20px auto;padding:0 20px;box-sizing:border-box;background:none;float:right; text-align:left;}	

.map{display:inline-block;position:relative;width:100%;max-width:100%;height:230px;margin:0 auto 20px auto;padding:5px;box-sizing:border-box;border:1px solid #e6e6e6; background:#fff;}	
.formdate{display:inline-block;position:relative;width:520px;max-width:100%;height:40px;margin:5px 0;padding:5px 10px;font-family:'Questrial';font-size:1.125em;color:#000;text-align:left;background-color:#fff;border:solid 1px #e1e1e1;}
.formdate2{display:inline-block;position:relative;width:110px;max-width:100%;height:40px;margin:5px 0;padding:5px 10px;font-family:'Questrial';font-size:1.000em;color:#000;text-align:left;background-color:#fff;border:solid 1px #e1e1e1;}
.formdate3{display:inline-block;position:relative;width:110px;max-width:100%;height:40px;margin:5px 0;padding:5px 10px;font-family:'Questrial';font-size:1.000em;color:#000;text-align:left;background-color:#e1e1e1;border:solid 1px #e1e1e1;}
.formdate4{display:inline-block;position:relative;width:268px;max-width:100%;height:40px;margin:5px 0;padding:5px 10px;font-family:'Questrial';font-size:1.125em;color:#000;text-align:left;background-color:#fff;border:solid 1px #e1e1e1;}
.formmsg{display:inline-block;position:relative;width:520px;max-width:100%;height:220px;margin:5px 0;padding:5px 10px;font-family:'Questrial';font-size:1.125em;color:#000;text-align:left;background-color:#fff;border:solid 1px #e1e1e1;}
.formcapctha{width:auto;height:auto;margin:10px 0 0 0;padding:0;}
.formcapctha2{display:inline-block;position:relative;width:144px;max-width:100%;height:40px;margin:0 0 5px 0;padding:0 10px;font-family:'Questrial';font-size:1.000em;color:#000;text-align:center;background-color:#fff;border:solid 1px #e1e1e1;}

.formimgcaptcha{display:inline-block;position:relative;width:230px;max-width:100%;height:auto;margin:20px 0 0 0;padding:0;border:solid 1px #e1e1e1;}
.formdatecaptcha{display:inline-block;position:relative;width:210px;max-width:100%;height:40px;margin:5px 0;padding:5px 10px;font-size:1.125em;color:#000;text-align:left;background-color:#f2f2f2;border:solid 1px #e1e1e1;}

.txtform1{font-family:'Questrial';font-size:1.125em;color:#000;margin:0 0 20px 0; padding:0; line-height:160%;}
.txtform1 a{color:#000;}
.txtform1 a:link{color:#000;}
.txtform1 a:hover{color:#ff6600;transition-duration:0.2s;}
.txtform1 a:active{color:#000;}

.txtform2{font-size:1.500em;}

.txtform3{font-family:'Questrial';font-size:1.125em;color:#000;margin:0 0 20px 0; padding:0; line-height:160%;}

.txtform4{font-family:'Questrial';font-size:1.000em; font-style:italic;color:#000;margin:10px 0; padding:0; line-height:160%;}

.txtform5{font-size:0.750em;color:#ff3333; font-style: oblique;}

.formbutton{display:inline-block;position:relative;width:auto;height:auto;margin:20px 0;padding:14px 24px;cursor:pointer;text-transform:none;font-size:1.000em;color:#fff;border-radius:5px;text-align:center;border:0;box-sizing:border-box;}
input.formbutton{background:#ff3333;padding:14px 24px;transition-duration:0.3s;}
input.formbutton:hover{background:#cc0000;padding:14px 24px;transition-duration:0.3s;}

@media screen and (max-width:1200px) {
#formtab1{width:100%;}
#formtab2{width:100%;}	
.formdate{max-width:96%;}
.formdate2{max-width:96%;}
.formmsg{max-width:96%;}
}

/*left*/
#left{display:-webkit-flex;display:flex;position:fixed;flex-direction:column;align-items:flex-start;justify-content:center;width:auto; height:auto; top:50%; transform:translateY(-50%);z-index:980;}

.social{display:-webkit-flex;display:flex;position:relative;width:60px;height:40px; left:0; transform:translateX(-20px)}
.social a:hover{transform:translateX(20px);transition-duration:0.2s;}

/*footer redes sociais*/
#bottom{display:-webkit-flex;display:flex;position:fixed; flex-wrap: wrap; flex-direction:row;align-items:center;justify-content: flex-end;width:auto; height:auto; right:70px; transform: none; z-index:980; bottom: 20px;}

.social3{display:-webkit-flex;display:flex;position:relative;width:40px; padding:0 10px; height:auto;}
.social3 a:hover{opacity:1.0;transition-duration:0.5s;-webkit-filter: grayscale(100%);filter: grayscale(100%);transform: scale(1.4) rotate(15deg); overflow:visible;}

@media screen and (max-width:1200px) {
  #bottom{right:50px;}
  .social3{width:30px;padding:0 10px}
}

/*back top*/
#back{display:block;position:fixed; width:40px; height:auto;z-index:999;cursor:pointer;transition-duration:1s;left:20px; opacity:0.5;}
#top{display:block;position:fixed; width:40px; height:auto;z-index:999;cursor:pointer;transition-duration:1s;right:20px; opacity:0.5;}
.visible{visibility:visible;opacity:1;bottom:20px;}
.hidden{visibility:hidden;opacity:0.1;bottom:40px;}

@media screen and (max-width:1200px) {
#back{width:30px;left:20px;}
#top{width:30px;right:20px;}
.visible{bottom:20px;}
.hidden{bottom:40px;}
 }

/*by*/
.by {margin:0 auto;padding:20px 0;text-align:center; width:92px;height: auto; opacity: 0.7;}