/*Reset comandos*/
body, span, p, form, img, a{margin: 0;padding: 0; border:none; outline:none}ul, ol, li{list-style-type:none;padding:0;margin:0;}
/*atalhos para o css*/
.al{text-align:left;}.ac{text-align:center;}.ar{text-align:right;}.fl{float:left;}.fr{float:right;}.cb{clear:both;}.pr{position:relative;}.db{display:block;}.dt{display:table;}.ls{list-style-type:none;}.b0{border:0;}

body{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #666; background:url(../../images/bg-geral.jpg) repeat-x top center;}

@font-face {font-family: centabel; src: url("../../include/inc_module/mod_graphical_text/inc_fonts/centabel.eot") /* EOT file for IE */}
@font-face {font-family: centabel; src: url("../../include/inc_module/mod_graphical_text/inc_fonts/centabel.ttf") /* TTF file for CSS3 browsers */}

h1 {color:#930000; font-size:23px; margin:0 0 10px 0; padding:0; line-height:normal; font-weight: normal; font-family:centabel}

big {color:#CC3300; font-size: 18px; margin:0; padding:0 0 6px 0; line-height:normal; font-weight: normal; font-family:centabel; float:left; width:100%}

h2, small {color:#ae0000; font-size:18px; margin:5px 0 10px 0; padding:0; line-height:normal; font-weight: normal; font-family:centabel}

h3, tt {color: #FF6C00; font-size: 18px; margin:20px 0 5px 0; padding:0; line-height:normal; font-weight: normal; font-family:centabel}
.sobrenos h3{color: #AC0000; margin:0 0 8px 0; font-size: 21px; padding:0;}
.lancamento h3, .ultimos-videos h3{color:#000; margin:0; position:absolute; top:-35px; left:10px}
.produtos-home h3, .produtos-especiais h3, .produtos-especiais-int h3, .produtos-home-int h3{color:#9C0000; font-size: 17px; margin:10px 0 5px 0; padding:0}
.right h3{color:#930000; margin:0 0 10px 0; border-bottom:3px solid #CC3300; font-size:20px}
.right-contato h3{color:#930000; font-size:20px; margin:0 0 10px 0; padding:0; line-height:normal; font-weight: normal; font-family:centabel}

h4, code { margin:0; padding:0; font-family:centabel; font-weight:normal;}

/* inicio links */
a{text-decoration:none;color:#CC3300;}
a:hover{color:#CC3300;text-decoration: underline;}
.sobrenos a{font-size:11px; margin:10px 0 0 0; float:right}
#slider1 a{color:#fff; text-decoration:none}
a.lista-produtos-home {color:#333; font-size:11px; text-decoration:none; margin:3px 0 3px 0; padding:0 0 0 13px; line-height:16px}
.right-contato a{color:#666}
a.ultimo-video, a.video-right {text-decoration:none}

/* inicio divs do site */

/*--Topo--*/
#headerBlock{width:991px; height:179px; margin: 0 auto 0 auto; z-index:1;}
.li-top-logo{width:262px; height:179px; background: url(../../images/img-master.jpg) no-repeat 0 0;}
.li-top-fone{width:290px; height:39px; margin:34px 0 0 419px; font-family:centabel; color:#FFF; font-size:16px; line-height:20px }

/*--Menu--*/
.li-menu{width:709px; height:76px; padding:30px 0 0 0; position: relative;}
.li-menu-home{width:52px; height:43px; background:url(../../images/bt-home.jpg) no-repeat; margin:33px 0 0 0}
.li-menu-meio{width:657px; height:43px; background:#FFF; margin:33px 0 0 0;    border-radius: 0 5px;}
.li-menu-mega{width:172px; height:33px; background:url(../../images/img-master.jpg) no-repeat -262px 0; position: absolute; top: 30px; right: 0;}

/*--Corpo--*/
#mainBlock {width:991px; height: auto; margin: 0 auto 0 auto; z-index:0}
.corpo {width:991px; padding:23px 0 20px 0}
.content-left{width:13px; height:319px; background:url(../../images/bg-content-left.png) no-repeat top}
.content-right{width:13px; height:319px; background:url(../../images/bg-content-right.png) no-repeat top; margin:-13px 0 0 0}
.content-total{width:965px; background:#FFF;}
.content-top{width:965px; height:13px; background:url(../../images/bg-content-top.png) repeat-x}
.content{padding:18px 23px 0 18px; width:646px; min-height:400px;}
.content-interna{padding:23px 23px 0 23px; width:641px; min-height:400px; line-height:17px}
.content-contato{padding:23px 23px 0 23px; width:540px; min-height:400px; line-height:17px}
.right{width:241px; padding:0 18px 0 18px; min-height:400px; border-left:1px solid #CCCCCC; margin:17px 0 17px 0}
.right-contato{width:342px; padding:8px 18px 0 18px; min-height:400px; border-left:1px solid #CCCCCC; margin:17px 0 17px 0}
.left{ width:242px; padding:15px 0 0 14px}
.left h3{ color:#Ae0000; font-size:23px; padding:13px 0 9px 0; margin:0; display:block; float:left; width:100%;}
.content-produtos{ width:640px; padding:15px 31px 0 38px}
.banners{width:646px; height:163px; padding:0 0 21px 0; z-index:0;}
.sobrenos{width:646px; padding:0 0 37px 0; line-height:17px}
.lancamento{width:415px; padding:0; font-size:11px; color:#333; line-height:14px;}
.ultimos-videos{width:231px; padding:0;}
.home-1{width:646px; background:#F7F7F7; border-top:3px solid #CC3300; padding:12px 0 12px 0}
.ultimo-video{width:188px; height:143px; background: url(../../images/bg-videos-home.jpg) no-repeat; padding:2px 14px 2px 15px; display:block; margin:0}
.video-right{width:188px; height:143px; background: url(../../images/bg-videos-home.jpg) no-repeat; padding:2px 14px 2px 15px; display:block; margin:0 0 0 11px}
.produtos-home{width:296px; margin:23px 30px 0 0; border-top:2px solid #CC3300; background:#F7F7F7; padding:0 0 12px 12px}
.produtos-home-int{width:293px; margin:23px 30px 0 0; border-top:2px solid #CC3300; background:#F7F7F7; padding:0 0 10px 12px}
.produtos-especiais{width:296px; border-top:2px solid #CC3300; background:#F7F7F7; margin:23px 0 0 0; padding:0 0 12px 12px}
.produtos-especiais-int{width:293px; border-top:2px solid #CC3300; background:#F7F7F7; margin:23px 0 0 0; padding:0 0 10px 12px}
.lista-produtos-home{width:200px; background:url(../../images/ico-bullet.jpg) no-repeat 0 5px; float:left}
.todos-videos{background:url(../../images/bg-lista-videos.jpg) repeat-x; padding:3px; border-bottom:1px dotted #C54D4D; width:605px; height:61px; margin:0; display:block}
.todos-videos a{margin:0; padding:0; display:block; color:#930000; text-decoration:none;}
.todos-videos img{border:1px solid #999; padding:1px; margin:0 10px 0 0; float:left}
.todos-videos strong{font-weight:normal; float:left; padding:3px 0 0 0; font-family:centabel; font-size:16px}
.ultimo-video strong{width:178px; height:29px; background:url(../../images/bg-caption-banner.png); position:absolute; bottom:7px; right:19px; font-size:11px; color:#FFF; text-align:center; padding:1px 0 0 0; text-decoration:none; font-weight:normal}
.video-right strong{width:178px; height:29px; background:url(../../images/bg-caption-banner.png); position:absolute; bottom:7px; right:19px; font-size:11px; color:#FFF; text-align:center; padding:1px 0 0 0; text-decoration:none; font-weight:normal}

/*--Sliders--*/
#slider1{ width:646px; height:163px; overflow:hidden}
#slider1 li{position:relative}
.caption-banner{width:605px; height:31px; background:url(../../images/bg-caption-banner.png); position:absolute; z-index:100; bottom:8px; left:10px; color:#FFF; font-size:10px; padding:4px 6px 4px 6px; line-height:14px}

/*--Rodapé--*/
#footerBlock{width:991px; height:130px; margin:0 auto 0 auto; clear:both; background:url(../../images/bg-rod.jpg) no-repeat top center #fff; color:#999999; clear:both;}
.li-rod-left{width:760px; height:92px; padding:25px 0 0 40px; font-size:11px; line-height:18px;}
.li-rod-right{width:166px; height:36px; margin:18px 0 0 0; background:url(../../images/img-master.jpg) no-repeat -262px -76px; font-size:10px; line-height:16px; padding:63px 25px 0 0; text-align:center}
.webcis{width:991px; margin: 5px 0 0 0; padding:0 0 15px 0; text-align:center}

/*--links rodapé--*/
.li-rod-left a{color: #999;text-decoration:none;}
.li-rod-left a:hover {color: #999;text-decoration:underline;}
.webcis a{color:#CC3300; font-size:10px;}

/*classes das paginas internas*/
input[type=text], select{border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-shadow: 1px 1px 2px #333333; -moz-box-shadow: 1px 1px 2px #333333; -webkit-box-shadow: 1px 1px 2px #333333; background: #f2f2f2; border:1px solid #ccc; font-size:14px; padding:2px; font-weight:bolder; outline:none; 	font-family:Verdana, Geneva, sans-serif;}
textarea{font-family:Verdana, Geneva, sans-serif; border: 1px solid #ccc; background:#f2f2f2; padding:2px; width:250px; height:100px; font-size:14px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-shadow: 1px 1px 2px #333333; -moz-box-shadow: 1px 1px 2px #333333; -webkit-box-shadow: 1px 1px 2px #333333; font-weight:bolder; outline:none;}

input[type=text]:hover, textarea:hover{ background: #F9F9F9; border:1px solid  #999;}
input[id=nome], input[id=email], input[id=assunto], input[id=empresa], input[id=cnpj], input[id=peca], input[id=ano], input[id=modelo]{ width:250px}
input[id=ddd]{ width:30px}

input.error {border: #F00 1px dotted; } /* configuração de estilo dos campos de erro */
form.cmxform label.error, label.error {	color: #f00; font-style: italic; font-size:10px; margin:0 0 0 10px; }
.formulario p { padding:2px 0 3px 0; margin:0 0 0 0;}
.formulario strong { width:140px; text-align:right;  display:block; float:left; margin:5px 10px 0 0}
.formulario input[type=submit] { margin:10px 10px 0 150px;  background:url(../../images/bt-submit.jpg) no-repeat; width:89px; height:31px; border:none; cursor:pointer;}

/* inicio das classes padrão da ferramenta */

.imgDIVinTextLeft {
    float: left;
    margin:0 10px 5px 0;
    padding: 0;
}


.imgDIVinTextRight {
    float: right;
    margin:0 0 7px 7px;
    padding: 2px;
    border:1px solid #FF6C00;
}

.imgDIVtopLeft {
    margin:8px 10px 5px 20px;
    padding:0px;
    border:0;
}

.imgDIVtopCenter {
    margin:8px -50% 5px -50%;
    padding:0px;
    border:0;
}

.imgDIVblockImgLeft {
    margin:0 13px 0 10px;
    padding:4px;
    border:1px solid #EFD4CA;
}

.imgDIVblockImgRight {
    margin-left: 10px;
}

.imgTextRight{
    margin-bottom: 16px;
    padding:0;
}

.imgTextLeft{
    margin-bottom: 16px;
    padding: 6px;
}

.highlight{
    background-color: #FFFFCC;
}

/*Paginação de Artigos*/

div.cpPagination {
    margin: 10px 0 10px 0;
    text-align: right;
}

a.cpPaginate, a.cpPaginateActive, a.cpPaginationPrev, a.cpPaginationNext {
    padding: 0px 3px 1px 3px;
    background-color: #FFFFFF;
    color: #9966FF;
    text-decoration: none;
    font-weight: bold;
    border: 1px solid #660099;
}
a.cpPaginateActive {
    background-color: #9999CC;
    color: #FFFFFF;
    border: 1px inset #660099;
}

a.cpPaginationPrev:hover, a.cpPaginationNext:hover, a.cpPaginate:hover {
    background-color: #9999CC;
    color: #ffffff;
    border: 1px inset #660099;
}

/*Botão Voltar*/
.phpwcmsBackLink{ background:url(../../images/bt-voltar.jpg) no-repeat; width:75px; height:18px; display:block;}

/*SLIDER*/

.bx-next {
    position:absolute;
    bottom:6px;
    right:-24px;
    z-index:999;
    width: 18px;
    height: 13px;
    background: url(../../images/seta-videos-bottom.png) no-repeat;
}

/*previous button*/

.bx-prev {
    position:absolute;
    top:6px;
    right:-24px;
    z-index:999;
    width: 18px;
    height: 13px;
    background:url(../../images/seta-videos-top.png) no-repeat;
}

.bx-pager {
    font-size:8px;
    position:absolute;
    bottom:11px;
    right:14px;
    height:15px;
    z-index:1400;
}

.bx-pager a{
    background:url(../../images/slider-bt.png) no-repeat right;
    width:16px;
    height:15px;
    color:#265EA5;
    display:block;
    float:left;
    text-decoration:none;
    padding:0;
    margin:0 0 0 9px;
    text-indent:-99999px;

}

.bx-pager .pager-active, .bx-pager a:hover {
    background:url(../../images/slider-bt.png) no-repeat left;
    color:#fff;
    text-decoration:none;
    text-indent:-99999px;
}

/*TABS*/

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    width:553px;
    height:25px;
    background:url(../../images/bg-tabs.jpg) no-repeat 0 0;
    color:#FFF;
    font-size:15px;
    padding:10px 0 0 80px;
    margin:0 0 10px 0;
    outline:none;
    cursor:pointer;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus {
    width:553px;
    height:25px;
    background:url(../../images/bg-tabs.jpg) no-repeat 0 -35px;
    color:#FFF;
    font-size:15px;
    padding:10px 0 0 80px;
    margin:0 0 10px 0;
    outline:none;
    cursor:pointer;
}


.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    width:553px;
    height:25px;
    background:url(../../images/bg-tabs.jpg) no-repeat 0 -35px;
    color:#FFF;
    font-size:15px;
    padding:10px 0 0 80px;
    margin:0 0 10px 0;
    outline:none;
    cursor:pointer;
}

.ui-accordion-content{
    padding:0 10px 10px 10px;
}

/*TWIITER*/

.tweets-ul{ padding: 10px 0 0 0; }
.tweets-ul li{ float:left; font-size:12px; color:#FFF; border-bottom:1px dotted #996666; padding:0 0 10px 0; margin:20px 0 0 0;width:640px}

/*LIGHTBOX_AJAX*/

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
/*

/*
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/

#cboxTopLeft{width:21px; height:21px; background: url(../../images/controls.png) no-repeat -100px 0;}
#cboxTopRight{width:21px; height:21px; background: url(../../images/controls.png) no-repeat -129px 0;}
#cboxBottomLeft{width:21px; height:21px; background: url(../../images/controls.png) no-repeat -100px -29px;}
#cboxBottomRight{width:21px; height:21px; background: url(../../images/controls.png) no-repeat -129px -29px;}
#cboxMiddleLeft{width:21px; background:url(../../images/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(../../images/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(../../images/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(../../images/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff; overflow:hidden;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0; background:url(../../images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(../../images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxNext.hover{background-position:-50px -25px;}
#cboxLoadingOverlay{background:url(../../images/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(../../images/loading.gif) no-repeat center center;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(../../images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxClose.hover{background-position:-25px -25px;}

/*BUSCA*/

.search-result{ padding:0 15px 0 15px; font-size:10px;}
.search-result h3{}
.busca-anterior{  width:50px; font-size:12px; color:#232323; font-weight:bolder}
.busca-anterior a{ text-decoration:none; color:#F6750B; font-weight:bolder;}
.busca-anterior a:hover{ color:#F00; background:url(../../images/busca-anterior-hover.gif) no-repeat left center;}
.busca-proximo{ width:55px; font-size:12px; color:#232323; font-weight:bolder}
.busca-proximo a{ text-decoration:none; background:url(../../images/busca-proximo.gif) no-repeat right center; font-size:12px; color:#F6750B; font-weight:bolder; padding:0 12px 0 0;}
.busca-proximo a:hover{ color: #f00; background:url(../../images/busca-proximo-hover.gif) no-repeat right center;}
.busca-meio{ width:400px;font-size:11px; float:left; padding:0 10px 0 10px; line-height:15px; background:#f2f2f2; color:#999;}
.busca-meio a{ background:#ccc; padding:5px; display: inline-block;}

/*PAGINATE-ESTRUTURA*/
.article_paginate_navi{text-align:right; margin:0; position:absolute; top:52px; right:23px; z-index:2000; font-size:11px}
.apn_prev, .apn_next {padding:1px 3px 1px 3px; color:#2C4865; margin:0; line-height:normal; text-decoration: none; font-weight: bold; float:left;}
.apn_prev a, .apn_next a{color:#2C4865; padding:0 3px 0 3px;}
.apn_navi a{ padding:0 3px 0 3px; color:#2C4865;}
.apn_prev a:hover, .apn_next a:hover, .apn_navi a:hover, .apn_next:hover, .apn_prev:hover {background:#EC8D00; color:#fff; text-decoration:none;}
.apn_navi{padding: 0px 5px 0 5px; color:#777; display:block; text-decoration: none; font-weight: bold; float:left;}

/*--Megamenu--*/
ul.megamenu {margin:0; padding:0; list-style:none;  display:none;}
ul.megamenu li{margin:0; padding:0; list-style:none; display:block; float:left;}
.cont-mega{display:block; padding:4px 11px 11px 11px; background:#FF9800; z-index:10000; position:absolute; margin:0; width:232px;}
.cont-mega a{ background:url(../../images/ico-bullet-mega.jpg) no-repeat 8px 10px #FFAD36; font-family:centabel; font-size:15px; color:#000; padding:5px 0 5px 20px; width:212px; float:left; display:block; margin:7px 0 0 0;}
.cont-mega a:hover{ background:url(../../images/ico-bullet-mega.jpg) no-repeat 8px 10px #FFD393; text-decoration:none;}
a.mm{display:block; width:auto; font-size:18px; color:#333; text-decoration:none; padding:0; line-height:normal; font-weight:normal; position:relative; font-family:centabel; background:url(../../images/img-master.jpg) no-repeat -262px 0; width:172px; height:76px}
a.mm:hover, ul.megamenu a.mm-item-link-hover:link, ul.megamenu a.mm-item-link-hover:visited{background:url(../../images/img-master.jpg) no-repeat -262px 0; width:172px; height:76px}

/*SHOP CART*/
.entry{ width:304px; float:left; padding:0 15px 0 0; height:120px; border-bottom:1px dotted #CCC;}
.entry img{ border:1px solid #CCC; float:left; }
.entry h4{ color:#000; font-size:18px; float:left; width:158px; margin:0 0 0 13px;}
.entry strong{ padding:3px 0 7px 13px; float:left; font-weight:normal;}
a.detalhes-produtos{ background:url(../../images/bt-detalhes.png) no-repeat; width:121px; height:22px; float:left; display:block;}
.cart_add_button{background:url(../../images/bt-carrinho.png) no-repeat; width:155px; height:23px; border:none; cursor:pointer;}

.detail{ background: #efefef; padding:10px}
.detail h4{ font-size:20px; margin:0 0 5px 0;}
.detail img{ border:1px solid #CCC; float:left;}
.detail span{ float:left; width:350px; padding:0 0 0 15px; font-size:13px; line-height:19px;}
.detail .cart_add_button{ float:right; margin:10px 0 0 0;}
.todos-produtos{ background:url(../../images/bt-todos-produtos.png) no-repeat; width:144px; height:22px; margin:11px 0 0 20px;}

.cart-small{ background:#E0E0E0 url(../../images/topo-cart-small.gif) no-repeat; width:242px; padding:0 0 15px 0; min-height:150px}
.cart-small span{ margin:0 11px; background: url(../../images/ico-carrinho.gif) no-repeat; padding:2px 0 10px 32px; font-family:centabel; color:#000; font-size:14px; float:left; width:100%}
.bt-fechar-pedido{ background:url(../../images/bt-fechar-pedido.jpg) no-repeat; width:231px; height:36px; margin:0 0 19px 15px;}
.cart-small input[type=text], .cart-small input[type=text]:hover{ background: #FFF; width:134px; box-shadow: none; margin:0 0 0 15px; float:left; position:absolute; top:114px; left:0px; padding:5px 0 5px 4px; border-radius:4px 0 0 4px; border:#CCC; border-right: none;}
.cart-small input[type=submit]{ background:url(../../images/bt-busca.jpg) no-repeat; width:71px; height:27px; border:none; margin:0 19px 0 0; float:left; color:#fff; position:absolute; top:114px; right:0px;}
.cart-small strong{ padding:40px 0 0 15px; display:block; float:left; width:100%}
.cart-small h3{ font-size:15px; padding:13px 0 3px 0;}
.cart_update_button{ background:url(../../images/bt-atualizar-cesta.png) no-repeat; width:134px; height:23px; border:none; cursor: pointer; margin:0 5px 0 10px;}
.cart_checkout_button{ background:url(../../images/bt-fechar-pedido-interna.png) no-repeat; width:121px;height:23px;border: none; cursor:pointer;}
.left ul.shop_cat li a{background:#CDCDCD url(../../images/ico-bullet-mega.jpg) no-repeat 8px 10px; font-family:centabel; font-size:15px; color:#000; padding:5px 0 5px 20px; width:222px; float:left; display:block; margin:0 0 7px 0; text-decoration:none;}
.left ul.shop_cat li a:hover{background:#e6e6e6 url(../../images/ico-bullet-mega.jpg) no-repeat 8px 10px;}
#flash-maquina{ position:relative; z-index:0;}


.maquina-nova{ background:url(../../images/maquina-2016.jpg) no-repeat; width:550px; height:736px; float:left; position:relative; margin-left:50px;}

.maquina-nova p{ width:16px; height:16px; background:#d80000; border:1px solid #FFF; box-shadow:0 0 5px rgba(0,0,0,0.65); position:absolute; border-radius:50px; cursor:pointer; z-index:0; }
.maquina-nova span{ position:relative; z-index:100; }
.maquina-nova strong{ width:220px; background:#333; padding:10px 15px; color:#FFF; border:2px solid #FFF; border-radius:5px; box-shadow:2px 2px 4px rgba(0,0,0,0.65); opacity:0; transition:all 0.2s linear; transform:scale(0); transform-origin:top center; display:block; position:absolute; z-index:100;}

.maquina-nova p:hover strong{opacity:1; transform:scale(1)}

.topico1{top:81px; left:168px;}
.topico1 strong{ bottom:0; right:-50px;}
.topico2{top:197px; left:77px;}
.topico2 strong{ bottom:0; right:-50px;}
.topico3{top:247px; left:17px;}
.topico3 strong{ top:0; left:-50px;}
.topico4{top:346px; left:7px;}
.topico5{top:418px; left:126px;}
.topico6{top:498px; left:38px;}
.topico6 strong{ top:-20px; left:10px;}
.topico7{top:554px; left:45px;}
.topico8{top:665px; left:168px;}

.topico9{top:514px; left:339px;}
.topico10{top:577px; left:389px;}
.topico11{top:472px; left:461px;}
.topico12{top:346px; left:304px;}
.topico13{top:293px; left:355px;}
.topico14{top:239px; left:304px;}
.topico15{top:197px; left:294px;}

.topico16{top:134px; left:355px;}
.topico17{top:103px; left:240px;}

.modal{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgb(0,0,0,0.75); display: flex; justify-content: center; align-items: center;}
.janela {background: #FFF; padding: 100px; text-align: center; border-radius: 5px; box-shadow: 0 0 10px #000; border: 1px solid #000;}
.janela h3{margin:0 auto 30px; font-weight:bold; font-size:30px; color:#CC3300;}
.btn {font-size: 15px; background: #CC3300; color: #FFF; padding: 7px; font-weight: bold; text-align:center; transition: .3s all ease-out; -moz-transition: .3s all ease-out; -webkit-transition: .3s all ease-out; -ms-transition: .3s all ease-out;}
.janela:hover .btn {box-shadow:0 0 5px #000; color:#CC3300; background: #FFF; border: 1px solid #CC3300; text-decoration:none;}