@import "default";
strong{
    font-weight: bold;
}
.produto{
    
    h1{
        clear:both;
        margin-bottom: 20px;
    }
    
    .image{
        padding:20px 0;
        display:block;
        position:relative;
        img{
            width:640px;
            height:365px;
            display:block;
            position:relative;
        }
    }
    
    nav.switchbox{
        border-bottom: 1px solid @blue;
        display:block;
        position:relative;
        margin-bottom:50px;
        height:28px;
        a{
            .open(12px,@blue,700);
            text-decoration:none;
            text-transform:uppercase;
            padding:8px 15px;
            float:left;
            display:inline-block;
            position:relative;
            &.active{
                color:#FFF;
                background:@blue;
            }
        }
    }
    
    .box.modelos{        
        .modelo{
            display:block;
            position:relative;
            h1.subtitle{
                .open(14px,@blue,700);
                border-bottom:1px solid @blue;
                line-height:1;
                padding-bottom:10px;
                margin-bottom:20px;
                display:block;
                position:relative;
            }
            a.fancybox{
                display:block;
                position:relative;
                img{
                    display:block;
                    position:relative;
                    width:100px;
                    height:100px;
                }
            }
            span.content{
                .verdana(11px,#3C3C3B,normal);
                line-height:1.5;
            }
        }
        .separator{
            width:100%;
            height:50px;
            display:block;
            position:relative;
            clear:both;
        }
    }
    .box.detalhes{
        display:block;
        position:relative;
        p{
            .verdana(12px,#3C3C3B,normal);
            margin-bottom:25px;
            line-height:1.8;
        }
    }
    
    
    .box.folheto{
        @pd:20px;
        a{
            .font;
            text-decoration:none;
            color:#3C3C3B;
            padding:@pd;
            padding-left:90px;
            margin:10px 0;
            display:block;
            .border-radius;
            background-repeat:no-repeat;
            background-position:@pd center;
            background-color:#EFEFEF;
            border:1px solid #CCC;
            &.pdf{ background-image:url(../painel/img/extensions/pdf.png); }
            span{
                display:block;
                &.title{
                    font-weight:bold;
                    font-size:14px;
                }
                &.size{
                    font-size:10px;
                    margin-top:5px;
                }
            }
            &:hover{
                background-color:@blue;
                color:#FFF;
            }
        }
        
    }
    
    .box.imagens{
        
        a{
            float:left;
            margin:5px;
        }
        
    }
    
}