.help-sprite,

.help-Subrayado,

.help-acercade-1,

.help-acercade,

.help-aliniacion,

.help-archivar,

.help-ayuda-1,

.help-ayuda,

.help-buscar-carpeta,

.help-buscartx,

.help-calculadora,

.help-casilladesmarcada,

.help-casillamarcada,

.help-close,

.help-color-letra,

.help-correo,

.help-cursiva,

.help-eliminar,

.help-guardar,

.help-horarojo,

.help-horaverde,

.help-imprimir,

.help-logo,

.help-miniatura-1,

.help-miniatura,

.help-negrilla,

.help-pganterior,

.help-pgsiguiente,

.help-preliminar,

.help-puntorojo,

.help-puntos,

.help-puntoverde,

.help-salir-1,

.help-salir,

.help-salvar,

.help-sangria,

.help-soporte-1,

.help-soporte,

.help-suma-resta,

.help-tipo-tamano,

.help-zoom-less,

.help-zoom-more {

    background-image: url('../img/sprite/help-s3c664e310d.png');

    background-repeat: no-repeat

}



.logo {

	margin-top: 8px;

}



.title {

    text-align: right;

    margin: 0;

    margin-top: 32px;

    float: right;

    font-size: 30px;

}



.help-Subrayado {

    background-position: -96px -73px;

    height: 24px;

    width: 24px

}

.help-acercade-1 {

    background-position: -172px -73px;

    height: 25px;

    width: 26px

}

.help-acercade {

    background-position: -146px -98px;

    height: 25px;

    width: 23px

}

.help-aliniacion {

    background-position: 0 0;

    height: 24px;

    width: 72px

}

.help-archivar {

    background-position: -96px 0;

    height: 25px;

    width: 20px

}

.help-ayuda-1 {

    background-position: -52px -123px;

    height: 25px;

    width: 26px

}

.help-ayuda {

    background-position: -144px -73px;

    height: 25px;

    width: 28px

}

.help-buscar-carpeta {

    background-position: -164px 0;

    height: 24px;

    width: 24px

}

.help-buscartx {

    background-position: -191px -98px;

    height: 25px;

    width: 19px

}

.help-calculadora {

    background-position: -44px -49px;

    height: 17px;

    width: 20px

}

.help-casilladesmarcada {

    background-position: -165px -25px;

    height: 13px;

    width: 15px

}

.help-casillamarcada {

    background-position: -180px -25px;

    height: 13px;

    width: 15px

}

.help-close {

    background-position: -72px 0;

    height: 24px;

    width: 24px

}

.help-color-letra {

    background-position: -64px -49px;

    height: 24px;

    width: 24px

}

.help-correo {

    background-position: -75px -98px;

    height: 25px;

    width: 24px

}

.help-cursiva {

    background-position: -112px -49px;

    height: 24px;

    width: 24px

}

.help-eliminar {

    background-position: -120px -73px;

    height: 24px;

    width: 24px

}

.help-guardar {

    background-position: -123px -98px;

    height: 25px;

    width: 23px

}

.help-horarojo {

    background-position: 0 -49px;

    height: 15px;

    width: 22px

}

.help-horaverde {

    background-position: -22px -49px;

    height: 15px;

    width: 22px

}

.help-imprimir {

    background-position: -188px 0;

    height: 25px;

    width: 22px

}

.help-logo {

    background-position: 0 -149px;

    height: 58px;

    width: 210px

}

.help-miniatura-1 {

    background-position: -99px -98px;

    height: 25px;

    width: 24px

}

.help-miniatura {

    background-position: -50px -98px;

    height: 25px;

    width: 25px

}

.help-negrilla {

    background-position: -136px -49px;

    height: 24px;

    width: 24px

}

.help-pganterior {

    background-position: -99px -123px;

    height: 25px;

    width: 20px

}

.help-pgsiguiente {

    background-position: -78px -123px;

    height: 25px;

    width: 21px

}

.help-preliminar {

    background-position: -116px 0;

    height: 24px;

    width: 24px

}

.help-puntorojo {

    background-position: -160px -49px;

    height: 24px;

    width: 24px

}

.help-puntos {

    background-position: -140px 0;

    height: 24px;

    width: 24px

}

.help-puntoverde {

    background-position: -184px -49px;

    height: 24px;

    width: 24px

}

.help-salir-1 {

    background-position: 0 -123px;

    height: 25px;

    width: 26px

}

.help-salir {

    background-position: -25px -98px;

    height: 25px;

    width: 25px

}

.help-salvar {

    background-position: -88px -49px;

    height: 24px;

    width: 24px

}

.help-sangria {

    background-position: 0 -73px;

    height: 24px;

    width: 48px

}

.help-soporte-1 {

    background-position: 0 -98px;

    height: 25px;

    width: 25px

}

.help-soporte {

    background-position: -26px -123px;

    height: 25px;

    width: 26px

}

.help-suma-resta {

    background-position: -48px -73px;

    height: 24px;

    width: 48px

}

.help-tipo-tamano {

    background-position: 0 -25px;

    height: 24px;

    width: 165px

}

.help-zoom-less {

    background-position: -119px -123px;

    height: 26px;

    width: 20px

}

.help-zoom-more {

    background-position: -169px -98px;

    height: 25px;

    width: 22px

}

body {

    font-size: 14px;

    color: #676767;

    margin: 0

}

* {

    font-family: "roboto-light"

}

*:focus {

    outline: none !important

}

a {

    color: inherit

}

a:hover {

    text-decoration: none

}

a:focus {

    border: none !important;

    text-decoration: none;

    color: inherit;

    outline: none

}

h1 {

    box-shadow: 0 30px 0 0 #fff;

    margin: 30px 0 18px;

    position: relative;

    color: #57967f;

    z-index: 1

}

h1:before {

    position: absolute;

    background: #57967f;

    bottom: -10px;

    content: "";

    width: 100px;

    height: 2px;

    left: 0

}

h2 {

    font-size: 24px;
    font-weight: bolder;
    color: #EC008C

}

h3 {

    font-size: 19px

}

h3:first-child {

    margin-top: 20px

}


h3 {

    margin-top: 0;

    color: #57967f

}

h2 a,

h3 a {

    font-family: "roboto-regular";

    -moz-transition-duration: 250ms;

    -o-transition-duration: 250ms;

    -webkit-transition-duration: 250ms;

    transition-duration: 250ms;

    color: #57967f

}

h2 a:hover,

h3 a:hover {

    color: #447664

}

p {

    font-size: 16px

}

hr {
    background-color: #EC008C;
}

ul li a {

    -moz-transition-duration: 250ms;

    -o-transition-duration: 250ms;

    -webkit-transition-duration: 250ms;

    transition-duration: 250ms

}

ul li a:hover {

    color: #e5007e

}

@font-face {

    font-family: "roboto-regular";

    src: url('../fonts/roboto-regular.eot?1441718888');

    src: url('../fonts/roboto-regular.eot?&1441718888#iefix') format('embedded-opentype'), url('../fonts/roboto-regular.woff?1441718891') format('woff'), url('../fonts/roboto-regular.ttf?1441718890') format('truetype')

}

@font-face {

    font-family: "roboto-light";

    src: url('../fonts/roboto-light.eot?1441718884');

    src: url('../fonts/roboto-light.eot?&1441718884#iefix') format('embedded-opentype'), url('../fonts/roboto-light.woff?1441718887') format('woff'), url('../fonts/roboto-light.ttf?1441718886') format('truetype')

}

@font-face {

    font-family: "roboto-thin";

    src: url('../fonts/roboto-thin.eot?1441718891');

    src: url('../fonts/roboto-thin.eot?&1441718891#iefix') format('embedded-opentype'), url('../fonts/roboto-thin.woff?1441718894') format('woff'), url('../fonts/roboto-thin.ttf?1441718893') format('truetype')

}

.full-width {

    width: 100%

}

.full-height {

    height: 100%

}

.help-sprite,

.help-Subrayado,

.help-acercade-1,

.help-acercade,

.help-aliniacion,

.help-archivar,

.help-ayuda-1,

.help-ayuda,

.help-buscar-carpeta,

.help-buscartx,

.help-calculadora,

.help-casilladesmarcada,

.help-casillamarcada,

.help-close,

.help-color-letra,

.help-correo,

.help-cursiva,

.help-eliminar,

.help-guardar,

.help-horarojo,

.help-horaverde,

.help-imprimir,

.help-logo,

.help-miniatura-1,

.help-miniatura,

.help-negrilla,

.help-pganterior,

.help-pgsiguiente,

.help-preliminar,

.help-puntorojo,

.help-puntos,

.help-puntoverde,

.help-salir-1,

.help-salir,

.help-salvar,

.help-sangria,

.help-soporte-1,

.help-soporte,

.help-suma-resta,

.help-tipo-tamano,

.help-zoom-less,

.help-zoom-more {

    display: inline-block

}

.container {

    max-width: 1368px;

    min-width: 1024px;

    padding: 0 20px;

    width: auto

}

.breadcrumb {

    background: transparent;

    margin: 36px 0;

    padding: 0

}

.breadcrumb li:first-child a {

    background: url(../img/arrow.png) no-repeat left center;

    padding-left: 30px

}

.breadcrumb li:last-child a {

    color: #57967f

}

.breadcrumb * {

    -moz-transition-duration: 250ms;

    -o-transition-duration: 250ms;

    -webkit-transition-duration: 250ms;

    transition-duration: 250ms;

    font-size: 20px;

    color: #b3b3b3

}

.breadcrumb *:hover {

    color: #57967f

}

.breadcrumb>.active {

    color: #57967f

}

.help-green-color {

    color: #54957f

}

header {

    height: 102px

}

header>* {

    -moz-box-shadow: inset 0 -2px 0 0 #1d70b7;

    -webkit-box-shadow: inset 0 -2px 0 0 #1d70b7;

    box-shadow: inset 0 -2px 0 0 #1d70b7;

    position: relative;

    height: 100%

}

header>*:before,

header>*:after {

    position: absolute;

    background: #57967f;

    height: 2px;

    content: "";

    width: 20%;

    bottom: 0

}

header>*:before {

    left: 0

}

header>*:after {

    background: #310349;

    right: 0

}

header .pull-left {

    margin-top: 15px

}

header .pull-left:before,

header .pull-left:after {

    position: absolute;

    background: #f29100;

    height: 2px;

    content: "";

    width: 20%;

    bottom: 0

}

header .pull-left:before {

    left: 20%

}

header .pull-left:after {

    background: #bd1622;

    right: 20%

}

.home {

    height: calc(100% - 152px);

    margin-top: 25px

}

.home .container {

    padding: 0 77px

}

.home .container .row {

    height: 100%

}

.home .container .row>* {

    padding: 5px;

    height: 25%

}

.home .container .row>*:nth-child(2) a,

.home .container .row>*:nth-child(10) a {

    background: #13375A

}

.home .container .row>*:nth-child(3) a,

.home .container .row>*:nth-child(14) a {

    background: #bd1622

}

.home .container .row>*:nth-child(4) a {

    background: #1d70b7

}

.home .container .row>*:nth-child(5) a {

    background: #285e8c

}

.home .container .row>*:nth-child(6) a,

.home .container .row>*:nth-child(11) a {

    background: #8e0000

}

.home .container .row>*:nth-child(7) a {

    background: #f29100

}

.home .container .row>*:nth-child(8) a {

    background: #310349

}

.home .container .row>*:nth-child(9) a,

.home .container .row>*:nth-child(15) a {

    background: #005247

}

.home .container .row>*:nth-child(13) a {

    background: #bc6f00

}

.home .container .row>*:nth-child(16) a {

    background: #fff

}

.home .container .row>*>a {

    display: inline-block;

    position: relative;

    text-align: center;

    background: #57967f;

    display: table;

    height: 100%;

    width: 100%

}

.home .container .row>*>a h2 {

    font-family: "roboto-light";

    padding-right: 15px;

    bottom: 6px;

    left: 7px

}

.home .container .row>*>a h5 {

    font-family: "roboto-regular";

    bottom: 10px;

    left: 10px

}

.home .container .row>*>a h2,

.home .container .row>*>a h5 {

    position: absolute;

    text-align: left;

    color: #fff;

    margin: 0

}

.home .container .row>*>a>div {

    vertical-align: middle;

    display: table-cell

}

.home .container .row>*>a>div img {

    max-height: 9vh

}

.home .container .row>*>a h5+div {

    position: relative;

    top: -10px

}

.table-content {

    height: calc(100% - 102px);

    position: relative;

    float: left;

    width: 100%

}

.table-content:before {

    height: calc(100% - 70px);

    background: #ececec;

    position: absolute;

    content: "";

    width: 1px;

    left: 50%;

    top: 35px

}

.table-content .container {

    padding: 0 5px

}

.table-content .row {

    height: 100%

}

.table-content .row>* {

    padding: 18px 50px;

    height: 100%

}

.table-content .row>*>*:first-child {

    margin-top: 0

}

.table-content .row>*>*:last-child {

    margin-bottom: 30px

}

.table-content ul {

    padding-left: 35px

}

.content {

    height: calc(100% - 102px);

    padding: 5px 0;

    width: 100%;

    float: left

}

.content img {

    max-width: 652px;

    margin-bottom: 24px;

}

.content .container {

    padding: 0 5px

}

.content .left-content {

    padding-left: 15px;

    position: relative;

    height: 100%;

    width: 310px;

    float: left

}

.content .left-content .collapse {

    width: 100%

}

.content .left-content .collapse.in {

    display: inline-block

}

.content .left-content nav {

    display: inline-block

}

.content .left-content nav li.active a {

    color: #e5007e

}

.content .left-content nav li.active a:before {

    border-bottom: 5px solid transparent;

    border-top: 5px solid transparent;

    border-left: 5px solid #e5007e;

    position: absolute;

    content: "";

    top: 5px;

    left: 0

}

.content .left-content nav a {

    background: transparent !important;

    display: inline-block;

    position: initial;

    padding: 0

}

.content .left-content ul {

    padding-left: 10px;

    width: 100%;

    float: left;

    margin: 0

}

.content .left-content ul li ul {

    padding-left: 20px;

    margin-top: 15px

}

.content .left-content:after {

    height: calc(100% - 60px);

    background: #ececec;

    position: absolute;

    content: "";

    right: -1px;

    width: 1px;

    top: 30px

}

.content .right-content {

    width: calc(100% - 310px);

    padding-left: 20px;

    height: 100%;

    float: left

}

.content .right-content h2 {

    margin: 5px 0 20px;

    padding-top: 15px

}

.content .right-content h3 {

    padding-top: 15px;

    margin-top: -15px

}

.content .right-content li {

    font-size: 16px

}

.content .right-content li+li {

    margin-top: 10px

}

.content .right-content .scrollBar {

    height: calc(100% - 87px)

}

.content .right-content .scrollBar.scrollBar-vertical .scrollBar-content {

    padding-right: 15px

}

.content .right-content .scrollBar.scrollBar-vertical .scrollBar-content *:first-child {

    margin-top: 0

}

.content .right-content .scrollBar.scrollBar-vertical .scrollBar-content *:last-child {

    margin-bottom: 0

}

.content h3,

.content li {

    position: relative;

    float: none

}

.content h3 a[data-toggle="collapse"]:after,

.content li a[data-toggle="collapse"]:after {

    border-right: 5px solid transparent;

    border-left: 5px solid transparent;

    border-bottom: 5px solid #57967f;

    -moz-transition-duration: 250ms;

    -o-transition-duration: 250ms;

    -webkit-transition-duration: 250ms;

    transition-duration: 250ms;

    position: absolute;

    content: "";

    right: 5px;

    top: 8px

}

.content h3 a[data-toggle="collapse"].collapsed:after,

.content li a[data-toggle="collapse"].collapsed:after {

    -moz-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg)

}

.table-content ul li,

.left-content ul li {

    position: relative

}

.table-content ul li a:hover:before,

.left-content ul li a:hover:before {

    border-bottom: 5px solid transparent;

    border-top: 5px solid transparent;

    border-left: 5px solid #e5007e;

    position: absolute;

    content: "";

    top: 5px;

    left: 0

}

.table-content ul li ul,

.left-content ul li ul {

    margin-top: 8px

}

.table-content ul li ul li a:hover:before,

.left-content ul li ul li a:hover:before {

    left: -2px

}

.table-content ul li ul li:last-child,

.left-content ul li ul li:last-child {

    margin-bottom: 10px

}

.table-content ul li ul li:before,

.left-content ul li ul li:before {

    position: relative;

    background: #676767;

    content: "";

    height: 2px;

    float: left;

    left: -1px;

    width: 2px;

    top: 9px

}

.table-content ul li:last-child,

.left-content ul li:last-child {

    margin-bottom: 15px

}

.table-content ul li:before,

.left-content ul li:before {

    margin-right: 5px;

    content: "-"

}

.table-content ul li+li,

.left-content ul li+li {

    margin-top: 5px

}

.right-scroll {

    height: calc(100% - 99px);

    position: relative;

    overflow: hidden

}

.right-scroll:after,

.right-scroll:before {

    background: #fff;

    position: absolute;

    height: 18px;

    content: "";

    width: 17px;

    right: 0;

    top: 0

}

.right-scroll:before {

    bottom: 0;

    top: auto

}

.right-scroll>div {

    padding: 15px 0;

    overflow: auto;

    height: 100%

}

.right-scroll>div:after,

.right-scroll>div:before {

    box-shadow: 15px 15px 0 0 red;

    border-radius: 50%;

    position: absolute;

    content: "";

    height: 80px;

    width: 80px

}

.scrollBar {

    position: relative;

    overflow: hidden;

    height: 100%;

    z-index: 0

}

.scrollBar .scrollBar-container {

    position: relative

}

.scrollBar .scrollBar-container .scrollBar-content {

    -moz-transition-duration: 0s;

    -o-transition-duration: 0s;

    -webkit-transition-duration: 0s;

    transition-duration: 0s;

    position: relative;

    z-index: 3

}

.scrollBar .scrollBar-mask-container {

    pointer-events: none;

    position: absolute;

    height: 100%;

    width: 100%;

    z-index: 1

}

.scrollBar .scrollBar-mask-container:before {

    background: #fff;

    position: absolute;

    content: "";

    z-index: 2

}

.scrollBar .scrollBar-mask-container .scrollBar-mask-content {

    position: absolute;

    overflow: hidden;

    height: 25px;

    width: 22px;

    z-index: 2

}

.scrollBar .scrollBar-mask-container .scrollBar-mask-content:before {

    -moz-border-radius: 100%;

    -webkit-border-radius: 100%;

    border-radius: 100%;

    border: 6px solid #fff;

    position: absolute;

    height: 20px;

    width: 20px;

    content: ""

}

.scrollBar.scrollBar-vertical .scrollBar-container {

    width: calc(100% + 7px);

    overflow-x: hidden;

    overflow-y: auto;

    height: 100%

}

.scrollBar.scrollBar-vertical .scrollBar-container .scrollBar-content {

    width: calc(100% - 7px);

    margin: 17px 0;

    float: left

}

.scrollBar.scrollBar-vertical .scrollBar-mask-container:before {

    height: 100%;

    width: 2px;

    right: 8px;

    top: 0

}

.scrollBar.scrollBar-vertical .scrollBar-mask-container .scrollBar-mask-content {

    -moz-box-shadow: inset 0 15px 0 0 #fff;

    -webkit-box-shadow: inset 0 15px 0 0 #fff;

    box-shadow: inset 0 15px 0 0 #fff;

    right: -14px;

    top: 0

}

.scrollBar.scrollBar-vertical .scrollBar-mask-container .scrollBar-mask-content:before {

    left: -6px;

    top: 14px

}

.scrollBar.scrollBar-vertical .scrollBar-mask-container .scrollBar-mask-content+.scrollBar-mask-content {

    -moz-box-shadow: inset 0 -15px 0 0 #fff;

    -webkit-box-shadow: inset 0 -15px 0 0 #fff;

    box-shadow: inset 0 -15px 0 0 #fff;

    bottom: 0;

    top: auto

}

.scrollBar.scrollBar-vertical .scrollBar-mask-container .scrollBar-mask-content+.scrollBar-mask-content:before {

    bottom: 14px;

    top: auto

}

.scrollBar.scrollBar-horizontal {

    position: relative

}

.scrollBar.scrollBar-horizontal:before,

.scrollBar.scrollBar-horizontal:after {

    background: #fff;

    position: absolute;

    height: 100%;

    content: "";

    width: 15px;

    z-index: 4;

    left: 0;

    top: 0

}

.scrollBar.scrollBar-horizontal:after {

    left: auto;

    right: 0

}

.scrollBar.scrollBar-horizontal .scrollBar-container {

    height: calc(100% + 7px);

    overflow-x: auto

}

.scrollBar.scrollBar-horizontal .scrollBar-container .scrollBar-content {

    height: 100%

}

.scrollBar.scrollBar-horizontal .scrollBar-mask-container:before {

    height: 2px;

    bottom: 8px;

    width: 100%;

    left: 0

}

.scrollBar.scrollBar-horizontal .scrollBar-mask-container .scrollBar-mask-content {

    -moz-box-shadow: inset 12px 0 0 0 #fff;

    -webkit-box-shadow: inset 12px 0 0 0 #fff;

    box-shadow: inset 12px 0 0 0 #fff;

    bottom: 0;

    left: 0

}

.scrollBar.scrollBar-horizontal .scrollBar-mask-container .scrollBar-mask-content:before {

    right: -9px;

    top: -6px

}

.scrollBar.scrollBar-horizontal .scrollBar-mask-container .scrollBar-mask-content+.scrollBar-mask-content {

    -moz-box-shadow: inset -12px 0 0 0 #fff;

    -webkit-box-shadow: inset -12px 0 0 0 #fff;

    box-shadow: inset -12px 0 0 0 #fff;

    left: auto;

    right: 0

}

.scrollBar.scrollBar-horizontal .scrollBar-mask-container .scrollBar-mask-content+.scrollBar-mask-content:before {

    left: -9px

}

.scrollBar.scrollButtons {

    height: calc(100% - 30px)

}
/* .triangulo {
    height: 0%;
    width: 0%;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-top: 6px solid #59947f;
    position: relative;
    top: -22px; 
    left: 165px
} */
.triangulo {
    max-height:18px;
    max-width:18px;
}