/**
* S3WF Framework
*
* Framework desenvolvido pela S3WF
*
* @package		S3WFCORE
* @author		Equipe S3WF
* @copyright	Copyright (c) 2007 - 2012
* @license		http://s3wf.com.br/
* @link		http://s3wf.com.br
* @since		Version 1.0
* @filesource
*/


.SgiProdutoDescricao {
    border: 2px solid #E9F1F7;
    padding: 10px;
    text-align: justify;
    width: 720px;
     
}
.SgiProdutoMateria {
    border: 2px solid #E9F1F7;
    padding: 10px;
    text-align: justify;
    width: 720px;
    
} 

.SgiProdutoDescricao h1 {
	font-size: 17pt;
	margin-top: 10px;
}

.SgiProdutoDescricao h2 {
	margin-top: 10px;
}

.SgiProdutoDescricao p {
	margin-top: 10px;
}

/* Template de descrição do produto */
.bloco-descricao {
    display: block;
    margin-bottom: 15px;
}

.cabecalho-descricao {
    background-color: #EFEFEF;
    padding: 15px;
    margin-bottom: 10px;
    position: relative;
}

.cabecalho-descricao .titulo-descricao {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 18px;
    color: #515151;
    text-align: center;
}

.cabecalho-descricao .toggle-descricao {
    position: absolute;
    top: 15px;
    right: 15px;
}

.cabecalho-descricao .toggle-descricao .icone-toggle-descricao {
    color: #515151;
    cursor: pointer;
    font-size: 20px;

    -webkit-transition: color 0.2s ease-in-out 0s;
    -moz-transition: color 0.2s ease-in-out 0s;
    -o-transition: color 0.2s ease-in-out 0s;
    transition: color 0.2s ease-in-out 0s;
}

.cabecalho-descricao .toggle-descricao .icone-toggle-descricao:hover {
    color: #000;
}

.corpo-descricao {
    padding: 0;
    background-color: #FFF;
    border: 1px solid #EFEFEF;
    display: none;
}

.corpo-descricao-mostrar .corpo-descricao {
    display: block;
}

.corpo-descricao p {
    padding: 15px;
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
    color: #424242;
    text-align: justify;
}

.corpo-descricao table > tbody > tr:nth-child(1) > td {
    border-top: 0 none;
}

.corpo-descricao table {
    margin-bottom: 0;
    font-size: 16px;
}

@media (max-width: 768px) {
    .cabecalho-descricao .titulo-descricao {
        font-size: 13px;
    }


    .corpo-descricao p,
    .corpo-descricao table {
        font-size: 14px;
    }

    .corpo-descricao table.table-bloco-xs > tbody > tr > td {
        display: block;
        border-top: 0 none;
        line-height: 1.5;
    }

    .corpo-descricao table.table-bloco-xs > tbody > tr > td:nth-child(1) {
        padding-bottom: 0;
        font-weight: 600;
    }

    .corpo-descricao table.table-bloco-xs > tbody > tr > td:nth-child(2) {
        margin-bottom: 10px;
        padding-top: 0;
    }
}