@charset "UTF-8";


.lista_num h2 {margin-left: 7%;}

#content .divguia .row .lista_num ol li {list-style-type: decimal !important; counter-increment: li; display: block; padding: 10px 50px; position: relative;}

#content .divguia .row .lista_num ol li:before {
    content: counter(li);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: block;
    position: absolute;
    left: 10px;
    padding: 4px 10px;
    font-size: 14px;
    line-height: 20px;
    background: #0072CE;
    color: #fff;
    text-align: center;
    font-weight: bold;
    top: 6px;
}

.bs-example{
        margin: 20px;
    }

.modal-content iframe{
        margin: 0 auto;
        display: block;
    }

.modal-dialog {margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 0 !important;}

.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary {    background-color: #e3f2ff !important; border-color: #dd0021 !important;;}    

.btn-primary {background-color: #fff !important;}

iframe {width: 100%; height: 300px;}

.modal-content { height: auto !important; }

.king {z-index: 1;}

.block-center {margin-left: auto; margin-right: auto; width: auto !important;
    height: auto;}

.centrar {
    float: none;
    margin: 0 auto;
    position: relative;
}

.separador-tema {
    width: 60px;
    height: 60px;
    border-radius: 30px;
    border: dashed 1px #ccc;
    font-family: 'misoregular', sans-serif;
    background-color: #fff;
    color: #999;
    font-size: 42px;
    font-weight: 300;
    margin: 0 auto;
    text-align: center;
    line-height: 60px;
    position: relative;
    display: block;
}

.separador-tema::before {
    content: "";
    width: 60px;
    height: 1px;
    border-top: dashed 1px #ccc;
    position: absolute;
    left: -60px;
    margin-top: 30px;
}

.separador-tema::after {
    content: "";
    width: 60px;
    height: 1px;
    border-top: dashed 1px #ccc;
    position: absolute;
    right: -60px;
    margin-top: 30px;
}

.text-center {
    text-align: center;
    padding-bottom: 15px;
    padding-top: 15px;
}

.centrar p {font-size: 18px !important; text-align: center !important;}

.caja-productos a p {
    font-size: 14px !important;
    text-align: center;
    line-height: 130% !important;
    margin-top: 10px;
    font-weight: 300 !important;
}

.materiales img {padding-top: 5%;}

.pad_row {padding-bottom: 10%;}



@media (max-width: 640px) {

.bs-example{
        margin: 0;
    }

.btn, .btn-lg {padding: 0;} 

iframe {
    width: 100%;
    height: 200px;
}

.modal-open .modal {
    position: fixed;
}  

.materiales {display: none;}

}