@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,700');

*{font-size:16px; font-weight: 400; font-family: 'Open Sans', sans-serif; text-decoration: none; margin:0; padding:0; list-style: none; color:#3c3c3c;}
del {text-decoration: line-through; font-size: 36px;}
u {font-weight: 700;}
em {font-weight: 900; font-style: normal;}

.clearfix { clear: both; }
.margin-bottom-10 { margin-bottom: 10px; }
.margin-bottom-15 { margin-bottom: 15px; }
.margin-bottom-20 { margin-bottom: 20px; }
.margin-bottom-25 { margin-bottom: 25px; }
.margin-bottom-50 { margin-bottom: 50px; }
.margin-bottom-70 { margin-bottom: 70px; }

/*/////////////////////////////////////////////////////////////////////////////////////////
TOPO IMPORTANTE
/////////////////////////////////////////////////////////////////////////////////////////*/
#topo-importante {width:100%;  border-bottom:1px dotted #d5d5d5; margin:0 auto;}
#box-importante {width: 100%; display: block; max-width: 1400px; margin: 0 auto;}
#box-importante > h1 {display:inline-block; font-size: 0.8em; padding:0.5%; letter-spacing: 1px; color:#9e9e9e;}
#box-importante > span {display:inline-block; font-size: 0.8em; padding:0.5%; letter-spacing: 1px; color:#9e9e9e;}
#box-importante > p {display:inline-block; padding:1%; }

.telefone {color:#ffffff; font-weight: 400; background-color:#818285; float: right;}
.whatsapp {background-color:#4ac759; color:#ffffff; float: right;  border-radius: 0 0 15px 0;}
.whats-icon {width:30px; float: right; margin-top:-10px; padding-left:5px;}

.whats-box-lateral{
    display: block;
    width:67%;
    padding:10%;
    border:1px solid #d9d9d9;
    margin:25px 0;
    text-align: center;
}

.whats-box-lateral i {
    color:forestgreen;
    font-size: 90px;
}

.whats-box-lateral h3 {
    color:forestgreen;
    font-size: 35px;
}

.whats-box-lateral h6 {
    color:forestgreen;
    font-size: 30px;
    font-weight: 700;
}

.whats-box-lateral p {
    color:#555;
}

/*/////////////////////////////////////////////////////////////////////////////////////////
NAV TOPO
/////////////////////////////////////////////////////////////////////////////////////////*/
#menu-topo-esticado {width:100%; height: 160px;}
#menu-box {max-width:1440px; clear: both; margin:0 auto; padding-top:1%;}
#logo-mitras {display: inline-block; float: left; margin-left:4%;}
.bt-menu {display: none;}

#menu-topo {width: 55%; float:left; margin-left: 50px; margin-top:30px;}
#menu-topo > li {display: inline-block; padding:1% 2%; float:left; transition: 300ms all;}
#menu-topo > li:hover {background-color:#ed1c24; border-radius: 20px;}
#menu-topo > li:hover > a {color:#ffffff;}
#menu-topo > li > a {color:#3c3c3c; font-size: 13px;}

.liga-whats {display: none; color:#ffffff;}
.liga-cel {color:#ffffff;}

/*/////////////////////////////////////////////////////////////////////////////////////////
BOX INFO TOPO
/////////////////////////////////////////////////////////////////////////////////////////*/
.box-info {width:15%; display: block; float: right;}
.box-whats {background:#66ba6c; display: inline-block; border-radius: 15px; padding:5%;}
.box-whats i {color:#ffffff;}
.box-tel {font-weight: 700; margin-top:10px; color:#777 !important;}
.box-tel i {float: left; font-size: 25px; margin-top:5px; color:#777 !important; margin-right: 10px; display: block; margin-bottom: 20px;}

/*/////////////////////////////////////////////////////////////////////////////////////////
FAIXA COMERCIAL
/////////////////////////////////////////////////////////////////////////////////////////*/
#faixa-comercial {width:100%; min-height:85px; background-color:#ecece5; }
#box-avaliacao {width:33.2%; height: 85px; float: left;}
#box-avaliacao > img {display: inline-block; margin-right:10px; float: left; margin-left:20%; margin-top:10px;}
#box-avaliacao > h3 {width:180px; display: inline-block; font-size: 14px; margin-top:20px; font-weight: 800; color:#919169; text-transform: uppercase;}
#box-avaliacao > p {display: inline-block; font-size: 18px; color:#919169;}
.avaliacao-central {border-left:1px dotted #b1b1aa; border-right:1px dotted #b1b1aa;}

/*/////////////////////////////////////////////////////////////////////////////////////////
TRATAMENTO EM DESTAQUE
/////////////////////////////////////////////////////////////////////////////////////////*/
#tratamento-destaque-esticado {width:100%;  height:420px;  padding:2% 0 5% 0;}
#tratamento-destaque > h3 {max-width: 1440px; text-align: center; font-size:26px; padding:1%; font-weight: 300;}
#tratamento-destaque > h3 > em {font-size:26px; font-style: normal; font-weight:800; color:#ed1c24;}
#tratamento-destaque > h3 > img {position: relative; top:5px;}
#tratamento-destaque > h2 {max-width: 1440px; text-align: center; font-size:26px; padding:1%; font-weight: 300;}
#tratamento-destaque > h2 > em {font-size:26px; font-style: normal; font-weight:800; color:#ed1c24;}
#tratamento-destaque > h2 > img {position: relative; top:5px;}
#tratamento-destaque {max-width: 1440px; margin:0 auto; padding:2%;}
#tratamento-destaque > li {width:14%; float:left; margin:0 1.3%; margin-top:35px; transition: 300ms all;}
#tratamento-destaque > li:hover {outline: 1px solid #ffffff; outline-offset: -10px; margin-top:10px;}
#tratamento-destaque > li > a > img {width:100%;}
#tratamento-destaque > li > a > h1 {background:#ed1c24; height:60px; margin-top:-5px;}
#tratamento-destaque > li > a > h1 > strong {float:left; width: 100%; text-align: center; color:#ffffff; margin-top:20px;}
#tratamento-destaque > li > a > h2 {background:#ed1c24; height:60px; margin-top:-5px;}
#tratamento-destaque > li > a > h2 > strong {float:left; width: 100%; text-align: center; color:#ffffff; margin-top:20px;}

/*/////////////////////////////////////////////////////////////////////////////////////////
TRATAMENTO ESPECIALIZADO
/////////////////////////////////////////////////////////////////////////////////////////*/
#especializados {width:100%; min-height: 250px; background:#f9f9f9; padding:2% 0 5% 0;}
#tratamento-especializado > h3 {max-width: 1440px; text-align: center; font-size:26px; padding:1%; font-weight: 300;}
#tratamento-especializado > h3 > em {font-size:26px; font-style: normal; font-weight:800; color:#ed1c24;}
#tratamento-especializado > h3 > img {position: relative; top:5px;}
#tratamento-especializado > h2 {max-width: 1440px; text-align: center; font-size:26px; padding:1%; font-weight: 300;}
#tratamento-especializado > h2 > em {font-size:26px; font-style: normal; font-weight:800; color:#ed1c24;}
#tratamento-especializado > h2 > img {position: relative; top:5px;}
#tratamento-especializado {max-width: 1440px; margin:0 auto; padding:2%;}
#tratamento-especializado > li > a {width:13%; float:left; padding:3% 1.5%; text-align: center; margin-top:35px; margin-right: 0.5%; background:#ed3e59; color:#fff; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; transition: 300ms all; border-radius: 75px 0 75px 0;}
.especializado-1 {background:#f53d4b !important;}
.especializado-2 {background:#994de5 !important;}
.especializado-3 {background:#2da3b9 !important;}
.especializado-4 {background:#f09648 !important;}
.especializado-5 {background:#ed3ea3 !important;}
.especializado-6 {background:#62d674 !important;}
#tratamento-especializado > li > a:hover {background:#ed3e59 !important;}


/*/////////////////////////////////////////////////////////////////////////////////////////
CONTEUDO DO SITE
/////////////////////////////////////////////////////////////////////////////////////////*/
.banner-conteudo {max-width:1440px; display: block; margin:0 auto;}

#conteudo-geral {max-width: 1440px; margin: 0 auto; width: 100%;}
#conteudo {width:55%; margin-left:10%; float: left; padding-bottom:5%; margin-top:55px;}
.full {width:80% !important;}

#conteudo > h1 {max-width: 1440px; font-size:26px; padding:1%; font-weight: 300;}
#conteudo > h1 > strong {font-size:26px; font-style: normal; font-weight:800; color:#ed1c24;}
#conteudo > h1 > img {position: relative; top:5px;}
#conteudo > p {width: 95%; line-height: 26px; margin-top:15px; text-align: justify;}
#conteudo > p > a {color: blue;}
#conteudo > h4 {margin-top:25px; font-weight:700;}
#conteudo > a {display: inline-block; padding: 10px; margin-top:15px; border:1px solid #999;}
#conteudo > a:hover {background-color:#eee;}
#bold {font-weight: 700;}

#aviso {width:90%; margin:0 auto; padding:1em; background:#eee; border-radius: 25px;}

#lateral {width:25%; margin-right:5%; float:right; margin-top:75px;}
#valor {width:100%; min-height: 250px; background:#f7f7f7;}
#valor > h1 {width: 90%; display: block; font-size: 36px; letter-spacing: -1px; font-weight:300; line-height: 40px; padding-left:10%; padding-top:25px;}
#valor > p {display: block; width:90%; padding-left:10%;}
#lateral > img {width:100%;}
.valor {font-size:76px; font-weight: 900; color:#ed1c24; margin-top:-15px;}
.vezes {font-size:36px; font-weight: 900; color:#8b8b8b; text-transform: uppercase; margin-top:-20px;}

/*/////////////////////////////////////////////////////////////////////////////////////////
CRIO DIFERENCIAIS DO SITE
/////////////////////////////////////////////////////////////////////////////////////////*/
#diferenciais-crio {width:100%; border:1px dotted #777; padding-bottom:15px; margin-top:15px;}
#diferenciais-crio > h3 {width:96%; padding:2%; background:#c74444; color:#fff; font-size: 20px;}
#diferenciais-crio > p {padding:0 2%; font-size: 18px; line-height: 28px; margin-top:15px;}
#diferenciais-crio > p > strong {font-size: 18px; line-height: 28px; font-weight: 700;}
#diferenciais-crio > ol {padding:5%;}
#diferenciais-crio > ol > li {list-style: square; margin-left:15px; margin-top:10px; line-height: 150%;}
.lista-crio li {list-style: circle; margin-left:35px; line-height: 150%;}
.lista-crio li::before {margin-top:5px;}

/*/////////////////////////////////////////////////////////////////////////////////////////
LISTA TRATAMENTOS
/////////////////////////////////////////////////////////////////////////////////////////*/
#lista-tratamentos {width:100%;}
#lista-tratamentos > li {width:23%; min-height: 260px; background:red; float: left; margin:1%; transition: 500ms all;}
#lista-tratamentos > li:hover {outline: 1px solid #ffffff; outline-offset: -10px; background: #c9171e;}
#lista-tratamentos > li > a > img {width:100%;}
#lista-tratamentos > li > a > h1 {width:90%; display:block; padding:5%; color:#ffffff; font-size:18px; text-align: center;}

/*/////////////////////////////////////////////////////////////////////////////////////////
LINK CHAMADA
/////////////////////////////////////////////////////////////////////////////////////////*/
.chamada-fica-dica {font-size: 20px; margin-top:50px; font-weight: 700; text-transform: uppercase; color:#ed1c24;}
.chamada-fica-dica > i {color:#ed1c24;}

.link-chamada {margin-top: 15px; padding:2%; border:1px solid #dd8487; display: block; border-radius: 15px;}
.link-chamada > h4 {font-size: 20px;}
.link-chamada > li {padding:0.5%; margin-top:5px; border-bottom: 1px dotted #ddd;}
.link-chamada > li > a > i {color:#ddd; margin-right: 5px;}
.link-chamada > li:last-child {border-bottom: 0px dotted #aaa;}
.link-chamada > li > a:hover {font-weight: 700; color:#ed1c24;}

/*/////////////////////////////////////////////////////////////////////////////////////////
FORM DO SITE
/////////////////////////////////////////////////////////////////////////////////////////*/
input {width:100%; padding:1%; margin:1%}
select {width:102.5%; padding:1%; margin:1%}
textarea {width:100%; padding:1%; margin:1%}

/*/////////////////////////////////////////////////////////////////////////////////////////
PROMOÇÕES
/////////////////////////////////////////////////////////////////////////////////////////*/
#conteudo > p.promocoes-subtitulo { font-size: 18px; width: 95%; margin: 20px 0 40px 0; line-height: 30px; }
#conteudo > p.promocoes-subtitulo > strong { font-weight: 700; }

.promocoes { width: 100%; min-height: 350px; clear: both; margin-bottom: 35px; overflow: hidden; }
.promocoes-facial { background-image: url('../img/promocoes/Mitras_Horizontal_Facial_BG.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; }
.promocoes-corporal { background-image: url('../img/promocoes/Mitras_Horizontal_Corporal_BG.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; }
.promocoes-especial { background-image: url('../img/promocoes/Mitras_Horizontal_Julho2018_BG.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; }
.promocoes h3 { color: #4c6a6f; font-size: 35px; font-weight: 700; font-family: 'Roboto Condensed', sans-serif; text-decoration: none; text-transform: uppercase; }
.promocoes h3 > .light { color: #4c6a6f; font-size: 35px; font-weight: 300; font-family: 'Roboto Condensed', sans-serif; text-decoration: none; text-transform: uppercase; }
.promocoes h4 { color: #4c6a6f; font-size: 22px; font-weight: 700; font-family: 'Roboto Condensed', sans-serif; text-decoration: none; text-transform: uppercase; padding: 10px 0;}
.promocoes li { color: #4c6a6f; font-size: 16px; font-weight: 400; font-family: 'Open Sans', sans-serif; text-decoration: none; }
.promocoes li > .obs { color: #4c6a6f; font-size: 14px; font-weight: 400; font-family: 'Open Sans', sans-serif; text-decoration: none; }
.promocoes p.valor-original { color: #4c6a6f; font-size: 15px; font-weight: 300; font-family: 'Roboto Condensed', sans-serif; text-decoration: line-through; text-transform: uppercase; }
.promocoes p.valor-oferta { color: #4c6a6f; font-size: 35px; font-weight: 700; font-family: 'Roboto Condensed', sans-serif; text-decoration: none; text-transform: uppercase; }
.promocoes ul { margin-bottom: 15px; }
.promocoes-imagem { float: left; padding: 20px; }
.promocoes-imagem > IMG { border: 17px solid #FFFFFF; -webkit-box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.30); -moz-box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.30); box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.30); }
.promocoes-descricao { float: left; padding: 30px 15px; max-width: 46%; }

/*/////////////////////////////////////////////////////////////////////////////////////////
ESTETICA OFERTA
/////////////////////////////////////////////////////////////////////////////////////////*/
#estetica-oferta {width:100%; max-width:1440px; clear: both; padding:3% 0;}
#estetica-oferta > h3 {max-width: 1440px; text-align: center; font-size:26px; padding:1%; font-weight: 300;}
#estetica-oferta > h3 > em {font-size:26px; font-style: normal; font-weight:800; color:#ed1c24;}
#estetica-oferta  > h3 > img {position: relative; top:5px;}
#estetica-oferta > a {width:21%; display: inline-block; margin:0 1%; margin-top:35px; transition: 100ms all; margin-bottom: 50px;}
#estetica-oferta > a:hover {outline: 1px solid red; outline-offset: 10px; margin-top:10px;}
#estetica-oferta > a.primeiro {margin-left:2%;}

/*/////////////////////////////////////////////////////////////////////////////////////////
RODAPÉ DO SITE
/////////////////////////////////////////////////////////////////////////////////////////*/
footer {width:100%; height: 250px; background:#a91a1f; padding:5% 0; clear: both;}
footer > h1 { display: block; text-align: center; margin-top:-35px; padding:1%; color:#e4e4e4; letter-spacing: 2px;}
footer > p { display: block; text-align: center; margin-top:-35px; padding:1%; color:#e4e4e4; letter-spacing: 2px;}
#mapa-do-site {width:100%; max-width:1440px; margin:0 auto;}
#mapa-do-site > ul > li {width: 14%; margin:1%; float:left;}
#mapa-do-site > ul > li.primeira {margin-left:12%; margin-bottom:0px;}
#mapa-do-site > ul > li > a {display: block; font-size:14px; color:#fcd7d9; margin-top:10px; font-weight: 300; transition: 300ms all;}
#mapa-do-site > ul > li > a:hover {color:#ffffff; border-left:5px solid #ffffff; padding-left:5px;}
#mapa-do-site > ul > div {width: 75%; margin-left:11%; font-size:26px; font-weight: 300; color:#ffffff; padding-bottom: 0.5%; border-bottom:10px solid #ba1f24;}

.telefone-rodape {width:70%; height: 70px; margin:0 auto; text-align: center; clear: both; display: block; background:#c82d34; margin-bottom:15px; position: relative; top:50px;}
.pequeno {font-size:14px !important; padding:0; top:35px; display: block; position: absolute;}
.telefone-rodape > img {height: 70px; float: left;}
.telefone-rodape > img.whats {height: 50px; margin:0 12px; margin-right: 25px;}
.telefone-rodape > p { float: left; font-size: 26px; color:#ffffff; font-weight:300; margin-left:25px; margin-top:8px;}

#social {display: block; float:left; padding:1%; margin-top:7px;}
#social > a  { display: inline-block; padding:0%; margin-right: 5px; color: #ffffff !important;}
#social > a > i {color: #ffffff;}

#assinatura {width:100%; background-color:#6f1114; clear: both;}
#assinatura > h1 {max-width: 1440px; margin:0 auto; font-size:14px; text-align:center; padding:2%; padding-top:70px; padding-bottom:50px; color:#b8b4b4; letter-spacing:1px;}
#assinatura > h1 > a {display: inline-block; color:#b8b4b4; font-size:10px; letter-spacing:2px; padding:0.5%; margin-left:15px; text-transform: uppercase; border:1px solid #b8b4b4;}
#assinatura > p {max-width: 1440px; margin:0 auto; font-size:14px; text-align:center; padding:2%; padding-top:70px; padding-bottom:50px; color:#b8b4b4; letter-spacing:1px;}
#assinatura > p > a {display: inline-block; color:#b8b4b4; font-size:10px; letter-spacing:2px; padding:0.5%; margin-left:15px; text-transform: uppercase; border:1px solid #b8b4b4;}

/*/////////////////////////////////////////////////////////////////////////////////////////
DEPOIMENTOS
/////////////////////////////////////////////////////////////////////////////////////////*/
#depoimentos {margin-top:35px;}
#depoimentos > li {min-height: 150px; clear:both; display: block; padding-bottom:5%; margin-bottom:25px; border-bottom:1px dotted gray;}
#depoimentos > li > img {width:15%; float: left; margin-right: 25px;}
#depoimentos > li > p {font-size: 14px; width: 80%; margin-top:5px; float: left;}
#depoimentos > li > p.nome {font-weight: 700; color:red; margin-top:35px;}

/*/////////////////////////////////////////////////////////////////////////////////////////
PACOTE CRIO
/////////////////////////////////////////////////////////////////////////////////////////*/
#pacote-crio {width:90%; background:#eee; padding:10px 30px; margin-top:15px; padding-bottom:35px;}
#pacote-crio > h1 {width:90%; font-weight: 700; margin-top:25px;}
#pacote-crio > h1 > strong {font-weight: 700;}
#pacote-crio > p {width:90%;}

/*/////////////////////////////////////////////////////////////////////////////////////////
MODAL
/////////////////////////////////////////////////////////////////////////////////////////*/
.modalDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog > div {
	width: 500px;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
}

.modalDialog > div > h2 {font-size:26px; margin-top:15px; margin-bottom:15px;}
.modalDialog > div > p {font-size:14px; margin-bottom:15px;}
.modalDialog > div > input {width:95%;}
.modalDialog > div > input.bt-enviar {width:98%;}

.close {
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

.close:hover { background: #00d9ff; }

/* CYCLE INÍCIO //////////////////////////////////////////////////////////////////////////// */
.cycle-slideshow {max-width: 1440px; width:100%; margin:0 auto;}
.cycle-slideshow > a > img {width:100%;}
.center {display: block; position: absolute; margin-top:-24%; z-index: 500; width:100%;}
#prev {display: inline-block; float: left; padding:15px; background: #fff; font-size: 26px; font-weight: 700; color:red; opacity:0.9; border-radius: 0 15px 15px 0;}
#next {display: inline-block; float: right; padding:15px; background: #fff; font-size: 26px; font-weight: 700; color:red; opacity:0.9; border-radius: 15px 0 0 15px;}

/* RETORNO AGENDAMENTO INÍCIO //////////////////////////////////////////////////////////////////////////*/
.retorno-site {width:100%; max-width: 450px; min-width: 320px; margin:0 auto; text-align: center; clear: both; margin-top:25px; padding:5%; background:#f1f1f1}
.retorno-site > h1 {font-size: 20px; font-weight:700; padding-top:15px;}
.retorno-site > p {margin-top:-20px;}
.retorno-site > a {padding: 10px; display: inline-block; margin-top:15px; background: red; color:#fff; text-transform: uppercase; border-radius: 15px;}

/* HOTSITE //////////////////////////////////////////////////////////////////////////*/
#mitras-hotsite {width: 90%; padding:5%;}
#mitras-hotsite > img {display: inline-block; padding:5%; border:1px solid gray;}
#mitras-hotsite > span {width:65%; float: right;}
#mitras-hotsite > span > h1 {font-size: 36px; line-height: 26px; font-weight: 700; letter-spacing: -1px; color:#ed1c24;}
#mitras-hotsite > span > p {font-size: 16px; line-height: 26px; margin-top:15px;}
#mitras-hotsite > span > p.ultimo {margin-bottom: 7%;}

#trat-dest-hotsite {width:90%; padding:0 5%;}
#trat-dest-hotsite > h1 {display: block; clear: both; text-align: center; margin-top:3%; font-size: 36px; font-weight: 700; color:#ed1c24; text-transform: uppercase; letter-spacing: -1px; border-bottom: 5px solid #ed1c24;}
#trat-dest-hotsite > li {width:16%; min-height: 200px; display:inline-block; padding:1%; background:#eee; margin:0.5%; margin-top:3%;}
#trat-dest-hotsite > li > h2 {font-weight: 700; color:#fff; background:#ed1c24; display: inline-block; padding:5px 10px; border-radius: 15px; position: relative; top:-20px;}
#trat-dest-hotsite > li > img {width:100%; margin-top:-30px;}
#trat-dest-hotsite > li > h1 {font-weight: 700; line-height: 10px; margin-top:15px;}
#trat-dest-hotsite > li > h4 {font-size: 26px; font-weight: 700; color:#ed1c24;}
#trat-dest-hotsite > li > p {font-size: 12px;}
#trat-dest-hotsite > h2 {margin-top:25px; text-align: center; font-size: 20px;}
#trat-dest-hotsite > p {text-align: center; font-size: 26px; font-weight: 700; color:#2d9f3a;}
#trat-dest-hotsite > p > i {color:#2d9f3a;}

#rodape-hotsite {width:90%; background:#3c3c3c; text-align: center; padding:5%; margin-top:5%;}
#rodape-hotsite > p {color:#fff; letter-spacing: 1px; line-height: 26px;}