body,
html {
    margin: 0px;
    padding: 0px;
}

.tabla,
.tabla>*,
.tabla>*>*,
.menub {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.tabla {
    display: table;
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    border-collapse: separate;
    border-spacing: 0px;
    table-layout: fixed;
    border: 0px;
}

.tabla>div {
    display: table-row;
}

.tabla>div>div {
    display: table-cell;
}

.tabla>div>div.ql-editor {
    overflow: hidden;
}

.tabla>div>div img {
    display: inline-block;
    max-width: 100% !important;
}

.barra_herramientas {
    width: 960px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    background: #FFFFFF;
    white-space: nowrap;
}

.menub {
    display: inline-block;
    padding: 5px;
    border: 1px dashed #000;
    border-bottom: 0px;
    margin-top: 40px !important;
    text-align: left;
    margin-left: calc((100% - 960px) / 2);
    background: transparent;
}

.menub a,
.barra_herramientas a {
    text-decoration: none;
    color: #00F;
}

.menub span,
.barra_herramientas span,
.col span {
    cursor: pointer;
}

button {
    display: inline-block;
    vertical-align: middle;
    background: #EEE;
    border: 1px solid #333;
    color: #333;
}

.col {
    /*background: #FFFFFF;*/
    border: 1px dashed #000 !important;
    overflow: initial !important;
    white-space: normal !important;
    position: relative;
    cursor: pointer;
}

.col>*:not(.titulo_columna) {
    pointer-events: none;
    cursor: pointer;
}

.titulo_columna {
    background: #FFFFFF;
    border: 1px dashed #000;
    padding: 5px;
    white-space: normal;
    position: absolute;
    bottom: 100%;
    left: -1px;
}

.barra_herramientas~.linea {
    border-top: 1px dashed #000;
}

.muestra_slider {
    position: relative;
}

.muestra_slider img {
    opacity: 0.5;
    display: block !important;
}

.muestra_slider div {
    position: absolute;
    width: 100%;
    font-size: 50px;
    line-height: 50px;
    text-align: center;
    top: calc(50% - 25px);
}

.ql-editor {
    line-height: 1.50;
}

.ql-editor ol,
.ql-editor ul {
    padding-left: 0px;
}

::marker {
    color: #666;
}

.colorfondo{
/*background: rgb(103,69,68);
background: -moz-linear-gradient(130deg, rgba(103,69,68,1) 0%, rgba(81,55,41,1) 100%);
background: -webkit-linear-gradient(130deg, rgba(103,69,68,1) 0%, rgba(81,55,41,1) 100%);
background: linear-gradient(130deg, rgba(103,69,68,1) 0%, rgba(81,55,41,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#674544",endColorstr="#513729",GradientType=1);*/
background-image: url("../images/fondo_tit.jpg"); /* The image used */
background-color: #121212;
height: auto;
background-position: 100%;
background-repeat: no-repeat;
background-size: cover;
padding-top: 5px;
margin-top: 120px;
}
.bloque54 {
    padding-top: 0px !important;
}

@media screen and (max-width: 1149px) {
    .tabla {
        display: block;
        width: 100%;
    }

    .tabla>div,
    .tabla>div>div {
        display: block;
		vertical-align: top;
    }

    /*.tabla>div>div {
        text-align: center !important;
    }*/

    .tabla {
        background-image: none !important;
        padding-left: 0% !important;
        padding-right: 0% !important;
    }

    .tabla>div>div {
        margin: 0px auto;
        padding-left: 0%;
        padding-right: 0%;
    }

    .tabla>div>div:not(:first-child) {
        margin-top: 0px !important;
    }

    .tabla>div>div:empty {
        display: none;
    }

    header .tabla {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    header .tabla>div {
        display: table-row;
    }

    header .tabla>div>div {
        display: table-cell;
        width: 100%;
        vertical-align: middle;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
	
	.colorfondo{
		margin-top: 80px;
	}
}