body {
    scrollbar-arrow-color: #333333;
    scrollbar-base-color: #000000;
    scrollbar-shadow-color: #ededed;
    scrollbar-face-color: #ededed;
    scrollbar-highlight-color: #ededed;
    scrollbar-dark-shadow-color: #ededed;
    scrollbar-3d-light-color: #ededed;
    font-family: Tahoma, Sans-serif, Arial;
    font-size: 11px;
    margin: 0;
}

td {
    font-family: Tahoma, Sans-serif, Arial;
    font-size: 11px;
    color: #000000;
}

th {
    text-transform: uppercase;
    background: #ccc;
}

td.separado {
    border-top: 2px solid #999;
    border-bottom: 2px solid #999;
}

td.total {
    background: #ccc;
}

tr.odd td {
    /*	background: #f5f5f5;*/
}

tr.even td {
}

table.configuraciones tr.odd td,
table.configuraciones tr.even td {
    border-bottom: 1px dashed #ccc;
}

/* TEXTOS COMUNES POR COLOR Y TAMAÑO */

.tip10c1 {
    font-family: Tahoma, Sans-serif, Arial;
    font-size: 10px;
    color: #8D8D8D;
    text-decoration: none;
}

.tip11c1 {
    font-family: Tahoma, Sans-serif, Arial;
    font-size: 11px;
    color: #ABB6AD;
    text-decoration: none;
}

.tip11c2 {
    font-family: Tahoma, Sans-serif, Arial;
    font-size: 11px;
    color: #5D5D5D;
    text-decoration: none;
}

.tip11c3 {
    font-family: Tahoma, Sans-serif, Arial;
    font-size: 11px;
    color: #333333;
    text-decoration: none;
}

.titulosChicos {
    font-family: Tahoma, Sans-serif, Arial;
    font-size: 11px;
    color: #000000;
    font-weight: bold;
}

.titulosOPTION {
    font-family: Tahoma, Sans-serif, Arial;
    font-size: 11px;
    color: #000000;
    font-weight: bold;
}

.titulosChicos2 {
    font-family: Tahoma, Sans-serif, Arial;
    font-size: 11px;
    color: #000000;
    font-weight: bold;
    text-decoration: underline;
}

.titulosGrandes {
    font-family: Tahoma, Sans-serif, Arial;
    font-size: 18px;
    color: #FF6600;
    text-decoration: none;
    font-weight: bold;
}

.titulosGrandesIndex {
    font-family: Tahoma, Sans-serif, Arial;
    font-size: 14px;
    color: #FF6600;
    text-decoration: none;
    font-weight: bold;
}

a:visited {
    color: #0099FF;
    text-decoration: none
}

a:link {
    color: #0099FF;
    text-decoration: none
}

a:hover {
    color: Black;
    text-decoration: none
}

a.linkstop:visited {
    color: #ffffff;
    text-decoration: none
}

a.linkstop:link {
    color: #ffffff;
    text-decoration: none
}

a.linkstop:hover {
    color: #cccccc;
    text-decoration: underline overline
}

a.catsubcat:visited {
    color: #333333;
    text-decoration: none
}

a.catsubcat:link {
    color: #333333;
    text-decoration: none
}

a.catsubcat:hover {
    color: #000000;
    text-decoration: underline
}

a.linksbottom:visited {
    color: #333333;
    text-decoration: none
}

a.linksbottom:link {
    color: #333333;
    text-decoration: none
}

a.linksbottom:hover {
    color: #666666;
    text-decoration: underline
}

input {
    font-family: Tahoma, Verdana, Arial, serif;
    font-size: 12px;
    color: Black;
}

input[type="text"],
input[type="password"],
input[type="file"],
input[type="number"],
input[type="email"],
input[type="date"],
textarea,
select {
    border: 1px #CCCCCC solid;
    padding: 4px;
}

input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="file"]:disabled,
input[type="number"]:disabled,
input[type="email"]:disabled,
input[type="date"]:disabled,
textarea:disabled,
select:disabled {
    background: #f0f0f0;
    color: #bbb;
}

input[type="button"], input[type="submit"], input[type="reset"] {
    padding-top: 2px;
    padding-bottom: 2px;
}

select {
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-size: 10px;
    color: Black;
}

textarea {
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-size: 11px;
    color: Black;
}

.table {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #000000;
}

.texto-normal {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #006600;
}

.vinculo_top {
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
}

.orden:link, .orden:active, .orden:visited {
    text-decoration: none;
    color: #000000;
}

.orden:hover {
    text-decoration: none;
    color: #0099FF;
}

.img_boton {
    cursor: pointer;
}

a.bot-archivo {
    background: url('../img/files.png') 4px 3px no-repeat #fff;
    padding: 4px 6px 4px 24px;
    text-decoration: none;
    border: 1px solid #5882AC;
    box-shadow: 1px 1px 2px #999;
    text-transform: uppercase;
    color: #000;
    font-weight: bold;
    border-radius: 5px;
}

a.bot-archivo:hover {
    background-color: #E0EDFF;
    text-decoration: none;
    color: #000;
}

a.bot-imagen {
    background: url('../img/images.png') 4px 3px no-repeat #fff;
    padding: 4px 6px 4px 24px;
    text-decoration: none;
    border: 1px solid #5882AC;
    box-shadow: 1px 1px 2px #999;
    text-transform: uppercase;
    color: #000;
    font-weight: bold;
    border-radius: 5px;
}

a.bot-imagen:hover {
    background-color: #E0EDFF;
    text-decoration: none;
    color: #000;
}

button.bot-archivo,
button.bot-imagen,
button.file-button,
button.image-button,
button.date-button {
    padding: 0 4px;
    vertical-align: middle;
    font-size: 10px;
    font-weight: bold;
    line-height: 12px;
}

button.bot-archivo img,
button.bot-imagen img,
button.file-button img,
button.image-button img,
button.date-button img {
    border: 0 none;
    vertical-align: middle;
}

.linea {
    background-color: #666666;
    height: 1px;
    font-size: 0;
    line-height: 0;
    padding: 0;
    margin: 0;
}

.linea-clara {
    background-color: #999;
    height: 1px;
    font-size: 0;
    line-height: 0;
    padding: 0;
    margin: 0;
}

.borrado {
    color: #900;
    text-decoration: line-through;
}

.Pendiente {
    background: #fff6bf;
    color: #514721;
    border: 1px solid #ffd324;
    padding: 2px 5px;
}

.Aceptado {
    background: #e6efc2;
    color: #264409;
    border: 1px solid #c6d880;
    padding: 2px 5px;
}

.Rechazado {
    background: #fbe3e4;
    color: #8a1f11;
    border: 1px solid #fbc2c4;
    padding: 2px 5px;
}

.Anulado {
    background: #CCC;
    color: #666;
    border: 1px solid #999;
    padding: 2px 5px;
}

.borrado {
    color: #c00;
    text-decoration: line-through;
}

.obli {
    border: 1px solid red !important;
    background: #fff0f0;
}

.dominio,
.clarito {
    color: #999;
}

/* Notificaciones */
.error, .alert, .notice, .success, .info {
    padding: 0.5em;
    padding-left: 25px;
    margin-bottom: 0.5em;
    border: 1px solid #ddd;
    margin: 0;
}

.error, .alert {
    background: url(../img/notify-error.png) 5px 50% no-repeat #fbe3e4;
    color: #8a1f11;
    border-color: #fbc2c4;
}

.notice {
    background: url(../img/notify-notice.png) 5px 50% no-repeat #fff6bf;
    color: #514721;
    border-color: #ffd324;
}

.success {
    background: url(../img/notify-success.png) 5px 50% no-repeat #e6efc2;
    color: #264409;
    border-color: #c6d880;
}

.info {
    background: url(../img/notify-info.png) 5px 50% no-repeat #d5edf8;
    color: #205791;
    border-color: #92cae4;
}

.error a, .alert a {
    color: #8a1f11;
}

.notice a {
    color: #514721;
}

.success a {
    color: #264409;
}

.info a {
    color: #205791;
}

/* fin notificaciones */

.no-margin {
    margin: 0;
}

/**
 * Drop Down Menú
 */
ul.dropmenu {
    display: none;
    list-style: none;
    background: none;
    position: absolute;
    width: 150px;
    padding: 0;
    margin: 0;

    box-shadow: 0 0 2px #333;
}

ul.dropmenu li {
    display: block;
    background: none;
    position: relative;
    padding: 0;
    margin: 0;
}

ul.dropmenu li a {
    display: block;
    background: #eee;
    padding: 5px 10px;
    color: #000;
    border-top: 1px dotted #999;
}

ul.dropmenu li:first-child > a {
    border: 0 none;
}

ul.dropmenu li a:hover {
    background: #ddd;
}

ul.dropmenu li ul {
    left: 0;
    top: 0;
    margin: 0 0 0 155px;
    padding: 0;
    width: 150px;
    display: none;
    position: absolute;
    box-shadow: 0 0 2px #333;
}

ul.dropmenu li ul li:first-child {
    padding-left: 5px;
    margin-left: -5px;
}

ul.dropmenu li.hover ul,
ul.dropmenu li:hover ul {
    display: block;
}

ul.dropmenu li ul li ul,
ul.dropmenu li.hover ul li ul,
ul.dropmenu li:hover ul li ul {
    display: none;
}

ul.dropmenu li ul li.hover ul,
ul.dropmenu li ul li:hover ul {
    display: block;
    background: red;
}

p.sel-menu {
    border: 1px solid #ccc;
    background: url("../img/dropdown.png") right center no-repeat #fff;
    padding: 2px 4px;
    margin: 0;
    cursor: pointer;
    display: inline-block;
    padding-right: 20px;
}

span.nuevo {
    background: #c00;
    color: #fff;
    padding: 1px 4px;
    border-radius: 6px;
    display: inline-block;
    font-size: 9px;
    float: right;
}

.no-leido {
    background-image: url("../img/no-leido.png");
    background-repeat: no-repeat;
    background-position: 2px 40%;
    padding: 0 13px;
}

/* Admin de imágenes */
div.image-admin {
    overflow: hidden;
    margin-bottom: 5px;
}

div.image-item {
    display: block;
    float: left;
    margin-right: 5px;
    width: 100px;
    height: 100px;
    position: relative;
    background: url("../img/squares.gif") center center no-repeat #fff;
    padding: 1px;
    border: 1px solid #ccc;
}

div.image-item:hover {
    border: 1px solid #999;
}

div.image-add {
    display: block;
    float: left;
    margin: 0px;
    width: 100px;
    height: 100px;
    position: relative;
    background: url("../img/insert-image.png") center center no-repeat #fff;
    padding: 1px;
    border: 1px solid #ccc;
    cursor: pointer;
}

div.image-add:hover {
    background-color: #f5f5f5;
    border: 1px solid #999;
}

div.image-item a.thumb {
    top: 0;
    left: 0;
    /*	width: 100px;
        height: 100px;*/
    position: absolute;
    display: block;
    margin: 1px;
}

div.image-item a.thumb img {
    /*	width: 100px;
        height: 100px;
        */
    background: #fff;
    width: 100%;
    text-align: center;
    margin: 0 auto;
}

div.image-item a.loading {
    background: url("../img/squares.gif") center center no-repeat #fff;
}

div.image-item a.editar {
    background: url("../img/pencil.png") center center no-repeat #fff;
}

div.image-item a.borrar {
    background: url("../img/cross.png") center center no-repeat #fff;
}

div.image-item a.editar,
div.image-item a.borrar {
    float: right;
    width: 16px;
    height: 16px;
    display: none;
    position: relative;
    margin: 1px 1px 0 2px;
    padding: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

div.image-item a.editar:hover,
div.image-item a.borrar:hover {
    background-color: #ccc;
}

div.image-item:hover a.editar,
div.image-item:hover a.borrar {
    display: block;
}

/* Admin de videos */
div.video-admin {
    overflow: hidden;
    margin-bottom: 5px;
}

div.video-item {
    display: block;
    float: left;
    margin-right: 5px;
    width: 100px;
    height: 75px;
    position: relative;
    background: url("../img/squares.gif") center center no-repeat #fff;
    padding: 1px;
    border: 1px solid #ccc;
}

div.video-item:hover {
    border: 1px solid #999;
}

div.video-add {
    display: block;
    float: left;
    margin: 0px;
    width: 100px;
    height: 75px;
    position: relative;
    background: url("../img/insert-video.png") center center no-repeat #fff;
    padding: 1px;
    border: 1px solid #ccc;
    cursor: pointer;
}

div.video-add:hover {
    background-color: #f5f5f5;
    border: 1px solid #999;
}

div.video-item a.thumb {
    top: 0;
    left: 0;
    width: 100px;
    height: 75px;
    position: absolute;
    display: block;
    margin: 1px;
}

div.video-item a.thumb img {
    width: 100px;
    height: 75px;
    background: #fff;
}

div.video-item a.loading {
    background: url("../img/squares.gif") center center no-repeat #fff;
}

div.video-item a.editar {
    background: url("../img/pencil.png") center center no-repeat #fff;
}

div.video-item a.borrar {
    background: url("../img/cross.png") center center no-repeat #fff;
}

div.video-item a.editar,
div.video-item a.borrar {
    float: right;
    width: 16px;
    height: 16px;
    display: none;
    position: relative;
    margin: 1px 1px 0 2px;
    padding: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

div.video-item a.editar:hover,
div.video-item a.borrar:hover {
    background-color: #ccc;
}

div.video-item:hover a.editar,
div.video-item:hover a.borrar {
    display: block;
}

input.time-input {
    text-align: center;
}

button.bot-icon {
    font-size: 10px;
    text-transform: uppercase;
    cursor: pointer;
}

button.bot-icon img {
    vertical-align: bottom;
    height: 12px;
}

/* Multi Idiomas */
ul.tab-links {
    list-style: none;
    margin: 0 0 -1px 0;
    padding: 0;
    display: block;
    white-space: nowrap;
}

ul.tab-links li {
    margin: 0 5px 0 0;
    padding: 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 5px 5px 0 0;
}

ul.tab-links li a {
    margin: 0;
    padding: 2px 5px;
    display: block;
    border-radius: 3px 3px 0 0;
    background: #fff;
}

ul.tab-links li.current {
    border-color: #328dd4;
}

ul.tab-links li.current a {
    background: #328dd4;
    color: #fff;
}

.tab-contents {
    position: relative;
    display: block;
    border: 1px solid #328dd4;
    padding: 5px;
    /*	background: #eaf3fb;*/
    background: #328dd4;
    min-height: 20px;
    min-width: 150px;
    border-radius: 0 5px 5px 5px;
}

.tab-content {
    display: none;
    overflow: hidden;
}

.tab-content input {
    border-color: #666;
}

.tabs {
    display: inline-block;
    position: relative;
}

.tabs.obli {
    border-radius: 7px;
    padding: 2px;
}

.tabs.obli input {
    background: #fff0f0;
}

#nuevo {
    position: relative;
    z-index: 100;
}

.estado {
    display: block;
}

.estado-line {
    display: inline-block;
}

#lnk-imprimir {
    float: right;
    font-size: 12px;
}

#map-canvas {
    height: 400px;
    width: 500px;
}

#map-canvas .custom-control {
    margin: 5px 0 0;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 2px;
    padding: 5px;
    font-size: 11px;
    height: 14px;
    min-width: 14px;
    color: #000;
    box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3);
}

#map-canvas .custom-control:hover {
    background-color: #ebebeb;
}

.loading {
    background: url("../img/cargando.gif") center center no-repeat;
    background-color: rgba(255, 255, 255, .3);
}

.separador {
    font-size: 16px;
    margin: 0 5px;
    color: #e0e0e0;
}

/*<editor-fold desc="Responsive">*/
#main-content {
    table-layout: fixed;
}

#main-wrapper {
    background: url("../img/fondo-aac.jpg") no-repeat right bottom;
}

#lnk-menu,
#lnk-menu:link,
#lnk-menu:hover,
#lnk-menu:active,
#lnk-menu:visited {
    color: #fff;
    font-size: 22px;
}

#main-menu {
    width: 200px;
    overflow: hidden;

    -webkit-transition: width .2s; /* Safari */
    transition: width .2s;
}

#main-menu.hidden {
    width: 0;
}

.tituloAAC {
    font-family: Arial, Helvetica, sans-serif;
    color: #3399CC;
    font-size: 1.5em;
    font-weight: bold;
}

@media (max-width: 1024px) {
    #main-menu {
        width: 0;
    }

    #main-menu.hidden {
        width: 200px;
    }

    form table:not(#propiedades):not(.variantes) > tbody > tr > td {
        display: block;
        height: auto;
        width: auto;
    }

    input[type="text"],
    input[type="password"],
    input[type="file"],
    textarea,
    select {
        width: auto;
        max-width: 96%;
    }

    img {
        max-width: 100%;
    }

    #main-wrapper > table {
        table-layout: fixed;
    }

    #main-wrapper > table tbody tr:last-child td {
        overflow: auto;
    }

    form label,
    form em,
    form input[type="text"],
    form input[type="password"],
    form textarea,
    form select {
        display: block;
        margin: 0 0 5px;
    }
}

@media (max-width: 600px) {
    .mainLogo {
        display: block;
    }

    .mainLogo img {
        max-height: 50px;
        max-width: 100%;
        height: auto;
        width: auto;
    }

    .tituloAAC {
        font-size: 1.2em;
        display: block;
        width: 100%;
    }

    form table {
        table-layout: fixed;
    }

    #nuevo,
    #nuevo2 {
        width: 96% !important;
    }

    #main-menu a {
        font-size: 1.1em;
    }

    #main-menu table tr td {
        padding: 5px;
    }

    input[type="text"],
    input[type="password"],
    input[type="file"],
    textarea,
    select {
        font-size: 11px;
        padding: 5px;
    }
}

/*</editor-fold>*/