@charset "utf-8";

/* CSS Document */

@media (max-width: 535px) {
.h1, h1 {
    font-size: 2.5em;
    font-weight: 200 !important;
}
    }
.h2, h2 {
    font-size: 36px;
    font-weight: 200 !important;
}
.h3, h3 {
    font-size: 24px
}
.h4, h4 {
    font-size: 20px
}
.h5, h5 {
    font-size: 18px
}
.h6, h6 {
    font-size: 16px
}
h1, h2, h3, h4, h5, h6 {
    line-height: 110%
}
p, .p {
    font-size: 14px;
    line-height: 1.5em
}
.small, small {
    font-size: 85%
}
.small, small {
    font-size: 85%
}
.smaller {
    font-size: 65%
}
.smallest {
    font-size: 55%
}
.big, big {
    font-size: 125%
}
.bigger {
    font-size: 155%
}
.biggest {
    font-size: 175%
}
.bold {
    font-weight: 600
}
.light {
    font-weight: 200
}
a {
    text-decoration: none;
    color: #000
}
a:hover {
    color: #000;
    text-decoration: none
}
a:visited:hover {
    color: #000
}
.interlineado1 {
    line-height: 150%
}
.interlineado2 {
    line-height: 200%
}
.interlineado3 {
    line-height: 300%
}
.relative {
    position: relative
}
.absolute {
    position: absolute
}
.static {
    position: static
}
.fixed {
    position: fixed
}
.no-box-shadow {
    box-shadow: none !important
}
.no-text-shadow {
    text-shadow: none !important
}
.no-border {
    border: none !important
}
.fa-1x {
    font-size: 1em !important
}
.fa-1-25x {
    font-size: 1.25em !important
}
.fa-1-5x {
    font-size: 1.5em !important
}
img.byn {
    filter: gray;
    filter: grayscale(100%)
}
section {
    background-color: transparent
}
section.padded {
    padding-bottom: 70px;
    padding-top: 70px
}
section.lightly-padded {
    padding-bottom: 20px;
    padding-top: 20px
}
.no-bottom {
    margin-bottom: 0 !important
}
.no-margin {
    margin: 0 !important
}
.no-padding {
    padding: 0 !important
}
blockquote.general {
    border-left: 5px solid #9e9e9e
}
.card.horizontal {
    display: flex
}
.card {
    background-color: #fff;
    border-radius: 2px;
    margin: .5rem 0 1rem;
    position: relative;
    transition: box-shadow .25s ease 0
}
.card.horizontal .card-image {
    max-width: 50%
}
.card .card-image {
    position: relative
}
.card.horizontal .card-image img {
    max-width: 100%;
    width: auto
}
.card.horizontal .card-stacked {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    position: relative
}
.card .card-action {
    background-color: inherit;
    border-top: 1px solid rgba(160, 160, 160, 0.2);
    padding: 20px;
    position: relative
}
#anchor-perifericos .card p, #fichadas .card p {
    font-size: 13px;
    line-height: 1.3em
}
#fichadas .card, #anchor-perifericos .card {
    height: 300px
}
#fichadas .card .card-image, #anchor-perifericos .card .card-image {
    left: 50%;
    margin: 0 auto;
    position: absolute;
    top: 30px;
    transform: translate(-50%)
}
#fichadas .card .card-content, #anchor-perifericos .card .card-content {
    bottom: 20px;
    padding: 30px;
    position: absolute;
    width: 100%
}
.contenedor-slider.fullscreen {
    height: calc(100vh - 64px);
    position: relative
}
.contenedor-slider.fullscreen .slides {
    height: 100%
}
.slider .indicators {
    bottom: 5% !important;
    left: 0;
    margin: 0;
    position: absolute;
    right: 0;
    text-align: center;
    z-index: 10
}
.slider .indicators .indicator-item {
    background-color: #fff;
    box-shadow: 0 0 20px #000;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    margin: 0 15px 10px;
    position: relative;
    transition: background-color .3s ease 0;
    width: 16px
}
.slider .indicators .indicator-item.active {
    background-color: #333 !important
}
.contenedor-slider-halfscreen .slider {
    width: 70%
}
.contenedor-slider-halfscreen .slider .slides li img {
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%
}
.contenedor-slider-halfscreen .slider .slides {
    background-color: transparent !important
}
.videos.play {
    display: inline-block;
}
.videos.play:before {
    content: '\f144';
    color: #FFF;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    left: 50%;
    top: 35%;
    transform: translate(-50%, -50%);
    position: absolute;
    font-size: 40px;
    text-shadow: 1px 1px 3px #333
}
.videos.play:hover:before {
    font-family: FontAwesome;
    font-size: 4rem
}
.videos.play img {
    box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.2), 0 6px 16px 0 rgba(0, 0, 0, 0.19);
    transition: box-shadow .25s ease 0;
    width: 90%
}
.thumbs.lupa:before {
    content: '\f002';
    color: #FFF;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    font-size: 40px;
    text-shadow: 1px 1px 3px #333
}
.thumbs.lupa:hover:before {
    font-family: FontAwesome;
    font-size: 4rem
}
.thumbs.lupa img {
    box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.2), 0 6px 16px 0 rgba(0, 0, 0, 0.19);
    transition: box-shadow .25s ease 0;
    width: 90%
}
#returns {
    background: transparent none repeat scroll 0 0;
    border-radius: 35px;
    bottom: 20px;
    display: none;
    height: 130px;
    position: fixed;
    right: 20px;
    text-align: center;
    text-decoration: none;
    transition: all .3s ease 0;
    width: 50px;
    z-index: 200
}
#returns > a {
    display: inline
}
#godown {
    background: transparent none repeat scroll 0 0;
    border-radius: 35px;
    bottom: 20px;
    display: block;
    height: 130px;
    position: fixed;
    right: 20px;
    text-align: center;
    text-decoration: none;
    transition: all .3s ease 0;
    width: 50px;
    z-index: 200
}
#godown > a {
    display: inline
}
.btn-floating span {
    color: #fff
}
.btn-large {
    line-height: inherit !important
}
.fancybox-nav {
    height: 85% !important;
    width: 33%
}
.section-slider {
    position: relative;
}
.slick-autoplay .slick-arrow {
    color: #333
}
.slick-autoplay img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 250px;
    height: auto
}
.slick-autoplay .slick-prev, .slick-autoplay .slick-next {
    box-sizing: border-box;
    padding: 20px 25px 50px;
    z-index: 100
}
.slick-autoplay .slick-prev {
    left: 0
}
.slick-autoplay .slick-next {
    right: 0
}
.slick-autoplay .slick-list {
    margin-left: auto;
    margin-right: auto;
    width: calc(100% - 60px)
}
.slick-autoplay .slick-slide {
    text-align: center;
    position: relative
}
.slick-autoplay .item, .slick-autoplay .slide {
    display: none
}
.slick-autoplay .item:first-child, .slick-autoplay .slide:first-child {
    display: block
}
.slick-autoplay.slick-initialized .item, .slick-autoplay.slick-initialized .slide {
    display: block
}
.slick-autoplay .item, .slick-autoplay .slide a {
    display: none
}
.slick-autoplay .item:first-child, .slick-autoplay .slide a:first-child {
    display: block
}
.slick-autoplay.slick-initialized .item, .slick-autoplay.slick-initialized .slide a {
    display: block
}
.slick-slider .slide {
    display: none
}
.slick-slider .slide:first-child {
    display: block
}
.slick-slider.slick-initialized .item {
    display: block
}
.slick-slider.slick-initialized .slide {
    display: block
}
.slick-logos-autoplay .slick-arrow {
    color: #333
}
.slick-logos-autoplay img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 150px;
    width: 100%;
    height: auto
}
.slick-logos-autoplay .slick-prev, .slick-logos-autoplay .slick-next {
    box-sizing: border-box;
    padding: 20px 25px 50px;
    z-index: 100
}
.slick-logos-autoplay .slick-prev {
    left: 0
}
.slick-logos-autoplay .slick-next {
    right: 0
}
.slick-logos-autoplay .slick-list {
    margin-left: auto;
    margin-right: auto;
    width: calc(100% - 60px)
}
.slick-logos-autoplay .slick-slide {
    text-align: center;
    position: relative
}
.slick-logos-autoplay .item {
    display: none
}
.slick-logos-autoplay .item:first-child {
    display: block
}
.slick-logos-autoplay.slick-initialized .item {
    display: block
}
.single-item.single-pantallas .slick-slide {
    text-align: center;
    position: relative
}
.single-item.single-pantallas {
    overflow: hidden
}
.single-item.single-pantallas img {
    display: inline-block
}
.single-item .slick-slide {
    display: none
}
.single-item .slick-slide a {
    display: none
}
.single-item .slick-slide:first-child {
    display: block
}
.single-item .slick-slide:first-child a {
    display: block
}
.single-item.slick-initialized .slick-slide {
    display: block
}
.single-item.slick-initialized .slick-slide a {
    display: block
}
.single-item .item, .single-item .slide a {
    display: none
}
.single-item .item:first-child, .single-item .slide a:first-child {
    display: block
}
.single-item.slick-initialized .item, .single-item.slick-initialized .slide a {
    display: block
}
.fotos-hero {
    height: 600px;
    width: 100%;
    overflow: hidden;
    position: relative;
    display: block
}
.fotos-hero .slick-slide {
    text-align: center;
    position: relative
}
.fotos-hero .slick-slide img {
    display: inline-block
}
.fotos-hero .item {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 600px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 25;
    display: none
}
.fotos-hero .item:first-child {
    display: block
}
.fotos-hero.slick-initialized .item {
    display: block
}
.fotos-hero .item:not(.fondo-claro):before {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.8) 1%, rgba(0, 0, 0, 0) 65%);
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 10
}
section #single-hero {
    padding: 0
}
.single-hero {
    height: 500px;
    width: 100%;
    overflow: hidden;
    position: relative;
    display: block
}
.single-hero .slick-slide {
    text-align: center;
    position: relative
}
.single-hero .slick-slide img {
    display: inline-block
}
.single-hero .item {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 500px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 25;
    display: none
}
.single-hero .item:first-child {
    display: block
}
.single-hero.slick-initialized .item {
    display: block
}
.single-hero .item:not(.fondo-claro):before {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.8) 1%, rgba(0, 0, 0, 0) 65%);
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 10
}
.single-hero.pdv .item:not(.fondo-claro):before {
    background-image: linear-gradient(to left, rgba(4, 9, 1, 1) 1%, rgba(85, 139, 47, 0.1) 75%) !important
}
.single-hero.resto .item:not(.fondo-claro):before {
    background-image: linear-gradient(to left, rgba(9, 1, 2, 1) 1%, rgba(139, 47, 47, 0.1) 75%) !important
}
.single-hero.gestion .item:not(.fondo-claro):before {
    background-image: linear-gradient(to left, rgba(1, 9, 9, 1) 1%, rgba(47, 139, 138, 0.1) 75%) !important
}
.single-hero.eecc .item:not(.fondo-claro):before {
    background-image: linear-gradient(to left, rgba(9, 6, 1, 1) 1%, rgba(139, 121, 47, 0.1) 75%) !important
}
.single-hero .hero-columna {
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 10
}
.single-hero .hero-columna.izquierda {
    left: 0
}
.single-hero .hero-columna.derecha {
    right: 0
}
.single-hero .hero-columna.centrada {
    right: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto
}
.single-hero .hero-contenido {
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}
.single-hero .hero-contenido.caption h1 {
    font-size: 44px;
    line-height: 46px;
    text-transform: none;
    font-weight: 400;
    text-align: left!important
}
@media (max-width: 600px) {
.single-hero .hero-contenido.caption h1 {
    font-size: 30px;
    line-height: 32px;
}
.table-wide.table-modulos td {
    padding: 15px 10px !important;
}    
    
    }



.single-hero .hero-contenido.caption h2 {
    font-size: 38px;
    line-height: 42px;
    margin: 0 0 10px;
    text-transform: none;
    font-weight: bold;
}
.single-hero .hero-contenido.caption h3 {
    font-size: 28px;
    font-weight: 300;
    line-height: 32px;
    margin: 5px 0
}
.single-hero .hero-contenido.caption h4 {
    font-size: 22px;
    font-weight: 300;
    line-height: 26px;
    margin: 5px 0
}
.single-hero .hero-contenido.caption h5 {
    font-size: 18px;
    font-weight: 300;
    line-height: 28px;
    margin: 5px 0
}
.single-hero .hero-contenido.caption p {
    font-size: 16px;
    font-weight: 300;
    line-height: 22px
}
.single-hero .hero-contenido.caption {
    text-shadow: 2px 2px 5px #000;
    color: #fff;
    text-align: left;
    width: 80%;
}
.single-hero .hero-contenido.dispositivo {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 450px auto;
    height: 100%;
    width: 100%
}
.single-hero .hero-contenido.dispositivo-2 {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    width: 100%
}
.single-hero .slick-dots {
    bottom: 10px
}
.single-hero .slick-dots li.slick-active button:before {
    color: rgba(255, 255, 255, 1);
    content: '\f111';
    opacity: 1
}
.single-hero .slick-dots li button:before {
    color: rgba(255, 255, 255, 1);
    text-shadow: 2px 2px 5px #000;
    font-size: 18px;
    content: '\f10c';
    opacity: .65
}
.tabs-content .col {
    margin: 20px 0
}
.tab.card {
    margin: 0;
    padding: 20px 25px
}
.tab.card .boton-cerrar {
    color: #607d8b;
    cursor: pointer;
    position: absolute;
    right: 26px;
    top: 36px
}
.collapsible-apps .collapsible-header {
    background-color: transparent;
    padding: 0
}

.slider .slides {
    background-color: #fff !important
}
.contenedor-slider-fullscreen .slider .slides li:not(.fondo-claro):before {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.8) 1%, rgba(0, 0, 0, 0) 65%);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 10
}
.contenedor-slider-fullscreen .slider.pdv .slides li:not(.fondo-claro):before {
    background-image: linear-gradient(to left, rgba(4, 9, 1, 1) 1%, rgba(85, 139, 47, 0.1) 75%) !important
}
.contenedor-slider-fullscreen .slider.resto .slides li:not(.fondo-claro):before {
    background-image: linear-gradient(to left, rgba(9, 1, 2, 1) 1%, rgba(139, 47, 47, 0.1) 75%) !important
}
.contenedor-slider-fullscreen .slider.gestion .slides li:not(.fondo-claro):before {
    background-image: linear-gradient(to left, rgba(1, 9, 9, 1) 1%, rgba(47, 139, 138, 0.1) 75%) !important
}
.contenedor-slider-fullscreen .slider.eecc .slides li:not(.fondo-claro):before {
    background-image: linear-gradient(to left, rgba(9, 6, 1, 1) 1%, rgba(139, 121, 47, 0.1) 75%) !important
}
.slider .caption {
    color: #fff;
    line-height: 48px;
    margin: 0;
    position: absolute;
    right: 0;
    text-align: right;
    text-rendering: optimizelegibility;
    text-shadow: 2px 2px #000;
    text-transform: uppercase;
    top: 80px;
    z-index: 150;
    width: 50%;
    right: 5%
}
.slider .slides li .caption {
    color: #fff
}
.slider .caption h2 {
    font-size: 38px;
    font-weight: 600;
    line-height: 42px;
    margin: 0 0 10px
}
.slider .caption h3 {
    font-size: 28px;
    font-weight: 300;
    line-height: 32px;
    margin: 5px 0
}
.slider .caption h4 {
    font-size: 22px;
    font-weight: 300;
    line-height: 26px;
    margin: 5px 0
}
.slider .caption h5 {
    font-size: 18px;
    font-weight: 300;
    line-height: 28px;
    margin: 5px 0
}
.slider .caption p {
    font-size: 16px;
    font-weight: 300;
    line-height: 22px
}
.slider .caption h2, .slider .caption h3, .slider .caption h4, .slider .caption h5, .slider .caption dl, .slider .caption p {
    text-shadow: 2px 2px 5px #000
}
.slider .caption-image {
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
    height: 100%;
    left: 0 !important;
    top: 0 !important;
    bottom: 0;
    position: absolute !important;
    width: 50% !important;
    opacity: 0;
    max-width: 590px
}
.ul-arrow ul {
    list-style: none;
    padding: 0;
    margin: 0
}
.ul-arrow li {
    padding-left: 1.5em;
    text-indent: -.7em
}
.ul-arrow li:before {
    content: '\f105';
    font-family: FontAwesome;
    margin-right: 5px
}
.ul-triangle ul {
    list-style: none;
    padding: 0;
    margin: 0
}
.ul-triangle li {
    padding-left: 1.5em;
    text-indent: -.7em
}
.ul-triangle li:before {
    content: '\f0da';
    font-family: FontAwesome;
    margin-right: 5px
}
.ul-check ul {
    list-style: none;
    padding: 0;
    margin: 0
}
.ul-check li {
    padding-left: 1.5em;
    text-indent: -.7em
}
.ul-check li:before {
    content: '\f058';
    font-family: FontAwesome;
    margin-right: 5px
}
.ul-decimal ul {
    padding: 0;
    margin: 0
}
.ul-decimal li {
    padding-left: 1.5em;
    text-indent: -.7em;
    list-style: decimal
}
.ul-check-simple ul {
    list-style: none;
    padding: 0;
    margin: 0
}
.ul-check-simple li {
    padding-left: 1.4em;
    text-indent: -1.35em
}
.ul-check-simple li:before {
    content: '\f00c';
    font-family: FontAwesome;
    margin-right: 5px
}
.ul-check-certificado ul {
    list-style: none;
    padding: 0;
    margin: 0
}
.ul-check-certificado li {
    padding-left: 1.5em;
    text-indent: -1.5em;
    margin-bottom: 20px
}
.ul-check-certificado li:before {
    content: '\f058';
    font-family: FontAwesome;
    margin-right: 5px
}
.ul-check-certificado li h3 {
    text-transform: uppercase
}
.resto li:before {
    color: #e21836
}
.tangoblue li :before {
    color: #006fa3
}
.contenedor-texto ul ul {
    padding-left: 25px
}
.paginas li {
    display: inline;
    font-size: 1.3em;
    font-weight: 300;
    color: #006fa3;
    margin: 5px
}
.paginas li a {
    font-weight: 300
}
.center {
    margin-left: auto;
    margin-right: auto
}
.clear {
    clear: both;
    width: 100%
}
.left {
    float: left
}
.right {
    float: right
}
.full {
    width: 100%
}
.quarter {
    width: 25%
}
.half {
    width: 50%
}
.quartile {
    width: 75%
}
.third {
    width: 33.3333%
}
.col-2 {
    column-count: 2
}
.col-3 {
    column-count: 3
}
.capitalize {
    text-transform: capitalize
}
.uppercase {
    text-transform: uppercase
}
.text-center {
    text-align: center
}
.text-left {
    text-align: left
}
.text-right {
    text-align: right
}
.pointer {
    cursor: pointer
}
.inline {
    display: inline
}
.inlineBlock {
    display: inline-block
}
.block {
    display: block
}
.vertical-middle {
    vertical-align: middle
}
.vertical-top {
    vertical-align: top
}
.vertical-bottom {
    vertical-align: bottom
}
#centro.gestion {
    color: #09F
}
#centro.resto {
    color: #e21836
}
#centro.eecc {
    color: #F60
}
#centro.pdv {
    color: #090
}
#centro.net {
    color: #33F
}
#centro.moviles {
    color: #F06
}
#centro.general, #centro.contacto, #centro.educativa, #centro.centros {
    color: #686868
}
hr {
/*    height: 1px;
    min-height: 1px;*/
    line-height: 1px;
    color: #CCC
}
.push {
    height: 2.5em;
    width: 100%;
    background-color: transparent
}
.escenarios {
    display: inline-block;
    text-align: center;
    margin: 5px
}
.escenarios img {
    margin-top: 10px;
    margin-bottom: 10px
}
.cocarda, .tit-mod {
    color: #09F;
    word-spacing: 1pt;
    font-size: 18px;
    line-height: 1.3;
    text-align: center;
    float: right;
    position: relative;
    top: 30px;
    margin-left: 10px
}
.cocarda-evo:before {
    color: #000;
    content: '\f111';
    font-family: FontAwesome
}
.cocarda-plus:before {
    color: #7C7B7C;
    content: '\f111';
    font-family: FontAwesome
}
.cocarda-xplus:before {
    color: #4c4c4c;
    content: '\f111';
    font-family: FontAwesome
}
.cocarda-gold:before {
    color: #c9b56b;
    content: '\f111';
    font-family: FontAwesome
}
.checked:before {
    content: '\2713';
    font-family: FontAwesome;
    text-align: center;
    font-weight: 600
}
.masinfo:before {
    content: '\f101';
    font-family: FontAwesome;
    text-align: center;
    font-weight: 400;
    color: #404141;
    margin-right: 5px
}
.masinfo:hover:before {
    font-family: FontAwesome;
    color: #006fa3
}
.cross:before {
    content: '\f00d';
    font-family: FontAwesome;
    text-align: center;
    font-weight: 400
}
.minus:before {
    content: '\f068';
    font-family: FontAwesome;
    text-align: center;
    font-weight: 400
}
.circle:before {
    content: '\f111';
    font-family: FontAwesome;
    text-align: center;
    font-weight: 400
}
.fixed-action-btn {
    bottom: 20% !important;
    right: 20px;
    display: block
}
#centro-iframe {
    float: left;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}
#div-share {
    position: fixed;
    top: 10px;
    right: 10px;
    width: 100%;
    height: auto;
    text-align: center;
    left: 10px;
}
.sendcv:before {
    content: '\f0c6';
    font-family: FontAwesome;
    text-align: center;
    font-weight: 300;
    color: #404141;
    font-size: 2.5em
}
.sendcv {
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    line-height: 50px;
}
.sendcv:hover:before {
    color: #78909c
}
.sharelink:before {
    content: '\f1e0';
    font-family: FontAwesome;
    text-align: center;
    font-weight: 300;
    color: #404141;
    font-size: 2.5em
}
.sharelink:hover:before {
    color: #78909c
}
#terminos {
    padding: 20px
}
.cover img {
    width: 100%;
    height: auto
}
.cover {
    margin-bottom: 20px
}
.boton-prod-cover {
    display: none
}
h1.main-mobile, h2.main-mobile {
    text-shadow: 0 0 5px rgba(255, 255, 255, 1);
    color: #000;
    margin-left: auto;
    margin-right: auto
}
h1.main-mobile {
    font-size: 30px;
    font-weight: 700;
    margin: 0 auto;
    position: absolute;
    text-align: center;
    text-transform: none;
    top: 60px;
    width: 100%;
    z-index: 10;
    display: none
}
h2.main-mobile {
    font-size: 20px;
    font-weight: 300;
    margin: 0 auto;
    position: absolute;
    text-align: center;
    text-transform: none;
    top: 100px;
    width: 100%;
    z-index: 10;
    display: none
}
h2.titulo {
    text-transform: uppercase
}
h3.titulo {
    text-transform: uppercase
}
.contenedor-botones .col {
    padding: 0
}
.boton-producto img {
    width: 100%
}
#main-container {
    left: 0;
    min-height: 100% !important;
    position: absolute;
    right: 0;
    background-color: #fff
}
#contenedor {
    width: 950px;
    top: 0;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    background-color: transparent;
    display: block;
    height: auto
}
.contenedor-home {
    width: 100%
}
.contenedor-general {
    min-height: 535px
}
#contenedor-contenido .titulo-general {
    height: 140px;
    width: 100%
}
#contenido {
    height: auto
}
.contenido {
    top: 0;
    z-index: 1;
    padding: 10px;
    padding-bottom: 0;
    width: 100%
}
.contenido > table {
    width: 100% !important
}
#columna-izq {
    float: left;
    width: 230px;
    height: auto;
    margin-bottom: 200px
}
#centro {
    float: right;
    width: 700px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 150px
}
.menu, .menu2 {
    background-color: #fff;
    height: 70px;
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 20;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.4)
}

#menu-centro {
    padding-bottom: 25px;
    padding-top: 25px
}

.table-of-contents li {
    padding: 0
}
.table-of-contents a:hover {
    border-left: medium none !important;
    padding-left: 15px !important
}
#header {
    align-self: center;
    height: 70px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0;
    padding-top: 0;
    width: 950px
}
#header table td:nth-child(1) {
    width: 140px
}
#header table td:nth-child(2) {
    width: auto
}
#header table td:nth-child(3) {
    width: auto
}
#header table td:nth-child(1) img {
    padding-top: 10px
}

.dir {
    font-size: 15px;
    font-weight: 300
}

.drag-target {
    z-index: 100 !important
}
#menu-centro {
    padding-top: 25px;
    padding-bottom: 25px
}

.fa {
    text-rendering: optimizeLegibility
}
#header .fa-sitemap {
    color: #111;
    position: relative;
    right: 0;
    top: 25px
}
#contenedorMapsite {
    position: absolute;
    right: 0;
    top: 0;
    width: auto
}
#contenedorMapsite .usuario-login {
    font-size: 1.5em !important;
    color: #fff;
    position: absolute;
    top: 25px !important
}

#columna-izq li {
    background-position: left center;
    background-repeat: no-repeat;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    padding: 12px
}
#columna-izq li:not(:first-of-type) {
    border-bottom: 1px solid #CCC
}
.fondo-titulo-producto {
    background-color: transparent;
    height: 140px;
    padding-top: 20px !important;
    text-align: left;
    width: 100%;
    text-shadow: 0 0 1px #999;
    user-select: none
}
#anchor-home-modulos-iconos .container {
    width: 95%
}
#anchor-home-modulos-iconos .row .col {
    padding: 1rem .75rem
}
#anchor-home-modulos-iconos .titulo {
    height: 50px
}
#anchor-home-modulos-iconos .texto {
    height: 200px
}
.card.centros .card-title {
    z-index: 100;
    text-align: center;
    width: 100%
}
.stack-propio {
    position: relative
}
.stack-propio .stack-arriba {
    position: absolute;
    left: 40%;
    font-size: 22px
}
#articulo-novedad {
    margin-bottom: 40px
}
#novedades ul {
    font-size: 13px;
    list-style: disc inside
}
#novedades a {
    font-size: 13px
}
.filtro-hero.oscuro:before {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8) 1%, rgba(0, 0, 0, 0.4) 65%) !important;
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 10
}
.filtro-texto {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10
}
#contenedor-news {
    width: 100%;
    height: auto;
    text-align: center;
    padding: 10px
}
#contenedor-news.news-pdv {
    background-color: #093
}
#contenedor-news.news-resto {
    background-color: #DA0000
}
#news {
    position: relative;
    height: 19px
}
#news a {
    color: #FFF;
    text-align: center;
    font-size: 14px
}
#news a:hover {
    color: #FFF;
    text-decoration: underline
}
#news .texto-news {
    width: 100%;
    color: #FFF
}
#resto-tablet {
    display: inline-block;
    margin-bottom: 60px;
    text-align: center
}
#resto-tablet h2 {
    font-size: 34px;
    text-align: left
}
#resto-tablet h3 {
    font-size: 18px;
    text-align: left;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 20px
}
#resto-tablet h4 {
    font-size: 16px;
    text-align: left;
    font-weight: 300;
    margin-bottom: 20px
}
#resto-tablet h5 {
    font-size: 14px;
    text-align: left;
    font-weight: 300;
    margin-bottom: 20px
}
#resto-tablet p {
    text-align: left
}
#resto-tablet img {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px
}
#resto-tablet .videos img {
    box-shadow: none;
    width: auto
}
#resto-tablet .videos:before {
    content: none
}
#video-monitor {
	background-image:url(/img/dispositivos/general/tablet-general.png);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:550px auto;
	height:310px;
	margin-left:auto;
	margin-right:auto;
    text-align:center;}

@media (max-width: 535px) {
	#video-monitor{
		height:210px!important;
		background-size:346px auto!important;}
    }


#video-monitor.pdv {
    background-image: url(/img/dispositivos/pdv/imac-pdv.png)
}
#video-monitor.resto {
    background-image: url(/img/dispositivos/resto/imac-resto.png)
}
#video-monitor.gestion{
  background-image:url(/img/dispositivos/general/tablet-general.png)
}
#video-monitor.eecc {
    background-image: url(/img/dispositivos/eecc/imac-eecc.png)
}
#video-monitor iframe {
    height: 282px;
    width: 498px;
    position: relative;
    top: 9px
}

#video-monitor > div {
    margin-left: auto;
    margin-right: auto
}
#video-monitor-yt {
    background-image: url(/tango/software-para-gastronomia-restaurant/img/tablet-general.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 550px auto;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
#video-monitor-yt iframe {
    height: 282px;
    width: 498px;
    position: relative;
    top: 9px;
}

@media (max-width: 535px) {
    #video-monitor-yt {
        height: 210px;
        background-size: 350px auto;
    }
    #video-monitor-yt iframe {
        height: 174px !important;
        width: 320px !important;
        position: relative !important;
        top: 9px !important
    }
}
.html5-video-player {
    cursor: pointer
}
.text-map {
    font-size: 12px;
    color: #616161;
    font-weight: bold
}
.text-prov {
    font-size: 12px;
    color: #000;
    font-weight: bold;
    text-align: center
}
.text-info {
    font-size: 9px;
    color: #333;
    text-align: center
}
.prov-ar {
    background-color: #D8F5FC
}
.prov-cl {
    background-color: #C6D6FB
}
.prov-cl1 {
    background-color: #FFD9DC
}
.prov-bo {
    background-color: #FFD9DC
}
.prov-bo1 {
    background-color: #FFFECE;
    color: #000;
    font-size: 12px;
    font-weight: bold;
    text-align: center
}
.prov-bo2 {
    background-color: #D0EDCD
}
.text-DI {
    font-size: 11px;
    color: #000;
    font-weight: 300
}
.text-TE {
    font-size: 11px;
    color: #000;
    font-weight: 300
}
.text-TE a {
    text-decoration: underline
}
.text-GE {
    font-size: 11px;
    color: #006fa3;
    background-color: transparent;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif
}
.blanco {
    background-color: #FFF
}
.gris {
    background-color: #DBDBDB
}
.otro {
    background-color: #FFFFB3
}
.editor {
    overflow: auto;
    background-position: center;
    border: none
}
#mapa {
    min-height: 500px;
    max-height: 750px;
    margin-top: 0 !important
}
#MenuP {
    margin-top: 20px;
    margin-bottom: 20px
}
#MenuP h3 {
    width: 100%;
    padding-bottom: 10px;
    background-color: transparent
}
#MenuP li {
    background-color: #90a4ae;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    margin-bottom: 3px;
    height: 65px;
    float: left;
    margin-right: 5px;
    width: calc(25% - 5px);
}
#MenuP li:hover {
    background-color: #78909c
}
#MenuP li a, #MenuP li a:hover {
    color: #fff
}
#MenuP li a {
    display: inline-block;
    height: 100%;
    padding: 15px;
    width: 100%;
    color: #fff
}
#MenuP .region-ul a, #MenuP .region-ul a:visited, #MenuP .region-ul a:hover {
    color: #fff !important
}
.table-centros-resto tr {
    cursor: pointer
}
.centros-resto #MenuP li {
    background-color: #E21836;
    color: #FFF !important;
    margin-bottom: 3px;
    height: 65px
}
.centros-resto #MenuP li:hover {
    background-color: #404141;
    color: #FFF !important
}
.centros-resto #MenuP li a, .centros-resto #MenuP li a:hover {
    color: #FFF
}
.centros-resto #MenuP li a {
    display: inline-block;
    height: 100%;
    padding: 15px;
    width: 100%;
    color: #757575
}
.text-GE td {
    padding: 3px
}
.contenedor-texto #graficoIntegracion {
    height: auto;
    width: 100%
}
.integrados img {
    width: 100%;
    height: auto;
    max-width: 186px
}
#img-perifericos {
    text-align: center;
    width: 100%
}
.required.compatibles {
    bottom: 0;
    left: 50%;
    position: absolute
}
#contenedor-modelo {
    width: 50%;
    height: auto;
    padding: 10px;
    background-color: #fff;
    float: left
}
#contenedor-modelo h2 {
    text-align: left;
    background-color: #006fa3;
    color: #fff;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-top: 10px;
    margin-bottom: 15px;
    font-size: 18px
}
#modelo {
    width: 100%;
    min-height: 100px
}
#modelo .modelo-controlador {
    float: left;
    width: 25%;
    text-align: left
}
#modelo .modelo-texto {
    float: right;
    width: 75%;
    text-align: left
}
.container-controladores-resto {
    width: 90%;
}
.controladores-resto #contenedor-modelo {
    padding: 5px 10px
}
.controladores-resto #contenedor-modelo h2 {
    background-color: #ef5350;
    margin: 10px 0;
    font-size: 14px
}
.controladores-resto .modelo-controlador img {
    width: 100%;
    max-width: 73px;
    display: inline-block;
}
#contenedor-modelo2 {
    width: 125px;
    height: auto;
    padding: 10px;
    float: left;
    margin-right: 40px;
    margin-bottom: 20px
}
#contenedor-modelo2 h2 {
    text-align: center;
    margin-bottom: 10px;
    color: #006fa3;
    font-size: 18px
}
#contenedor-modelo2 #modelo {
    width: 100%;
    text-align: center;
    height: auto;
    min-height: 160px
}
#contenedor-modelo2 #modelo .modelo-controlador2 {
    width: 100%
}
#contenedor-modelo2 #modelo .modelo-texto2 {
    width: 100%
}
#contenedor-modelo3 {
    width: 100%;
    height: auto;
    padding: 10px;
    float: left;
    margin-right: 40px;
    margin-bottom: 20px
}
#contenedor-modelo3 h2 {
    text-align: center;
    margin-bottom: 10px;
    color: #006fa3
}
#contenedor-modelo3 #modelo {
    width: 100%
}
#contenedor-modelo3 #modelo .modelo-controlador3 {
    width: 20%;
    float: left;
    text-align: center;
    min-height: 120px
}
#contenedor-modelo3 #modelo .modelo-texto3 {
    width: 80%;
    text-align: left
}
.contenedor-texto #contenedor-slider {
    margin-top: 20px;
    margin-bottom: 20px
}
.contenedor-texto {
    display: inline-block;
    height: 100%;
    width: 100%
}
#slider {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 auto;
    background-color: transparent;
    overflow: hidden
}
div#slideshow {
    width: 100%;
    height: auto;
    padding: 0;
    background-color: transparent
}
div#slideshow.slide-home {
    height: 400px
}
div#slideshow.slide-home .slider-item {
    height: 100% !important;
    overflow: hidden;
    width: 100% !important
}
div#slideshow.slide-general {
    max-height: 380px !important;
    margin-left: auto;
    margin-right: auto;
    width: 60% !important;
    text-align: center
}
.slide-general .slider-item {
    height: auto !important;
    text-align: center
}
#container-slide-multilink .half {
    display: inline-block;
    height: 100%;
    position: absolute;
    width: 50%
}
#container-slide-multilink .left {
    left: 0
}
#container-slide-multilink .right {
    right: 0
}
#slideshow img {
    width: 100%;
    height: auto
}
.slider-item {
    width: 100% !important
}
.slider-item img {
    float: center;
    margin: 0;
    padding: 0
}
.slider_content_inner img {
    border: none
}
.controls-center {
    width: 100%;
    height: 50px;
    margin: 0 auto;
    padding: 1px 0;
    background: transparent
}
#slider_controls {
    margin: 0 auto;
    z-index: 1000;
    width: 100%
}
#slider_controls h2 {
    width: 600px;
    float: left;
    font: normal 11px Arial, Helvetica, sans-serif;
    color: #525252;
    padding: 5px 0 0 20px;
    margin: 0
}
#slider_controls ul {
    margin: 0;
    padding: 5px;
    width: auto;
    height: auto;
    float: right
}
#slider_controls ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    display: block
}
#slider_controls ul li a {
    width: 17px;
    height: 8px;
    font-style: normal;
    font-weight: normal;
    color: #404141;
    display: block;
    float: left;
    padding: 10px 2px 0;
    margin: 2px !important;
    margin: 1px 1px;
    outline: none
}
#slider_controls ul li a:before {
    content: "\f111";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal
}
#slider_controls ul li a:focus {
    outline: none
}
#slider_controls ul li a:hover, #slider_controls ul li a.activeSlide:before {
    content: "\f10c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    color: #006fa3
}
#contenedor-slider-mobile {
    display: none !important
}
.contenedor-texto #contenedor-slider-mobile {
    margin-top: 20px;
    margin-bottom: 20px;
    display: none !important
}
.contenedor-texto {
    display: inline-block;
    height: 100%;
    width: 100%
}
#slider-mobile {
    background-color: transparent;
    height: 100% !important;
    margin: 0 auto;
    min-height: 100%;
    overflow: hidden;
    padding: 0;
    width: 100%
}
.slider-mobile {
    background-color: transparent;
    height: 100%;
    min-height: 550px;
    width: 100%
}
div#slideshow-mobile {
    background-color: transparent;
    height: 95vh;
    min-height: 550px;
    overflow: hidden;
    padding: 0;
    width: auto !important
}
div#slideshow.slide-mobile {
    height: 350px
}
#slideshow-mobile img {
    width: 100%;
    height: auto;
    min-height: 300px;
    margin-left: 0
}
.slider-item-mobile {
    width: 100% !important;
    height: 100% !important
}
.slider-item-mobile img {
    float: center;
    margin: 0;
    padding: 0
}
.slider_content_inner img {
    border: none
}
.controls-center {
    width: 100%;
    max-width: 940px;
    height: 50px;
    margin: 0 auto;
    padding: 1px 0;
    background: transparent
}
#slider_controls-mobile {
    margin: 0 auto;
    z-index: 1000;
    width: 100%
}
#slider_controls-mobile h2 {
    width: 600px;
    float: left;
    font: normal 11px Arial, Helvetica, sans-serif;
    color: #525252;
    padding: 5px 0 0 20px;
    margin: 0
}
#slider_controls-mobile ul {
    margin: 0;
    padding: 5px;
    width: auto;
    height: auto;
    float: right
}
#slider_controls-mobile ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    display: block
}
#slider_controls-mobile ul li a {
    width: 17px;
    height: 8px;
    font-style: normal;
    font-weight: normal;
    color: #404141;
    display: block;
    float: left;
    padding: 10px 2px 0;
    margin: 2px !important;
    margin: 1px 1px;
    outline: none
}
#slider_controls-mobile ul li a:before {
    content: "\f111";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal
}
#slider_controls-mobile ul li a:focus {
    outline: none
}
#slider_controls-mobile ul li a:hover, #slider_controls-mobile ul li a.activeSlide:before {
    content: "\f10c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    color: #006fa3
}
.contenedor-videos {
    width: 100%;
    float: left
}
.contenedor-videos > div {
    float: left;
    text-align: center
}
.contenedor-videos a {
    display: block;
    height: 100%;
    width: 100%
}
.soluciones-modulos a {
    color: #444
}
.soluciones-modulos .modulos img {
    height: auto;
    max-width: 3em
}
.soluciones-modulos .modulos {
    display: block;
    margin-top: 20px
}
.card-abono {
    padding-top: 15px
}
.card-abono .card-content, .card-abono .card-content a {
    color: #fff
}
.card-abono .card-abrir {
    margin-left: 0;
    margin-top: 10px
}
.submenu .col {
    margin-bottom: 20px
}
.submenu span.icono {
    border-radius: 50%;
    display: block;
    height: 90px;
    margin: auto;
    text-align: center;
    text-transform: uppercase;
    width: 90px
}
.submenu span.icono.boton-rojo {
    background-color: #e21936;
    color: #fff
}
.submenu span.icono.boton-verde {
    background-color: #8BC34A;
    color: #fff
}
.submenu span.icono.boton-naranja {
    background-color: #ff8f00;
    color: #fff
}
.submenu span.icono.boton-celeste {
    background-color: #29b6f6;
    color: #fff
}
.submenu span.icono.boton-rojo:hover, .submenu span.icono.boton:hover {
    background-color: #666
}
.submenu span.icono i {
    line-height: 90px
}
.submenu span.icono img {
    margin-top: 20px;
    width: 48px
}
.submenu span.icono.modulos img {
    margin-top: 20px;
    width: 48px
}
.submenu span.icono a:hover {
    color: #fff
}
.submenu span {
    display: block
}
.funcionalidades a {
    color: #333
}
.funcionalidades a:hover, .funcionalidades a:hover i:before, .funcionalidades a:hover .masinfo-square:before {
    color: #
}
#caracteristicas .col {
    margin: 0 0 .75rem
}
select {
    background-color: #FFF;
    border: 1px solid #d0d0d0;
    padding: 5px;
    width: 50%;
    height: 30px;
    font-family: 'Montserrat', sans-serif;
    font-size: inherit
}
.required:before {
    content: '\f111';
    font-family: FontAwesome;
    text-align: center;
    font-weight: 300;
    font-size: .6em;
    color: #ef5350;
    margin: 5px
}
label.required:before {
    float: right
}
.required-pdv.required:before {
    color: #8bc34a
}
label.required:before {
    float: right
}
form.material input[type="text"], form.material input[type="password"], form.material input[type="email"], form.material input[type="url"], form.material input[type="time"], form.material input[type="date"], form.material input[type="datetime-local"], form.material input[type="tel"], form.material input[type="number"], form.material input[type="search"], form.material textarea.materialize-textarea {
    padding: 0 5px;
    height: 2.5rem;
    margin: 0 0 25px
}
label.error {
    color: #fc1a3f;
    float: left
}
.button {
    cursor: pointer
}
a:visited.button, a:hover.button {
    color: #FFF
}
.material .input-field label.error {
    color: #f44336 !important;
    right: 0;
    text-align: right;
    top: 3rem;
    font-size: .6rem !important
}
.material .input-field label.error.active {
    top: 4.2rem
}
.material .input-field input {
    text-align: left
}
.material .input-field label {
    color: #000 !important;
    top: .35rem;
    font-size: .85rem
}
.material .input-field input:focus + label, .material .input-field textarea:focus + label {
    color: #000 !important;
    top: .35rem
}
.material .input-field input:focus {
    border-bottom: 1px solid #000;
    box-shadow: 0 1px 0 0 #000
}
.material .input-field input.valid {
    border-bottom: 1px solid #8bc34a;
    box-shadow: 0 1px 0 0 #8bc34a
}
.material .input-field input.invalid {
    border-bottom: 1px solid #ef5350;
    box-shadow: 0 1px 0 0 #ef5350
}
.material .input-field .prefix.active {
    color: #000
}
.material input[type="text"]:focus:not([readonly]), .material input[type="password"]:focus:not([readonly]), .material input[type="email"]:focus:not([readonly]), .material input[type="url"]:focus:not([readonly]), .material input[type="time"]:focus:not([readonly]), .material input[type="date"]:focus:not([readonly]), .material input[type="datetime-local"]:focus:not([readonly]), .material input[type="tel"]:focus:not([readonly]), .material input[type="number"]:focus:not([readonly]), .material input[type="search"]:focus:not([readonly]), .material textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #607d8b !important;
    background-color: rgba(255, 255, 255, 0.25)
}
.material [type="checkbox"]:checked + label:before {
    border-color: transparent #607d8b #607d8b transparent
}
form.soft input[type="text"], form.soft input[type="password"], form.soft input[type="email"], form.soft input[type="url"], form.soft input[type="time"], form.soft input[type="date"], form.soft input[type="datetime-local"], form.soft input[type="tel"], form.soft input[type="number"], form.soft input[type="search"], form.soft textarea {
    border: 1px solid #ccc;
    color: #555;
    padding: 8px 16px 8px 14px;
    box-sizing: border-box
}
form.soft ::-moz-placeholder {
    color: #555
}
.soft .input-field {
    text-align: left
}
form.soft input[type="text"]:focus, form.soft input[type="password"]:focus, form.soft input[type="datetime"]:focus, form.soft input[type="datetime-local"]:focus, form.soft input[type="date"]:focus, form.soft input[type="month"]:focus, form.soft input[type="time"]:focus, form.soft input[type="week"]:focus, form.soft input[type="number"]:focus, form.soft input[type="email"]:focus, form.soft input[type="url"]:focus, input[type="search"]:focus, form.soft input[type="tel"]:focus, form.soft input[type="color"]:focus, form.soft textarea:focus {
    border-color: rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0, 0, 0, 0.75);
    outline: 0 none
}
form.soft .input-field label {
    position: relative;
    top: inherit
}
form.soft .input-field label.active {
    font-size: 1rem
}
form.soft .dropdown-content li > a, form.soft .dropdown-content li > span {
    color: #666
}
form.soft .select-wrapper span.caret {
    color: initial;
    font-size: 10px;
    position: absolute;
    right: 16px;
    top: 16px
}
form.soft .dropdown-content.select-dropdown {
    max-height: none !important
}
form.soft .col {
    margin-bottom: 20px
}
#formulario-contacto .collapsible-body p {
    margin: 5px 0;
    padding: 0
}
#formulario-contacto .collapsible {
    box-shadow: none
}
#formulario-contacto .collapsible-header {
    background-color: transparent
}
.waves-input-wrapper .waves-button-input {
    line-height: 36px
}
::-moz-placeholder {
    color: #000 !important;
    font-size: .8em;
    padding: 5px
}
::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder {
    color: #000
}
.envio-exitoso {
    color: #006fa3
}
.envio-fallido {
    color: red
}
#cliente-resto {
    float: left;
    width: 25%;
    height: 120px;
    margin-bottom: 20px
}
#cliente-net {
    float: left;
    width: 25%;
    height: 120px;
    margin-bottom: 20px
}
#universidades {
    float: left;
    width: 25%;
    height: 120px;
    margin-bottom: 20px
}
#cliente-logo {
    text-align: center
}
#logo-universidades {
    text-align: center
}
.tangouniversity {
    background-image: url("../img/university/portadas-cursos/generica-petroleo-1.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: -250px;
}
.logo-tango-university {
    width: 250px;
    margin-top: 25vh;
}
.tangouniversity div p {
    color: #FFF;
    margin-top: 25vh;
    font-size: 3em;
    font-weight: 100;
}
#cliente-net #cliente-logo img, #cliente-resto #cliente-logo img, #logo-universidades #logo-universidades img {
    border: none;
    box-shadow: 0 0 5px #ccc
}
#cliente-nombre {
    text-align: center;
    padding-top: 5px
}
#nombre-universidades {
    text-align: center;
    padding-top: 5px
}
.table-wide {
    width: 100%
}
.table-controles {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-top: 20px;
    border: none
}
.table-controles a {
    color: #999
}
.table-controles a:hover {
    color: #006fa3
}
table.listado-modulos td:nth-child(1), table.listado-modulos td:nth-child(4) {
    text-align: center
}
.Titulo {
    font-size: 20px;
    font-weight: 300;
    margin-top: 20px
}
.TitulosModulos {
    font-size: 18px;
    font-weight: 600
}
.L12Big {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase
}
.PieTitulo {
    font-size: 12px;
    color: #000;
    font-weight: bold
}
.table-header {
    background-color: #333;
    color: #FFF;
    height: 40px;
    text-transform: uppercase
}
.table-header th {
    padding: 5px
}
.table-celeste tr:nth-child(odd) {
    background-color: #c0dcf6
}
.table-celeste tr:nth-child(even) {
    background-color: transparent
}
.table-gris tr:nth-child(odd) {
    background-color: #EEE
}
.table-gris tr:nth-child(even) {
    background-color: transparent
}
.table-cursos tr:nth-child(odd):not(.table-header) {
    background-color: #c0dcf6
}
.table-cursos tr:nth-child(even):not(.table-header) {
    background-color: transparent
}
.precio-cursos td:nth-child(2) {
    padding-left: 30px;
}
.table-centros th, .table-centros td {
    text-align: center !important;
    border-radius: 0px;
}
.table-centros tr {
    text-transform: uppercase
}
.table-centros tr:nth-child(1) {
    background-color: #90a4ae !important;
    color: #fff
}
.table-centros tr:nth-child(odd):not(.table-header) {
    background-color: rgba(207, 216, 220, 0.55)
}
.table-centros tr:nth-child(even):not(.table-header) {
    background-color: transparent
}
.table-centros tr:hover:not(.table-header) {
    background-color: #78909c !important;
    color: #fff
}
.table-centros tr:hover i {
    color: #fff
}
.table-centros tr:hover a {
    color: #fff;
    text-decoration: underline
}
.table-centros tr td:first-of-type {
    cursor: pointer;
    text-align: center
}
.table-header-resto {
    background-color: #E21836;
    color: #FFF;
    height: 40px;
    text-transform: uppercase
}
.table-header-resto th {
    padding: 5px
}
.table-centros-resto tr {
    text-transform: uppercase
}
.table-centros-resto tr:nth-child(1) {
    background-color: #E75E72 !important;
    color: #fff
}
.table-centros-resto tr:nth-child(odd):not(.table-header-resto) {
    background-color: rgba(226, 24, 54, 0.25)
}
.table-centros-resto tr:nth-child(even):not(.table-header-resto) {
    background-color: transparent
}
.table-centros-resto tr:hover:not(.table-header) {
    background-color: #E21836 !important;
    color: #fff
}
.table-centros-resto tr:hover i {
    color: #fff
}
.table-centros-resto tr a {
    color: #757575
}
.table-centros-resto tr:hover a {
    color: #fff;
    text-decoration: underline
}
.table-centros-resto tr td:first-of-type {
    cursor: pointer
}
.table-wide.table-modulos {
    height: auto
}
.table-wide.table-modulos td {
    padding: 15px 41px;
}

.table-modulos tr:nth-child(odd) td:nth-child(1) {
    background-color: rgba(158, 158, 158, 0.15);
    border-radius: 2px 0 0 2px
}
.table-modulos tr:nth-child(even) {
    background-color: transparent
}
.table-modulos .checked {
    color: #008A00;
    vertical-align: middle;
    text-align: center
}
.table-modulos tr {
    height: 32px
}
.table-modulos tr td:nth-child(1) {
    width: 75%
}
.table-modulos tr td:nth-child(2), .table-modulos tr td:nth-child(3), .table-modulos tr td:nth-child(4),.table-modulos tr td:nth-child(5) {
    width: 8%;
    text-align: center;
    border-radius: 0
}
.table-modulos tr td:nth-child(2) {
    background-color: rgba(0, 0, 0, 0.2)
}
.table-modulos tr td:nth-child(3) {
    background-color: rgba(124, 123, 124, 0.3)
}
.table-modulos tr td:nth-child(4) {
    background-color: rgba(0, 0, 0, 0.2)
}
.table-modulos tr td:nth-child(5) {
    background-color: rgba(124, 123, 124, 0.3)
}
.table-modulos .cocarda-gold, .table-modulos .cocarda-plus, .table-modulos .cocarda-evo .cocarda-xplus {
    text-align: center;
    vertical-align: middle
}
table.table-modulos > tbody > tr {
    transition: background-color .25s ease 0
}
table.table-modulos > thead > tr, table.table-modulos > tbody > tr {
    border-bottom: 1px solid #d0d0d0
}
.table-modulos.detalle tr td:nth-child(1) {
    width: 32px;
    vertical-align: middle;
    text-align: center
}
.table-modulos.detalle tr td:nth-child(2) {
    width: 126px;
    vertical-align: middle;
    text-align: left
}
.table-modulos.detalle tr td:nth-child(3) {
    width: 32px;
    vertical-align: middle;
    background-color: transparent !important
}
.table-modulos.detalle tr td:nth-child(4) {
    width: 32px;
    vertical-align: middle;
    text-align: center
}
.table-modulos.detalle tr td:nth-child(5) {
    width: 126px;
    vertical-align: middle;
    text-align: left
}
.table-pie {
    background-color: #fff
}
.table-pie iframe {
    width: 180px
}
#sql span {
    color: #006fa3
}
#sql span:hover {
    color: #404141
}
.table-requerimientos {
    text-align: left
}
.table-requerimientos td {
    vertical-align: top
}
.table-requerimientos tr td:nth-child(1) {
    width: 50%;
    padding: 8px
}
.table-requerimientos tr td:nth-child(2) {
    width: 50%;
    padding: 8px
}
.table-requerimientos .table-header {
    text-align: center
}
.table-requerimientos strong {
    color: #616161
}
.table-requerimientos.resto strong {
    color: #e53935
}
.table-requerimientos.pdv strong {
    color: #689f38
}
.table-requerimientos.gestion strong {
    color: #03a9f4
}
.table-requerimientos.eecc strong {
    color: #ff9800
}
.table-requerimientos.net strong {
    color: #311b92
}
.table-requerimientos .logo-windows {
    margin-right: 20px;
    padding-bottom: 5px;
    font-size: 2em;
    float: right
}
.logo-windows:before {
    content: '\f17a';
    font-family: FontAwesome;
    color: #00bcf2
}
.table-compatibilidad tr:nth-child(odd) {
    background-color: rgba(189, 189, 189, 0.4)
}
.table-compatibilidad tr:nth-child(even) {
    background-color: transparent
}
.table-compatibilidad tr td:nth-child(1) {
    width: 35%;
    text-align: center
}
.table-compatibilidad tr td:nth-child(2), .table-compatibilidad tr td:nth-child(3), .table-compatibilidad tr td:nth-child(4), .table-compatibilidad tr td:nth-child(5) {
    width: 15%;
    text-align: center;
    vertical-align: middle
}
.table-compatibilidad td, .table-compatibilidad th {
    text-align: center;
    border-radius: 0
}
.table-compatibilidad tr td:nth-child(2) {
    background-color: rgba(0, 0, 0, 0.2)
}
.table-compatibilidad tr td:nth-child(3) {
    background-color: rgba(124, 123, 124, 0.3)
}
.table-compatibilidad tr td:nth-child(4) {
    background-color: rgba(0, 0, 0, 0.2)
}
.table-compatibilidad tr td:nth-child(5) {
    background-color: rgba(124, 123, 124, 0.3)
}
.table-compatibilidad strong {
    color: #404141
}
.table-compatibilidad tr {
    height: 30px
}
#table-referencia span {
    margin: 5px
}
.table-compatibilidad.educativa tr td:nth-child(1) {
    width: 50%
}
.table-compatibilidad.educativa tr td:nth-child(2) {
    width: 50%
}
.table-precios {
    width: 700px
}
.table-precios tr td:nth-child(1) {
    text-align: left
}
.table-precios td, th {
    padding: 15px
}
.table-precios .checked {
    color: #9e9e9e;
    font-size: 20px
}
.table-precios .minus {
    color: #9e9e9e
}
.table-precios.resto .checked {
    color: #e57373
}
.table-precios.pdv .checked {
    color: #aed581
}
.table-precios.eecc .checked {
    color: #ffa726
}
#lhc_status_container {
    text-align: left
}
#lhc_status_container p {
    text-align: center;
    margin-top: 10px
}
.mapa-sitio h3 {
    color: #006fa3
}
.mapa-sitio i {
    font-size: 1.3em;
    margin-right: 5px;
    opacity: .7
}
#desplegable > div {
    margin-bottom: 10px
}
#desplegable .pregunta {
    width: 100%;
    padding: 5px;
    display: inline-block;
    background-color: #aaa;
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer
}
#desplegable .pregunta:hover {
    background-color: #404141;
    color: #FFF
}
.masinfo-square:before {
    content: '\f0fe';
    font-family: FontAwesome;
    font-size: 16px;
    margin-bottom: 15px;
    float: none
}
.masinfo-square:hover:before {
    color: #;
}
#elegirnos div {
    height: 80px
}
#elegirnos div i {
    text-align: center
}
#elegirnos div:nth-child(odd) {
    width: 15%;
    margin-left: 10px;
    float: left;
    text-align: center
}
#elegirnos div:nth-child(even) {
    width: 80%;
    float: left
}
.slideUp {
    opacity: 0
}
.animation-slideUp {
    animation-delay: 200ms;
    animation-duration: 1.5s;
    animation-fill-mode: both;
    animation-name: animation-slideUp-anim;
    animation-timing-function: ease-in-out
}
@keyframes animation-slideUp-anim {
    0% {
        opacity: 0;
        transform: translate(0px, 40px)
    }
    100% {
        opacity: 1;
        transform: translate(0px, 0px)
    }
}
.bounceIn {
    opacity: 0
}
.animation-bounceIn {
    animation-delay: 200ms;
    animation-duration: .75s;
    animation-fill-mode: both;
    animation-name: bounceIn;
    animation-timing-function: ease-in-out
}
.animation-bounceIn {
    animation-delay: 200ms;
    animation-duration: .75s;
    animation-fill-mode: both;
    animation-name: bounceIn;
    animation-timing-function: ease-in-out
}
@keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, 100% {
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3)
    }
    20% {
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        transform: scale3d(0.9, 0.9, 0.9)
    }
    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        transform: scale3d(0.97, 0.97, 0.97)
    }
    100% {
        opacity: 1;
        transform: scale3d(1, 1, 1)
    }
}
@-webkit-keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, 100% {
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3)
    }
    20% {
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        transform: scale3d(0.9, 0.9, 0.9)
    }
    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        transform: scale3d(0.97, 0.97, 0.97)
    }
    100% {
        opacity: 1;
        transform: scale3d(1, 1, 1)
    }
}
.appear {
    opacity: 0
}
.animation-appear {
    animation-delay: 200ms;
    animation-duration: 1.5s;
    animation-fill-mode: both;
    animation-name: animation-appear-anim;
    animation-timing-function: ease-in-out
}
@keyframes animation-appear-anim {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
.m-tab50 {
    border-right: 1px solid #FFF;
    text-align: center
}
.m-tab {
    text-align: center
}
.m-tab4 {
    border-right: 1px solid #E8E8E8
}
.m-fon-ar {
    background: url(../img/templates/fon-ar.gif)
}
.m-tab5, .dotted {
    border-bottom: 1px dotted #CCC
}
#ventanaPopup1Fondo {
    display: none;
    position: fixed;
    _position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #000;
    border: 1px solid #cecece;
    z-index: 1006
}
#ventanaPopup1 {
    display: none;
    position: fixed;
    _position: absolute;
    height: 220px;
    width: 226px;
    background: #FFF;
    border: 2px solid #cecece;
    z-index: 2;
    padding: 12px;
    font-size: 13px;
    z-index: 1008
}
#ventanaPopup1Cerrar {
    font-size: 16px;
    line-height: 14px;
    right: 4px;
    top: 2px;
    position: absolute;
    color: #6fa5fd;
    font-weight: 700;
    display: block;
    z-index: 1003
}
section#laboral ul li {
    list-style: initial;
    padding: 2px;
    font-size: 13px;
}
section#laboral h1 {
    color: #2196F3
}
.fancybox-inner {
    width: 100% !important;
}
.fancybox-opened {
    min-width: 300px;
}
/*.container{background-color:blue}
#centro-iframe{background-color:red}*/
.fondo-triangulo {
    background-image: url("../tango/software-para-gastronomia-restaurant/img/fondo_triangulo.png");
    background-position: right top;
    background-repeat: no-repeat;
    background-size: auto;
}
.padding-chico{
    padding: 10px 20px!important;
}
@media only screen and (min-width : 993px)
{.fill-height-or-more {
  min-height: 100%;
  display: flex;
  /*flex-direction: column;*/}
.fill-height-or-more div{
	flex: 1;
    display: flex;
    flex-direction: column;
    /*justify-content: center;*/}
	}

@media only screen and (max-width : 992px)
{
  .fill-height-or-more {
  min-height: 100%;
  display: flex;
  flex-wrap: wrap;
	}
}
.fill-height-or-more div {
  flex-wrap: wrap;
	}