/* CSS Document */
html, body{ margin: 0 0 0 0; background-color: #FFF; width: 100%; height: 100%;}
#clear { clear: both; width: 100%; }
/*-- Container Geral -- */
#container-geral{ position:relative; margin: 0 0 0 0; width: 100%; height: auto; display: table; }
/*-- Container Fixo -- */
#container-fixo{ position:relative; width: 1000px; height: auto; display: table; margin: 0 auto; }
#container-fixo2{ position:relative; width: 960px; height: auto; display: table; margin: 0 auto; }
/*-- Topo -- */
#header{ position:relative; width: 100%; height: 231px; }
#header #a-menu{ position:relative; padding: 5px 0 5px 0; width: 100%; height: 25px; text-align:center; background-color: #ed1c24; border-bottom: 1px solid #fff; }
#header #a-menu a{ color: #fac200; font-family: 'Open Sans', sans-serif; font-size: 15px; font-weight: 700; text-decoration: none; }
#header #a-menu a:hover{ color: #fff; }
#header #b-menu{ position:relative; width: 100%; height: 55px; background-color: #ed1c24; }
#header #b-header{ position:relative; width: 100%; height: 126px; background-color: #fff; }
#header #container-fixo #logo{ position:absolute; top: 32px; left: 10px; width: 327px; height: 65px; z-index: 90; }
/*-- Menu -- */
#header #b-menu #cssmenu { margin: 0 0 0 0; width: auto; padding: 0; line-height: 1; display: block; position: relative; font-family: 'Open Sans', sans-serif; z-index:999;}
#header #b-menu #cssmenu ul { list-style: none; margin: 0; padding: 0; display: block;}
#header #b-menu #cssmenu ul:after,
#header #b-menu #cssmenu:after { content: ""; display: block; font-size: 0; height: 0; clear: both; visibility: hidden;}
#header #b-menu #cssmenu ul li { margin: 0; padding: 0; display: block; position: relative;}
#header #b-menu #cssmenu ul li a { text-decoration: none; display: block; margin: 0; -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#header #b-menu #cssmenu ul li ul { position: absolute; left: -9999px; top: auto;}
#header #b-menu #cssmenu ul li ul li { max-height: 0; position: absolute; -webkit-transition: max-height 0.4s ease-out; -moz-transition: max-height 0.4s ease-out; -ms-transition: max-height 0.4s ease-out; -o-transition: max-height 0.4s ease-out; transition: max-height 0.4s ease-out; background: #ffffff;}
#header #b-menu #cssmenu ul li ul li.has-sub:after { display: block; position: absolute; content: ""; height: 10px; width: 10px; border-radius: 5px; background: #ed1c24; z-index: 1; top: 13px; right: 15px;}
#header #b-menu #cssmenu.align-right ul li ul li.has-sub:after { right: auto; left: 15px;}
#header #b-menu #cssmenu ul li ul li.has-sub:before { display: block; position: absolute; content: ""; height: 0; width: 0; border: 3px solid transparent; border-left-color: #ffffff; z-index: 2; top: 15px; right: 15px;}
#header #b-menu #cssmenu.align-right ul li ul li.has-sub:before { right: auto; left: 15px; border-left-color: transparent; border-right-color: #ffffff;}
#header #b-menu #cssmenu ul li ul li a { font-size: 15px; background: #ed1c24; font-weight: 400; text-transform: none; color: #fff; letter-spacing: 0; display: block; width: 200px; padding: 11px 10px 11px 20px; border-bottom: 1px solid #3f3368;}
#header #b-menu #cssmenu ul li ul li:hover > a,
#header #b-menu #cssmenu ul li ul li.active > a { color: #fff;}
#header #b-menu #cssmenu ul li ul li:hover:after,
#header #b-menu #cssmenu ul li ul li.active:after { background: #fff;}
#header #b-menu #cssmenu ul li ul li:hover > ul { left: 100%; top: 0;}
#header #b-menu #cssmenu ul li ul li:hover > ul > li { max-height: 72px; position: relative;}
#header #b-menu #cssmenu > ul > li { float: left;}
#header #b-menu #cssmenu.align-center > ul > li { float: none; display: inline-block;}
#header #b-menu #cssmenu.align-center > ul { text-align: center;}
#header #b-menu #cssmenu.align-center ul ul { text-align: left;}
#header #b-menu #cssmenu.align-right > ul { float: right;}
#header #b-menu #cssmenu.align-right > ul > li:hover > ul { left: auto; right: 0;}
#header #b-menu #cssmenu.align-right ul ul li:hover > ul { right: 100%; left: auto;}
#header #b-menu #cssmenu.align-right ul ul li a { text-align: right;}
#header #b-menu #cssmenu > ul > li:after { content: ""; display: block; position: absolute; width: 100%; height: 0; top: 0; z-index: 0; -webkit-transition: height .2s; -moz-transition: height .2s; -ms-transition: height .2s; -o-transition: height .2s; transition: height .2s;}
#header #b-menu #cssmenu > ul > li.has-sub > a { padding-right: 40px;}
#header #b-menu #cssmenu > ul > li.has-sub > a:after { display: block; content: ""; background: #ffffff; height: 12px; width: 12px; position: absolute; border-radius: 13px; right: 14px; top: 20px;}
#header #b-menu #cssmenu > ul > li.has-sub > a:before { display: block; content: ""; border: 4px solid transparent; border-top-color: #ed1c24; z-index: 2; height: 0; width: 0; position: absolute; right: 16px; top: 24px;}
#header #b-menu #cssmenu > ul > li > a { color: #fff; padding: 20px 13px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; font-size: 14px; z-index: 2; position: relative;}
#header #b-menu #cssmenu > ul > li:hover:after,
#header #b-menu #cssmenu > ul > li.active:after { height: 100%;}
#header #b-menu #cssmenu > ul > li:hover > a,
#header #b-menu #cssmenu > ul > li.active > a { color: #fac200;}
#header #b-menu #cssmenu > ul > li:hover > a:after,
#header #b-menu #cssmenu > ul > li.active > a:after { background: #fac200;}
#header #b-menu #cssmenu > ul > li:hover > a:before,
#header #b-menu #cssmenu > ul > li.active > a:before { border-top-color: #ed1c24;}
#header #b-menu #cssmenu > ul > li:hover > ul { left: 0;}
#header #b-menu #cssmenu > ul > li:hover > ul > li { max-height: 72px; position: relative;}
#header #b-menu #cssmenu #menu-button { display: none;}
#header #b-menu #cssmenu > ul > li > a { display: block;}
#header #b-menu #cssmenu > ul > li { width: auto;}
#header #b-menu #cssmenu > ul > li > ul { width: 170px; display: block;}
#header #b-menu #cssmenu > ul > li > ul > li { width: 170px; display: block;}
@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
#header #b-menu #cssmenu > ul { max-height: 0; overflow: hidden; -webkit-transition: max-height 0.35s ease-out; -moz-transition: max-height 0.35s ease-out; -ms-transition: max-height 0.35s ease-out; -o-transition: max-height 0.35s ease-out; transition: max-height 0.35s ease-out;}
#header #b-menu #cssmenu > ul > li > ul { width: 100%; display: block;}
#header #b-menu #cssmenu.align-right ul li a { text-align: left;}
#header #b-menu #cssmenu > ul > li > ul > li { width: 100%; display: block;}
#header #b-menu #cssmenu.align-right ul ul li a { text-align: left;}
#header #b-menu #cssmenu > ul > li > ul > li > a { width: 100%; display: block;}
#header #b-menu #cssmenu ul li ul li a { width: 100%;}
#header #b-menu #cssmenu.align-center > ul { text-align: left;}
#header #b-menu #cssmenu.align-center > ul > li { display: block;}
#header #b-menu #cssmenu > ul.open { max-height: 1000px; border-top: 1px solid rgba(110, 110, 110, 0.25);}
#header #b-menu #cssmenu ul { width: 100%;}
#header #b-menu #cssmenu ul > li { float: none; width: 100%;}
#header #b-menu #cssmenu ul li a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 12px 20px;}
#header #b-menu #cssmenu ul > li:after { display: none;}
#header #b-menu #cssmenu ul li.has-sub > a:after,
#header #b-menu #cssmenu ul li.has-sub > a:before,
#header #b-menu #cssmenu ul li ul li.has-sub:after,
#header #b-menu #cssmenu ul li ul li.has-sub:before { display: none;}
#header #b-menu #cssmenu ul li ul,
#header #b-menu #cssmenu ul li ul li ul,
#header #b-menu #cssmenu ul li ul li:hover > ul,
#header #b-menu #cssmenu.align-right ul li ul,
#header #b-menu #cssmenu.align-right ul li ul li ul,
#header #b-menu #cssmenu.align-right ul li ul li:hover > ul { left: 0; position: relative; right: auto;}
#header #b-menu #cssmenu ul li ul li,
#header #b-menu #cssmenu ul li:hover > ul > li { max-height: 999px; position: relative; background: none;}
#header #b-menu #cssmenu ul li ul li a { padding: 8px 20px 8px 35px; color: #111;}
#header #b-menu #cssmenu ul li ul ul li a { padding: 8px 20px 8px 50px;}
#header #b-menu #cssmenu ul li ul li:hover > a { color: #111;}
#header #b-menu #cssmenu #menu-button { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 15px 20px 15px 20px; text-transform: uppercase; font-weight: 700; font-size: 14px; letter-spacing: 1px; color: #111; cursor: pointer;}
#header #b-menu #cssmenu #menu-button:after { display: block; content: ''; position: absolute; height: 3px; width: 22px; border-top: 2px solid #ffffff; border-bottom: 2px solid #ffffff; right: 20px; top: 16px;}
#header #b-menu #cssmenu #menu-button:before { display: block; content: ''; position: absolute; height: 3px; width: 22px; border-top: 2px solid #ffffff; right: 20px; top: 26px;}
}
/*-- HOME -- */
/*-- Container Slider -- */
#container-slider{ position:relative; width: 100%; height: 514px; border-top: 10px solid #444; border-bottom: 4px solid #444; }
/*-- Container Sobre -- */
#container-informacoes{ position:relative; width: 100%; height: auto; }
#container-informacoes #container-fixo2 #caixa-fotos{ float: left; width: 100%; height: 125px; }
#container-informacoes #container-fixo2 #caixa-fotos .foto{ float: left; margin: 0px 2px; width: 210px; height: 125px; }
#container-informacoes #container-fixo2 #caixa-texto{ float: left; margin-top: 40px; width: 610px; height: auto; }
#container-informacoes #container-fixo2 #caixa-texto #titulo{ float: left; width: 100%; height: auto; font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 700; font-size: 28px; color: #111; }
#container-informacoes #container-fixo2 #caixa-texto #texto{ float: left; margin-top:15px; width: 100%; height: auto; font-family: 'Open Sans', sans-serif; font-style: normal; text-align: justify; font-weight: normal; font-size: 15px; line-height: 25px; color:111; }
#container-informacoes #container-fixo2 #caixa-form{ float: right; margin-top: -200px; width: 310px; padding: 10px; height: auto; background-color: #444; }
#container-informacoes #container-fixo2 #caixa-form #titulo{ float: left; width: 100%; height: auto; padding: 10px 0 10px 0; text-align: center; font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 700; font-size: 21px; color: #fff; border-bottom: 1px solid #fff; margin-bottom: 5px; }
#container-informacoes #container-fixo2 #caixa-form span{ text-align: center; font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 300; font-size: 13px; color: #fff; }
#container-informacoes #container-fixo2 #caixa-form .dados{ float: left; width: 100%; height: auto; margin-bottom: 5px; font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 700; font-size: 14px; color: #fff; }
#container-informacoes #container-fixo2 #caixa-form .dados .form{ float: left; display: block; padding: 5px; width: 95%; font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 700; font-size: 14px; color: #444; }
#container-informacoes #container-fixo2 #caixa-form .dados .form2{ float: left; display: block; padding: 5px; width: 95%; font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 700; font-size: 14px; background-color: #444; color: #fff; border: 1px solid #fff; }
#container-informacoes #container-fixo2 #caixa-form .botao{ float: left; display: block; padding: 5px; text-align: center; width: 100%; font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 700; font-size: 14px; background-color: #ed1c24; color: #fff; border: 0px; border-top: 1px solid #fff; }
#container-informacoes #container-fixo2 #caixa-form .botao:hover{ background-color: #fac200; color: #111; }
/*-- CSS LIGHTBOX -- */
#imagelightbox{ position: fixed; z-index: 9999; -ms-touch-action: none; touch-action: none; }
/* ACTIVITY INDICATION */
#imagelightbox-loading,
#imagelightbox-loading div
{
border-radius: 50%;
}
#imagelightbox-loading{ width: 2.5em; /* 40 */ height: 2.5em; /* 40 */ background-color: #444; background-color: rgba( 0, 0, 0, .5 ); position: fixed; z-index: 10003; top: 50%; left: 50%; padding: 0.625em; /* 10 */ margin: -1.25em 0 0 -1.25em; /* 20 */ -webkit-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */ box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */ }
#imagelightbox-loading div{ width: 1.25em; /* 20 */ height: 1.25em; /* 20 */ background-color: #fff; -webkit-animation: imagelightbox-loading .5s ease infinite; animation: imagelightbox-loading .5s ease infinite; }
@-webkit-keyframes imagelightbox-loading {
from { opacity: .5; -webkit-transform: scale( .75 ); }
50% { opacity: 1; -webkit-transform: scale( 1 ); }
to { opacity: .5; -webkit-transform: scale( .75 ); }
}
@keyframes imagelightbox-loading
{
from { opacity: .5; transform: scale( .75 ); }
50% { opacity: 1; transform: scale( 1 ); }
to { opacity: .5; transform: scale( .75 ); }
}
/* OVERLAY */
#imagelightbox-overlay{ background-color: #fff; background-color: rgba( 255, 255, 255, .8 ); position: fixed; z-index: 9998; top: 0; right: 0; bottom: 0; left: 0; }
/* "CLOSE" BUTTON */
#imagelightbox-close{ width: 2.5em; /* 40 */ height: 2.5em; /* 40 */ text-align: left; background-color: #666; border-radius: 50%; position: fixed; z-index: 10002; top: 2.5em; /* 40 */ right: 2.5em; /* 40 */ -webkit-transition: color .3s ease; transition: color .3s ease; }
#imagelightbox-close:hover,
#imagelightbox-close:focus { background-color: #111; }
#imagelightbox-close:before,
#imagelightbox-close:after{ width: 2px; background-color: #fff; content: ''; position: absolute; top: 20%; bottom: 20%; left: 50%; margin-left: -1px; }
#imagelightbox-close:before{ -webkit-transform: rotate( 45deg ); -ms-transform: rotate( 45deg ); transform: rotate( 45deg ); }
#imagelightbox-close:after { -webkit-transform: rotate( -45deg ); -ms-transform: rotate( -45deg ); transform: rotate( -45deg ); }
/* CAPTION */
#imagelightbox-caption{ text-align: center; color: #fff; background-color: #666; position: fixed; z-index: 10001; left: 0; right: 0; bottom: 0; padding: 0.625em; /* 10 */ }
/* NAVIGATION */
#imagelightbox-nav
{
background-color: #444;
background-color: rgba( 0, 0, 0, .5 );
border-radius: 20px;
position: fixed;
z-index: 10001;
left: 50%;
bottom: 3.75em; /* 60 */
padding: 0.313em; /* 5 */
-webkit-transform: translateX( -50% );
-ms-transform: translateX( -50% );
transform: translateX( -50% );
}
#imagelightbox-nav button
{
width: 1em; /* 20 */
height: 1em; /* 20 */
background-color: transparent;
border: 1px solid #fff;
border-radius: 50%;
display: inline-block;
margin: 0 0.313em; /* 5 */
}
#imagelightbox-nav button.active
{
background-color: #fff;
}
/* ARROWS */
.imagelightbox-arrow
{
width: 3.75em; /* 60 */
height: 7.5em; /* 120 */
background-color: #444;
background-color: rgba( 0, 0, 0, .5 );
vertical-align: middle;
display: none;
position: fixed;
z-index: 10001;
top: 50%;
margin-top: -3.75em; /* 60 */
}
.imagelightbox-arrow:hover,
.imagelightbox-arrow:focus { background-color: rgba( 0, 0, 0, .75 ); }
.imagelightbox-arrow:active { background-color: #111; }
.imagelightbox-arrow-left { left: 2.5em; /* 40 */ }
.imagelightbox-arrow-right { right: 2.5em; /* 40 */ }
.imagelightbox-arrow:before
{
width: 0;
height: 0;
border: 1em solid transparent;
content: '';
display: inline-block;
margin-bottom: -0.125em; /* 2 */
}
.imagelightbox-arrow-left:before
{
border-left: none;
border-right-color: #fff;
margin-left: -0.313em; /* 5 */
}
.imagelightbox-arrow-right:before
{
border-right: none;
border-left-color: #fff;
margin-right: -0.313em; /* 5 */
}
#imagelightbox-loading,
#imagelightbox-overlay,
#imagelightbox-close,
#imagelightbox-caption,
#imagelightbox-nav,
.imagelightbox-arrow
{
-webkit-animation: fade-in .25s linear;
animation: fade-in .25s linear;
}
@-webkit-keyframes fade-in
{
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes fade-in
{
from { opacity: 0; }
to { opacity: 1; }
}
@media only screen and (max-width: 41.250em) /* 660 */
{
#container
{
width: 100%;
}
#imagelightbox-close
{
top: 1.25em; /* 20 */
right: 1.25em; /* 20 */
}
#imagelightbox-nav
{
bottom: 1.25em; /* 20 */
}
.imagelightbox-arrow
{
width: 2.5em; /* 40 */
height: 3.75em; /* 60 */
margin-top: -2.75em; /* 30 */
}
.imagelightbox-arrow-left { left: 1.25em; /* 20 */ }
.imagelightbox-arrow-right { right: 1.25em; /* 20 */ }
}
@media only screen and (max-width: 20em) /* 320 */
{
.imagelightbox-arrow-left { left: 0; }
.imagelightbox-arrow-right { right: 0; }
}
/*---------------------- */
/*-- Rodapé -- */
#container-rodape{ position: relative; margin-top: 50px; width: 100%; height: auto; background-color: #ed1c24; }
#container-rodape #container-fixo2 #caixa{ position:relative; text-align: center; padding: 25px 0; width: 100%; height: auto; margin: 0 auto; font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 300; font-size: 12px; color: #fff; }