html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;font-family: 'Open Sans', sans-serif; font-weight:400; background-color: #00a2a7 !important;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.contatotopo{height:30px; background:#c6ced4; width:100%;}
.contatotopoint{position:relative; margin:auto; width:100%; max-width:750px; top:3px; padding:0 5px 0 5px;}
.fone{float:right; font-size:19px;font-family: 'Open Sans', sans-serif; position:relative; top:-23px;}
.bannerespaco{height:53px;}
.fundotopo { max-width: 1048px;width: 100%;height: auto;position:relative; margin:auto;}
.funtotopo img{ max-width: 1048px; width: 100%;max-height: 586px;min-height: auto; background-size:100%;background-repeat: no-repeat; }
.topo{background:#00a2a7; height:53px; width:100%; position:fixed; z-index:1000;font-family: 'Roboto', sans-serif; font-weight: bold;}
.carousel-caption{left:40% !important; right:40% !important;}
nav#topoint{
max-width:770px;
position:relative;
margin:auto;
text-align:center;
display: flex;
}
nav#topoint li {
display: inline-block;
}
.one{ width:100%; max-width:160px; position:relative; float:left; padding-top:7px;}
.two{ width:100%; max-width:820px; position:relative; float:right;}
#menu{max-width:770px;position:relative; margin:auto; float:right; top:13px;}
#menu ul{ display:inline-flex; max-width:820px; list-style: none; font-family: 'Open Sans', sans-serif; font-weight:600; z-index:100;}
#menu ul li{ font-size:14px;padding:0 5px 10px 5px; }
#menu ul li a{ padding:0 5px 10px 5px; text-decoration: none; text-transform: uppercase; color: #fFF; }
#menu ul li a.last{ }
#menu ul li a:hover{ color: #fce38a; border-bottom: 4px solid #fce38a; }
#menu ul li a:active{color: #fce38a; border-bottom: 4px solid #fce38a; }
.topnav{display:none;}
.bloco1mob{display: none;}
.bloco1fundo{ width: 100%; background-color: #00a2a7; }
.balutitulo{
background-image: url(../img/balutitle.png);
width: 920px;
position: relative;
margin: auto;
height: 44px;
background-repeat: no-repeat;
}
nav#bloco1mob{display: none;}
nav#bloco1{
max-width:920px;
position:relative;
margin:auto;
text-align:center;
padding-top: 8px;
}
nav#bloco1int li {
display: inline-block;
max-width: 920px;
position: relative;
margin: auto;
}
#bloco11{ width:100%; max-width:600px; position:relative; float: left; padding-top: 5px;}
#bloco21{ width:100%; max-width:300px; position:relative; float: right;}
nav#rodapeint{
max-width:1000px;
position:relative;
margin:auto;
text-align:center;
padding-top: 8px;
}
nav#rodapeint li {
display: inline-block;
}
.oneroda{ width:100%; max-width:360px; position:relative; float: left; padding-top: 5px;}
.tworoda{ width:100%; max-width:230px; position:relative; float: right;}
#bloco2mobint{display: none;}
#bloco22mobint{display: none;}
.bloco2fundo{ width: 100%; background-color: #ffbd45; }
.franquiatitulo{
background-image: url(../img/franquiatitulo.png);
width: 920px;
position: relative;
margin: auto;
height: 44px;
background-repeat: no-repeat;
}
nav#bloco2{
max-width:700px;
position:relative;
margin:auto;
text-align:center;
padding-top: 8px;
}
nav#bloco2int li {
display: inline-block;
max-width: 740px;
position: relative;
margin: auto;
}
#bloco21{ width:100%; max-width:360px; position:relative; float: left; padding-top: 5px;}
#bloco22{ width:100%; max-width:230px; position:relative; float: right;}
nav#bloco22int li {
display: inline-block;
max-width: 740px;
position: relative;
margin: auto;
}
#bloco221{ width:100%; max-width:360px; position:relative; float: left; padding-top: 5px;}
#bloco222{ width:100%; max-width:230px; position:relative; float: right;}
.blocovideofundo{ width: 100%; background-color: #00a2a7; }
.videotitulo{
background-image: url(../img/invistatitulo.png);
width: 920px;
position: relative;
margin: auto;
height: 44px;
background-repeat: no-repeat;
}
.txtvideo{width: 550px; position: relative;margin: auto; color: #fff; text-align: left;}
.blocovideo{top:-50px; text-align:center; width:100%; max-width: 800px;
position:relative; margin: auto; min-height:46px;font-family: 'Roboto', sans-serif; color:#773160;}
.fundorodape {width: 100%;height: 100%; max-width: 1920px; max-height:255px; position:relative; margin:auto;}
.fundorodape img{ width: 100%;height: auto; }
.topoimg{width:100%; height:100%; max-width:1600px; max-height:355px; margin:auto; position:relative;}
.topoimg img{width:100%; height:auto; z-index:10;}
.blococontatofundo{width: 100%; background-color: #fff;}
.contatotitulo{
background-image: url(../img/invistatitulo.png);
width: 920px;
position: relative;
margin: auto;
height: 44px;
background-repeat: no-repeat;
}
.contato{background-color: #86c35b;}
.aviso{float: right; color: #fff; font-size: 11px;}
nav#contatoform{max-width:1000px;
position:relative;
margin:auto;
text-align:center;
}
nav#contatoform li {
display: inline-block;
padding: 5px;
vertical-align: top;
}
.oneform{ width:100%; max-width:552px;}
.twoform{ width:100%; max-width:300px; font-size:13px;}
.inputnome2{width:100%; height:50px; margin-bottom:20px; color: #773160; }
.inputemail2{ width:100%; height:50px; margin-bottom:20px; color: #773160;}
.inputfone2{max-width:269px;width:100%; height:50px; margin-bottom:20px; color: #773160;}
.inputcelular2{max-width:262px;width:100%; height:50px; margin-bottom:20px; color: #773160;}
.inputcidade2{max-width:269px;width:100%; height:50px; margin-bottom:20px; color: #773160;}
.inputassunto2{width:100%; height:50px; margin-bottom:20px; color: #773160;}
.inputmensagem2{width:100%; height:50px; margin-bottom:20px; color: #773160;}
.blocolojastitle{}
.blocolojas{width: 100%; max-width:950px; position: relative;margin: auto; background-color: #fff; height: auto; min-height:580px; }
.bgimg-2{
position: relative;
/*opacity: 0.65;*/
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
/*background-position-y: -371px;*/
}
.bgimg-2 {
background-image: url(img/bg2.jpg);
min-height: 745px;
max-width:100%;
position:relative;
margin:auto;
text-align: center;
}
.bgimg-3{
position: relative;
/*opacity: 0.65;*/
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
/*background-position-y: -371px;*/
}
.bgimg-3 {
background-image: url(img/bg3.jpg);
/*min-height: 700px;*/
max-width:100%;
position:relative;
margin:auto;
}
nav#rodapeint{
max-width:1000px;
position:relative;
margin:auto;
text-align:center;
padding-top: 8px;
}
nav#rodapeint li {
display: inline-block;
}
.oneroda{ width:100%; max-width:360px; position:relative; float: left; padding-top: 5px;}
.tworoda{ width:100%; max-width:230px; position:relative; float: right;}
.equipa{width:100%; max-width:750px; text-align:center; position:relative; margin:auto; display:flex;}
.foto{width:123px;}
.fotodes{width:100%; max-width:600px; text-align:justify; margin-left:20px;}
.image-container {
width: 365px;
height: 250px;
/*margin: 10px;*/
float: left;
/*border: 5px solid #fff;*/
overflow: hidden;
position: relative;
text-align: center;
/*box-shadow: 0px 0px 5px #aaa;*/
cursor: default;
}
.image-container .mask, .image-container .content {
width: 365px;
height: 250px;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
/*defino tamanho da mascara*/
}
.image-container img {
display: block;
position: relative;
}
.image-container a.info {
background:url('link.png') center no-repeat;
display: inline-block;
text-decoration: none;
padding:0;
text-indent:-9999px;
width:20px;
height:20px;
}
.effect .mask {
opacity: 0;
overflow:visible;
/*box-sizing:border-box;*/
transition: all 0.4s ease-in-out;
}
.effect a.info {
position:relative;
top:-10px; /* Center the link */
opacity: 0;
transition: opacity 0.5s 0s ease-in-out;
}
.effect:hover .mask {
opacity: 1;
background-color:rgba(0,0,0,0.50);
}
.effect:hover a.info {
opacity:1;
transition-delay: 0.3s;
}
.button3{font-family: 'Roboto', sans-serif; font-size:14px; line-height:17px;}
nav#blocodesc{
max-width:950px;
position:relative;
margin:auto;
text-align:center;
}
nav#blocodesc li {
display: inline-block;
}
.blocodesc1{ width:100%; max-width:206px; position:relative;margin:20px; }
.blocodesc2{ width:100%; max-width:213px; position:relative; margin:20px; vertical-align:top;}
#DescDiv{max-width:950px; width:100%; display:table; position:relative; margin:auto; border-radius:10px;}