html, body { height: 100%; font-family:'Montserrat', 'Open Sans', sans-serif; font-weight: 300; color:#575757; }
.ico, .owl-controls .owl-page, .owl-controls .owl-buttons div { text-decoration:none; margin:0; list-style:none; padding:0; background:url(../images/sprites.png) no-repeat; overflow:hidden; text-indent:-9999px; }
.scroll-down { text-align: center; margin:0; margin-bottom: 75px; padding: 0; margin-top:-3px; position:relative}
.center { text-align:center; }

body {background: url('../images/BG.jpg?x3');background-size: cover;background-repeat:repeat;background-attachment: fixed;}

nav.navbarHeader {height: 332px;background:none;background: url('../images/bg-header.jpg');background-size: auto 100%;background-repeat: no-repeat;background-position: left top;}
nav.navbarHeader div.logo { text-align: center; }
nav.navbarHeader div.logo img {max-height: 288px;display: block;margin: 0 auto;margin-top: 30px;margin-bottom: 10px;/* opacity: 0; */}

#footer span.by img { max-height: 60px; display: block; margin: 0 auto; }
#footer { padding-bottom:0;}
#footer div.container-footer {/* background:#000; */border-radius:20px 20px 0 0;padding:40px;}

#note {padding:15px 0;text-align:center;background:#000;color: #FFF;font-weight: bold;}
#note p { margin:0; }

#menu-desktop {background: #E1251B;position: relative;list-style: none;}
#menu-desktop ul { list-style: none; margin:0; padding:0; text-align: center; }
#menu-desktop ul li { display: inline-block; font-size:20px; font-family: "Bai Jamjuree", sans-serif; font-weight:500; text-transform: uppercase; line-height: 55px; }
#menu-desktop ul li a { color:#FFF; padding:0 40px; text-decoration: none; }
#menu-desktop ul li.active { font-style: italic; font-weight: 700; }
#menu-desktop ul.menu{ text-align:left; }
#menu-desktop ul.menu li:first-child a { padding-left:0; }
#menu-desktop ul.menu-login { text-align:right; } 
#menu-desktop ul.menu-login li { float:right; }
#menu-desktop ul.menu-login li.account {color: #FFF;font-weight:800;max-width: 320px;overflow: hidden;white-space: nowrap;position: relative;padding-right: 20px;}
#menu-desktop ul.menu-login li.account:after {content: "";position: absolute;display: block;right: -10px;width: 31px;height: 100%;} #menu-desktop ul.menu-login li.account:after {/* bottom: 0; *//* background: linear-gradient(to left, #02108c 0%, transparent 100%); */}


#formLogin {font-family: "Bai Jamjuree", sans-serif;margin: 190px auto;}
#formLogin div.entry-image {}
#formLogin div.entry-image img { max-width: 240px; margin:0 auto; display: block; }

#formLogin input.field {font-family: "Bai Jamjuree", sans-serif;font-weight: 400;color: #333;font-size:23px;line-height: 50px;font-style: italic;height: 45px;border-radius: 9px;background: #CBEFFA;border: none;}
#formLogin input.field::placeholder { color:#333; }

#formLogin div.remind { color:#FFF; font-size: 13px; padding-left:30px; }
#formLogin div.remind input { float:left; margin-right: 5px; }
#formLogin div.lostpassword { text-align: right; font-size: 13px; padding-right: 30px; }
#formLogin div.lostpassword a { color:#FFF; }

#formLogin div.form-submit {margin-top: 30px;}
#formLogin div.form-submit button {color: #FFF;background: #E1251B;/* background: linear-gradient(90deg, rgba(188,141,204,1) 0%, rgba(0,177,183,1) 24%, rgba(0,179,177,1) 52%, rgba(0,107,196,1) 80%, rgba(81,74,206,1) 100%); *//* border:solid 2px #FFF; */line-height: 40px;display: block;margin:0 auto;width: 80%;font-style: italic;font-weight:700;text-transform: uppercase;font-size:24px;padding: 8px;border-radius:12px;border: solid 1px #FFF;}

.bai-jamjuree-extralight { font-family: "Bai Jamjuree", sans-serif; font-weight: 200; font-style: normal; }
.bai-jamjuree-light { font-family: "Bai Jamjuree", sans-serif; font-weight: 300; font-style: normal;}
.bai-jamjuree-regular { font-family: "Bai Jamjuree", sans-serif; font-weight: 400; font-style: normal; }
.bai-jamjuree-medium { font-family: "Bai Jamjuree", sans-serif; font-weight: 500; font-style: normal; }
.bai-jamjuree-semibold { font-family: "Bai Jamjuree", sans-serif; font-weight: 600; font-style: normal; }
.bai-jamjuree-bold { font-family: "Bai Jamjuree", sans-serif; font-weight: 700; font-style: normal; }
.bai-jamjuree-extralight-italic { font-family: "Bai Jamjuree", sans-serif; font-weight: 200; font-style: italic; }
.bai-jamjuree-light-italic { font-family: "Bai Jamjuree", sans-serif; font-weight: 300; font-style: italic; }
.bai-jamjuree-regular-italic { font-family: "Bai Jamjuree", sans-serif; font-weight: 400; font-style: italic; }
.bai-jamjuree-medium-italic { font-family: "Bai Jamjuree", sans-serif; font-weight: 500; font-style: italic; }
.bai-jamjuree-semibold-italic { font-family: "Bai Jamjuree", sans-serif; font-weight: 600; font-style: italic; }
.bai-jamjuree-bold-italic { font-family: "Bai Jamjuree", sans-serif; font-weight: 700; font-style: italic; }



#content { margin:100px 0; }
#content .text-center { text-align: center; }
#content .text-uppercase { text-transform: uppercase; }
#content h2 {font-family: "Bai Jamjuree", sans-serif;font-weight: 600;font-style: italic;font-size:24px;text-transform: uppercase;color: #e1251b;}

#content form#FormMessage {}
#content form#FormMessage textarea { height: 100px; border:solid 2px #00118C; background:#FFF; border-radius:10px; margin-bottom: 20px; }
#content form#FormMessage button.btn-submit { background:#00118C; border:solid 3px #FFF; border-radius:10px; line-height: 50px; display: block; width: 200px; font-size:20px; text-transform: uppercase; margin:0 auto; font-weight: 600; color:#FFF; font-family: "Bai Jamjuree", sans-serif; font-style: italic; }

#content div.video-embed {background:#FFF;height: 440px;border-radius:10px;overflow: hidden;border:solid 4px #00118C;margin-bottom: 50px;}
#content div.video-embed iframe {min-height: 440px;}


#content #chat {max-height: 340px;overflow:auto;padding: 25px 0;}
#content #chat .erased { opacity:.6; }
#content #chat .erased * { color:#ccc !important; }
#content #chat .erased a { display:none; }
#content #chat div.item { margin-bottom:15px; }
#content #chat div.item.item-me { text-align:right; }
#content #chat div.item.item-me div.entry-message { background:#f0f0f0; display:inline-block; padding:8px; border-radius:8px;}
#content #chat div.item div.entry-message { color:#000; font-size:12px; margin-bottom:8px;  }
#content #chat p.author { font-size:13px; color:#00118C; text-decoration:underline; font-weight:400; font-style:italic; margin-bottom:5px; text-transform:capitalize;  }
#content #chat p.date { font-size:8px; color:#999; font-weight:300; font-style:italic; margin-bottom:0; }
#content #chat a.DeleteRegister { color:red; text-decoration:underline; font-weight:bold; }


#content h1.h1-text {color: #e1251b;border-bottom: solid 2px #FFF;padding: 10px 0;margin-top: 0;margin-bottom: 50px;}
#content div.menu-items {}
#content div.menu-items div.item {  }
#content div.menu-items a.item-title {width:100%;min-height:40px;background:#00118C;border-radius:10px;padding: 10px 15px;display: flex;align-content: space-around;justify-content: center;margin-bottom:20px;color:#FFF;font-size:23px;line-height:100%;font-style:italic;font-weight:500;max-width: 200px;box-shadow: 0 0 3px #000;text-decoration: none;}
#content div.menu-items a.item-title img {max-width:100%;max-height: 40px; display:block; }


#content ul.menu-two  {background:rgba(255,255,255,.8);border-radius:10px;z-index: 9999;position: absolute;/* top: 0; */left: 250px;margin:0;padding:0;padding: 10px 0 0 46px;list-style:none;display: none;width: 300px;margin-top: -81px;margin-left: -20px;}
#content div.menu-one:hover ul.menu-two { display:block; }
#content div.menu-items ul.menu-two li { margin-bottom:15px; }
#content div.menu-items ul.menu-two li a {width:100%;min-height:40px;background:#00118C;border-radius:10px;padding: 10px 15px;display: flex;align-content: space-around;justify-content: center;margin-bottom: 0;color:#FFF;font-size: 17px;line-height:100%;font-style:italic;font-weight:500;max-width: 200px;box-shadow: 0 0 3px #000;text-decoration: none;text-align: center;text-transform: uppercase;}
#content div.menu-items ul.menu-two li a:hover { color:#04dcf8; } 

#content div.MoreCategories { text-align:center;  margin-top:100px; margin-bottom:100px;}
#content div.MoreCategories div.item { margin-bottom:25px; }
#content div.MoreCategories img { max-width: 100%; }
#content div.MoreCategories a {color: #0D1374;text-transform:uppercase;font-weight:300;font-size:20px;text-decoration:none;}
#content div.MoreCategories a h3 { font-weight:300;}
#content div.MoreCategories .btn-acessar {background:none;border:solid 1px #00118C;padding:3px 8px;border-radius:10px;color: #0D1374;text-transform:uppercase;margin:0 auto;display:inline-block;margin:0 auto;font-size:13px;}



#content-items {}

#content-items div.content-item { background:#FFF;  padding:30px; border-radius:10px; display: none; }
#content-items div.content-item:after { content:""; clear:both; display:block;}
#content-items div.content-item div.items { }
#content-items div.content-item div.items div.item { height:200px; text-align:center; }
#content-items div.content-item div.items div.item a { color:#333; font-weight:bold; font-size:12px;}
#content-items div.content-item div.items div.item div.picture {position:relative;border:solid 1px #CCC;border-radius:8px;overflow:hidden;margin-bottom:10px;min-height: 100px;}
#content-items div.content-item div.items div.item div.picture img { max-height:100px; margin:0 auto;}
#content-items div.content-item div.items div.item div.picture span.zoom {display: block;z-index: 2;background: url('../userfiles/glass.png') no-repeat 5px 3px #FFF; border:solid 1px #f0f0f0; border-radius:3px; width: 25px;height: 25px;position: absolute;right: 0;bottom: 0; }

#content div#linha-do-tempo {background:red;height: 560px;background: url('../images/linha-do-tempo-danone.png?2025-02') no-repeat;background-size:100% auto;background-position:top center;}
#content div#linha-do-tempo a {float:left;height:560px;display:block;width: 20%;}

#home div.entry-content { font-family: 'Bai Jamjuree', sans-serif; font-size:18px;  margin-bottom:25px; line-height:150%; color:#FFF; font-style: italic; }
#home div.entry-content p { margin-bottom:20px; }

#home div.entry-gallery {}
#home div.entry-gallery div.entry-item { margin-bottom:30px; }

@media screen and (min-width: 768px) and (max-width:900px) {
	#content ul.menu-two { margin-left:-77px}
}
@media screen and (min-width: 300px) and (max-width:768px) {
	body {overflow:visible;background-size: cover; background-attachment:fixed} 	
	nav.navbar a.logo { margin-left:15px;}


    #content div.menu-items a.item-title { max-width:none;}
    #content div.menu-items ul.menu-two {display: none;position:relative;margin:0;left:0;width:100%;padding:20px;padding-bottom:5px;margin-bottom:15px;}
    #content div.menu-items ul.menu-two li { width:100%; }
    #content div.menu-items ul.menu-two li a { width:100%; max-width:none;}

    nav.navbarHeader {min-height: 200px;height: auto;background-size: 100% auto;background-position: top center;background: none;}    
    nav.navbarHeader div.logo img { margin-top:10px;}    

    #menumobile {background: #f60d05;min-height:50px;padding-top:7px}
    #menumobile button {margin: 8px auto;float: none;position: static; display:block; margin-top:0;}
    #menumobile ul { display:block; }
    #menumobile ul li { display:block; }
    #menumobile ul li a {display:block;line-height: 200%;color: #FFF;}
    #content div.menu-one:hover ul.menu-two { display:none; }

    #content { margin:20px 0; }
}