@font-face{font-family: 'TradeGothicLTStd-Bd2'; src:url(typos/TradeGothicLTStd-Bd2.otf)}
@font-face{font-family: 'TradeGothicLTStd-Bd2Obl'; src:url(typos/TradeGothicLTStd-Bd2Obl.otf)}
@font-face{font-family: 'TradeGothicLTStd-Light'; src:url(typos/TradeGothicLTStd-Light.otf)}
@font-face{font-family: 'TradeGothicLTStd-LightObl'; src:url(typos/TradeGothicLTStd-LightObl.otf)}
@font-face{font-family: 'TradeGothicLTStd-Obl'; src:url(typos/TradeGothicLTStd-Obl.otf)}
@font-face{font-family: 'TradeGothicLTStd'; src:url(typos/TradeGothicLTStd.otf)}

html{position: relative; min-height: 100%;}

#info-icon {height: 0.55em; width: auto; vertical-align:top; color: #5caf7a; font-size: 12pt;}

#div-intro:hover > .td-seleccion-menu {background-color: rgba(116, 2, 13, 0.85);}
#div-caract:hover > .td-seleccion-menu {background-color: rgba(116, 2, 13, 0.85);}
#div-formacion:hover > .td-seleccion-menu {background-color: rgba(116, 2, 13, 0.85);}

#p-mid-subtitle {font-family: 'TradeGothicLTStd-Bd2';}

#cabecera_producto {text-align: center;}
div[class^=cabecera-texto-] b {text-transform: Uppercase; font-weight: bold; color: #7c504a}
.cabecera-content-center-bottom {color: #be705c; text-transform: uppercase; font-family: 'TradeGothicLTStd-Bd2';}
.cabecera-content-center-bottom p.p-y {text-transform: lowercase; line-height: 10px;}


.row{margin: 0;}
.col-xs-10, .col-sm-8, .col-md-8, .col-lg-9 {padding-right: 0; padding-left: 0;}
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11 {padding-right: 0; padding-left: 0;}


#div-intro{cursor: pointer; display: block; float: left; position: relative; top: 10px; width: 100%;}
#div-caract {cursor: pointer; display: block; float: left; position: relative; top: 30px; width: 100%;}
#div-formacion{cursor: pointer; display: block; float: left; position: relative; top: 50px; width: 100%;}

#ERP-producto {margin-left: 0; margin-right: 0;}
#contenido-main-prueba-gratis{margin-left: 0; margin-right: 0;}

#imagen-conta-cloud-erp{text-align: center;}

.modal {text-align: center;}
.modal-dialog{display: inline-block; margin-top: 12%; height: 10px; width: 600px;}
.modal-body{padding: 0; height: 10px; width: 10px;}       


body.modal-open .supreme-container{-webkit-filter: blur(1px) grayscale(90%); -moz-filter: blur(1px); -o-filter: blur(1px); -ms-filter: blur(1px); 
                                   filter: blur(2.5px) grayscale(50%); }

.bg-grey {background-color: #D5CDCA !important;}
.bg-white {background-color: #FFFFFF !important;}
.bg-red {background-color: #BE705C !important; color: white !important;}

#div_modal_img {cursor:initial;}
#div_modal_img > a {cursor: pointer;}

@media only screen and (min-width: 1441px){

    #cabecera_producto {height: 330px; width: 100%; position: relative; top: 80px;}
    div[class^=cabecera-texto-] {height: 330px; padding: 65px 15px 25px 15px; font-size: 2em}
    div[class^=cabecera-texto-] div {height: 60px; vertical-align: middle;}
    .cabecera-content-center-top {height: 165px; padding-top: 65px;}
    .cabecera-content-center-bottom {height: 165px; padding-top: 14px; padding-bottom: 25px;}

    .cabecera-content-center-bottom{font-size: 2.5em;}
    .cabecera-content-center-bottom p.p-y{font-size: 1em;}


    #ERP-producto{width: 100%; height: 350px;  position: relative; top: 80px; border-top: 1px solid black;
                  background-image: url(); background-repeat: no-repeat; 
                  background-size: cover; background-position: center center;}
    #seleccion-menu{height: 350px; position: relative; left: 0; padding-right: 0; width: 25%; float: left;}
    #muestra-menu{height: 350px; padding-left: 0; padding-right: 0; width: 70%; float: left;}
    #table-seleccion-menu{width: 100%; font-size: 24pt; cursor: pointer;}

    #div-intro, #div-caract, #div-formacion {height: 96.67px;}

    #td-intro, #td-caract, #td-formacion {display: block; float: left; position: relative; z-index: 2;
                                          width: 70%; height: 96.67px; line-height: 96.67px; border-top: 1px solid black; border-bottom: 1px solid black;}
    #td-intro > p, #td-caract > p, #td-formacion > p {margin-left: 80px;}
    #td-intro-fa, #td-caract-fa, #td-formacion-fa {display: block; float: left; position: relative;
                                                   width: 30%; height: 96.67px; line-height: 96.67px; border: 1px solid black; border-left: none;  z-index: 1;}
    #td-intro-fa i, #td-caract-fa i, #td-formacion-fa i{line-height: 97.67px; display:block; float: right; padding-right: 15px;}
    .td-seleccion-menu{height: 96.67px; background-color: #74020d; color: #e8e9ea; text-align: left; font-size: 14pt; text-transform: lowercase;}
    .td-seleccion-menu:first-letter{text-transform: uppercase;}
    .td-seleccion-menu-activo:first-letter{text-transform: uppercase;}
    .td-seleccion-menu-activo{height: 96.67px; background-color: #e8e9ea; color: #74020d; text-align: left; font-size: 18pt;
                              font-family: 'TradeGothicLTStd-Bd2'; text-transform: uppercase; }

    #div-botones-ver-mas{float: left; width: 55px;}
    #textos-medio-menu{float: left; width: calc(100% - 55px);}

    #div-intro-ver-mas{position: relative; top: 10px; width: 55px; height: 96.67px;
                       border: 1px solid black; border-left: none; text-align: center;}
    #div-caract-ver-mas{position: relative;  top: 126.67px; width: 55px; height: 96.67px;
                        border: 1px solid black; border-left: none; text-align: center;}
    #div-formacion-ver-mas{position: relative;  top: 243.34px; width: 55px; height: 96.66px;
                           border: 1px solid black; border-left: none; text-align: center;}
    .mostrar-ver-mas{display: block; background-color: #eceded;}
    .no-mostrar-ver-mas{display: none;}
    .ver-mas-menu{width: 42px; height: 42px; margin: 27.335px auto 27.335px auto;}

    .div-mid{height: 350px; text-align: left; left: -75px;}
    .div-mid-title, .div-mid-subtitle, .div-mid-description{height: 80px; width: 60%; margin-left: 80px;}
    .div-mid-title > p{color: #74020d; font-size: 24pt; position: relative; top: 20%; }
    .div-mid-subtitle > p{color: black; font-size: 18pt;  position: relative; top: 0; width: 75%;}
    .div-mid-description > p{color: black; font-size: 13pt; position: relative; top: 5%; width: 90%;}
    .div-mid-button{height: 96.67px; width: 70%; margin-left: auto; margin-right: auto;}
    .div-mid-button > a{color: white; font-size: 14pt; position: relative; top: 20%; vertical-align: middle;
                        padding: 12.5px 100px 12.5px 100px; margin-left: 20px; margin-right: 20px;}
    #button-prueba-gratis-ERP{border-radius: 15px; background-color: #74020d;}
    #button-prueba-gratis-ERP:hover{border-radius: 15px; background-color: rgba(116, 2, 13, 0.85); color: white;}
    #button-prueba-gratis-ERP:hover{border-radius: 15px; background-color: rgba(116, 2, 13, 0.85); color: white;}

    #conta-cloud-online{width: 100%; margin: 0 auto; position: relative; padding-bottom: 25px; top: 80px; height: auto;}
    #title-counta-cloud-erp{width: 30%; left: 35%; height: auto;}
    #title-counta-cloud-erp H3 {font-size: 16pt; font-family: 'TradeGothicLTStd-Bd2'; border-bottom: 3px solid #74020d; padding: 25px 0 15px 0;
                                text-align: center; height: auto;}
    #title-counta-cloud-erp div{text-align: center; padding: 20px 0 20px 0; height: auto; font-size: 16pt;}
    #imagen-conta-cloud-erp img {height: 450px; width: auto; text-align: center; position: relative; padding-top: 50px;}

    #div_video-contabilidad-erp-nube{width: 100%; height: 485px; margin: auto; text-align: center; background-color: #D1CCC9; 
                                     position: relative; top: 70px; cursor: pointer;}
    #div_modal_img {position: relative; top: -25px;}
    .modal-body > iframe {width: 801px; height: 450px; left: -115px; top: -20px; position: relative;} 


    #un-programa-online{position:relative; top: 80px; width: 100%; height: auto; margin: 0;}
    #title-un-programa-online{font-size: 14pt; font-family: 'TradeGothicLTStd-Bd2'; border-bottom: 3px solid #74020d; padding: 15px 0 15px 0;
                              text-align: center; height: auto; width: 30%; left: 35%; position: relative; margin-bottom: 20px;}
    .un-programa-online-ventajas{text-align: center;}
    .un-programa-online-ventajas img {width: 80px; height: 80px}
    .un-programa-online-ventajas h4 {font-size: 14pt; margin:20px 0 20px 0; width: 80%; left: 10%; position: relative;}
    .un-programa-online-ventajas p {font-size: 12pt; margin: 10px 0 20px 0; width: 100%; left: 5%; position: relative;}

    #la-aplicacion{position:relative; width: 100%; height: auto; margin: 0; padding-bottom: 50px;}
    #title-la-aplicacion{font-size: 14pt; font-family: 'TradeGothicLTStd-Bd2'; border-bottom: 3px solid #74020d; padding: 15px 0 15px 0;
                         text-align: center; height: auto; width: 30%; left: 35%; position: relative; margin-bottom: 20px;}
    .la-aplicacion-ventajas{text-align: center;}
    .la-aplicacion-ventajas img{width: 80px; height: 80px;}
    .la-aplicacion-ventajas h4 {font-size: 14pt; margin:20px 0 20px 0; width: 80%; left: 10%; position: relative;}
    .la-aplicacion-ventajas p {font-size: 12pt; margin: 10px 0 20px 0; width: 100%; left: 5%; position: relative;}
}


@media only screen and (max-width: 1441px) and (min-width: 1152px) { 
    /*Es com�n la resoluci�n 1366x768px en la que este rango se incluye*/ 

    #cabecera_producto {height: 280px; width: 100%; position: relative; top: 55px;}
    div[class^=cabecera-texto-] {height: 280px; padding: 39px 15px 25px 15px; font-size: 2em}
    div[class^=cabecera-texto-] div {height: 54px; vertical-align: middle;}
    .cabecera-content-center-top {height: 140px; padding-top: 40px;}
    .cabecera-content-center-bottom {height: 140px; padding-top: 9px; padding-bottom: 16px;}

    .cabecera-content-center-bottom{font-size: 2em;}
    .cabecera-content-center-bottom p.p-y{font-size: 1em;}

    #ERP-producto{width: 100%; height: 300px;  position: relative; top: 55px; border-top: 1px solid black;
                  background-image: url(images/nube-contabilidad-pymes-1360x300.jpg); background-repeat: no-repeat; 
                  background-size: cover; background-position: center center;}
    #seleccion-menu{height: 300px; position: relative; left: 0; padding-right: 0; width: 25%; float: left;}
    #muestra-menu{height: 300px; padding-left: 0; width: 75%; float: left;}
    #table-seleccion-menu{width: 100%; font-size: 15pt; cursor: pointer;}

    #div-intro, #div-caract, #div-formacion {height: 80px;}
    #td-intro, #td-caract, #td-formacion {display: block; float: left; position: relative; z-index: 2;
                                          width: 70%; height: 80px; line-height: 80px; border-top: 1px solid black; border-bottom: 1px solid black;}
    #td-intro > p, #td-caract > p, #td-formacion > p {margin-left: 50px;}
    #td-intro-fa, #td-caract-fa, #td-formacion-fa {display: block; float: left; position: relative;
                                                   width: 30%; height: 80px; line-height: 80px; border: 1px solid black; border-left: none;  z-index: 1;}
    #td-intro-fa i, #td-caract-fa i, #td-formacion-fa i{line-height: 80px; display:block; float: right; padding-right: 15px;}
    .td-seleccion-menu{height: 80px; background-color: #74020d; color: #e8e9ea; text-align: left; font-size: 14pt; text-transform: lowercase;}
    .td-seleccion-menu:first-letter{text-transform: uppercase;}
    .td-seleccion-menu-activo:first-letter{text-transform: uppercase;}
    .td-seleccion-menu-activo{height: 80px; background-color: #eceded; color: #74020d; text-align: left; font-size: 16pt;
                              font-family: 'TradeGothicLTStd-Bd2'; text-transform: uppercase; }

    #div-botones-ver-mas{float: left; width: 55px;}
    #textos-medio-menu{float: left; width: calc(100% - 55px);}

    #div-intro-ver-mas{position: relative;top: 10px; width: 50px; height: 80px;
                       border: 1px solid black; border-left: none; text-align: center;}
    #div-caract-ver-mas{position: relative;  top: 110px; width: 50px; height: 80px;
                        border: 1px solid black; border-left: none; text-align: center;}
    #div-formacion-ver-mas{position: relative;  top: 210px; width: 50px; height: 80px;
                           border: 1px solid black; border-left: none; text-align: center;}
    .mostrar-ver-mas{display: block; background-color: #eceded;}
    .no-mostrar-ver-mas{display: none;}
    .ver-mas-menu{width: 37px; height: 37px; margin: 21.5px auto 21.5px auto;}


    .div-mid{height: 300px; text-align: left; left: -50px;}
    .div-mid-title, .div-mid-subtitle, .div-mid-description{height: 70px; width: 60%; margin-left: 50px;}
    .div-mid-title > p{color: #74020d; font-size: 16pt; position: relative; top: 20%;}
    .div-mid-subtitle > p{color: black; font-size: 12pt;  position: relative; top: 10%;}
    .div-mid-description > p{color: black; font-size: 11pt; position: relative; top: 2.5%; width: 90%; line-height: 17px;}
    .div-mid-button{height: 80px; width: 70%; margin-left: auto; margin-right: auto;}
    .div-mid-button > a{color: white; font-size: 12pt; position: relative; top: 20%; vertical-align: middle;
                        padding: 12.5px 40px 10px 40px; margin-left: 15px; margin-right: 15px;}
    #button-prueba-gratis-ERP{border-radius: 15px; background-color: #74020d;}
    #button-prueba-gratis-ERP:hover{border-radius: 15px; background-color: rgba(116, 2, 13, 0.85); color: white;}

    #conta-cloud-online{width: auto; margin:0px 0 60px 0; border-top: 1px solid black; position: relative; top: 55px; height: auto;}
    #title-counta-cloud-erp{width: 50%; left: 25%; height: auto;}
    #title-counta-cloud-erp H3 {font-size: 16pt; font-family: 'TradeGothicLTStd-Bd2'; border-bottom: 3px solid #74020d; padding: 25px 0 15px 0;
                                text-align: center; height: auto;}
    #title-counta-cloud-erp div{text-align: center; padding: 20px 0 20px 0; height: auto; font-size: 16pt;}
    #imagen-conta-cloud-erp img {height: auto; width: 75%; text-align: center; position: relative; padding-top: 50px;}

    #div_video-contabilidad-erp-nube{width: 100%; height: 350px; margin: auto; text-align: center; background-color: #eceded; 
                                     position: relative; top: 55px; cursor: pointer;}
    #div_video-contabilidad-erp-nube img {height: 350px; width: auto;}
    .modal-body > iframe {height: 350px; width: 622.22px; left: -15px; top: -15px; position: relative;} 


    #un-programa-online{position:relative; top: 50px; width: 100%; height: auto; margin: 20px 0 20px 0;}
    #title-un-programa-online{font-size: 14pt; font-family: 'TradeGothicLTStd-Bd2'; border-bottom: 3px solid #74020d; padding: 15px 0 15px 0;
                              text-align: center; height: auto; width: 50%; left: 25%; position: relative; margin-bottom: 20px;}
    .un-programa-online-ventajas{text-align: center;}
    .un-programa-online-ventajas img {width: 80px; height: 80px}
    .un-programa-online-ventajas h4 {font-size: 14pt; margin:20px 0 20px 0; width: 80%; left: 10%; position: relative;}
    .un-programa-online-ventajas p {font-size: 12pt; margin: 10px 0 20px 0; width: 100%; left: 5%; position: relative;}

    #la-aplicacion{position:relative; top: 50px; width: 100%; height: auto; margin: 20px 0 20px 0; background-color: #eceded; padding-bottom: 50px;}
    #title-la-aplicacion{font-size: 14pt; font-family: 'TradeGothicLTStd-Bd2'; border-bottom: 3px solid #74020d; padding: 15px 0 15px 0;
                         text-align: center; height: auto; width: 50%; left: 25%; position: relative; margin-bottom: 20px;}
    .la-aplicacion-ventajas{text-align: center;}
    .la-aplicacion-ventajas img{width: 80px; height: 80px;}
    .la-aplicacion-ventajas h4 {font-size: 14pt; margin:20px 0 20px 0; width: 80%; left: 10%; position: relative;}
    .la-aplicacion-ventajas p {font-size: 12pt; margin: 10px 0 20px 0; width: 100%; left: 5%; position: relative;}


}

@media only screen and (min-width: 980px) and (max-width: 1151px) {
    /*Para resoluciones bajas, pero sobretodo para la famosa 1024x768px*/

    #cabecera_producto {height: 280px; width: 100%; position: relative; top: 55px;}
    div[class^=cabecera-texto-] {height: 280px; padding: 39px 15px 25px 15px; font-size: 1.75em}
    div[class^=cabecera-texto-] div {height: 54px; vertical-align: middle;}
    .cabecera-content-center-top {height: 140px; padding-top: 40px;}
    .cabecera-content-center-bottom {height: 140px; padding-top: 9px; padding-bottom: 16px;}

    .cabecera-content-center-bottom{font-size: 1.75em;}
    .cabecera-content-center-bottom p.p-y{font-size: 1em;}

    #ERP-producto{width: 100%; height: 300px;  position: relative; top: 55px; border-top: 1px solid black;
                  background-image: url(images/nube-contabilidad-pymes-1360x300.jpg); background-repeat: no-repeat; 
                  background-size: cover; background-position: center center;}
    #seleccion-menu{height: 300px; position: relative; left: 0; padding-right: 0; width: 25%; float: left;}
    #muestra-menu{height: 300px; padding-left: 0; width: 75%; float: left;}
    #table-seleccion-menu{width: 100%; font-size: 15pt; cursor: pointer;}

    #div-intro, #div-caract, #div-formacion {height: 80px;}
    #td-intro, #td-caract, #td-formacion {display: block; float: left; position: relative; z-index: 2;
                                          width: 70%; height: 80px; line-height: 80px; border-top: 1px solid black; border-bottom: 1px solid black;}
    #td-intro > p, #td-caract > p, #td-formacion > p {margin-left: 25px;}
    #td-intro-fa, #td-caract-fa, #td-formacion-fa {display: block; float: left; position: relative;
                                                   width: 30%; height: 80px; line-height: 80px; border: 1px solid black; border-left: none;  z-index: 1;}
    #td-intro-fa i, #td-caract-fa i, #td-formacion-fa i{line-height: 80px; display:block; float: right; padding-right: 15px;}
    .td-seleccion-menu{height: 80px; background-color: #74020d; color: #e8e9ea; text-align: left; font-size: 10pt; text-transform: lowercase;}
    .td-seleccion-menu:first-letter{text-transform: uppercase;}
    .td-seleccion-menu-activo:first-letter{text-transform: uppercase;}
    .td-seleccion-menu-activo{height: 80px; background-color: #eceded; color: #74020d; text-align: left; font-size: 12pt;
                              font-family: 'TradeGothicLTStd-Bd2'; text-transform: uppercase; }

    #div-botones-ver-mas{float: left; width: 40px;}
    #textos-medio-menu{float: left; width: calc(100% - 40px);}

    #div-intro-ver-mas{position: relative; top: 10px; width: 40px; height: 80px;
                       border: 1px solid black; border-left: none; text-align: center;}
    #div-caract-ver-mas{position: relative; top: 110px; width: 40px; height: 80px;
                        border: 1px solid black; border-left: none; text-align: center;}
    #div-formacion-ver-mas{position: relative; top: 210px; width: 40px; height: 80px;
                           border: 1px solid black; border-left: none; text-align: center;}
    .mostrar-ver-mas{display: block; background-color: #eceded;}
    .no-mostrar-ver-mas{display: none;}
    .ver-mas-menu{width: 28px; height: 28px; margin: 26px auto 26px auto;}

    .div-mid{height: 300px; text-align: left; left: -50px;}
    .div-mid-title, .div-mid-subtitle, .div-mid-description{height: 70px; width: 75%; margin-left: 50px;}
    .div-mid-title > p{color: #74020d; font-size: 17pt; position: relative; top: 30%;}
    .div-mid-subtitle > p{color: black; font-size: 11pt;  position: relative; top: 10%;}
    .div-mid-description > p{color: black; font-size: 11pt; position: relative; top: 2.5%; width: 85%; line-height: 17px;}
    .div-mid-button{height: 80px; width: 70%; margin-left: auto; margin-right: auto;}
    .div-mid-button > a{color: white; font-size: 12pt; position: relative; top: 20%; vertical-align: middle;
                        padding: 10px 30px 10px 30px; margin-left: 10px; margin-right: 10px;}
    #button-prueba-gratis-ERP{border-radius: 15px; background-color: #74020d;}
    #button-prueba-gratis-ERP:hover{border-radius: 15px; background-color: rgba(116, 2, 13, 0.85); color: white;}

    #conta-cloud-online{width: auto; margin:0px 0 60px 0; border-top: 1px solid black; position: relative; top: 55px; height: auto;}
    #title-counta-cloud-erp{width: 60%; left: 20%; height: auto;}
    #title-counta-cloud-erp H3 {font-size: 14pt; font-family: 'TradeGothicLTStd-Bd2'; border-bottom: 3px solid #74020d; padding: 25px 0 15px 0;
                                text-align: center; height: auto;}
    #title-counta-cloud-erp div{text-align: center; padding: 20px 0 20px 0; height: auto; font-size: 13pt;}
    #imagen-conta-cloud-erp img {height: auto; width: 75%; text-align: center;  position: relative; padding-top: 50px;}

    #div_video-contabilidad-erp-nube{width: 100%; height: 350px; margin: auto; text-align: center; background-color: #eceded; 
                                     position: relative; top: 55px; cursor: pointer;}
    #div_video-contabilidad-erp-nube img {height: 350px; width: auto;}
    .modal-body > iframe {height: 350px; width: 622.22px; left: -15px; top: -15px; position: relative;} 

    #un-programa-online{position:relative; top: 50px; width: 100%; height: auto; margin: 20px 0 20px 0;}
    #title-un-programa-online{font-size: 14pt; font-family: 'TradeGothicLTStd-Bd2'; border-bottom: 3px solid #74020d; padding: 15px 0 15px 0;
                              text-align: center; height: auto; width: 60%; left: 20%; position: relative; margin-bottom: 20px;}
    .un-programa-online-ventajas{text-align: center;}
    .un-programa-online-ventajas img {width: 80px; height: 80px}
    .un-programa-online-ventajas h4 {font-size: 14pt; margin:20px 0 20px 0; width: 80%; left: 10%; position: relative;}
    .un-programa-online-ventajas p {font-size: 10pt; margin: 10px 0 20px 0; width: 100%; left: 5%; position: relative;}

    #la-aplicacion{position:relative; top: 50px; width: 100%; height: auto; margin: 20px 0 20px 0; background-color: #eceded; padding-bottom: 50px;}
    #title-la-aplicacion{font-size: 14pt; font-family: 'TradeGothicLTStd-Bd2'; border-bottom: 3px solid #74020d; padding: 15px 0 15px 0;
                         text-align: center; height: auto; width: 60%; left: 20%; position: relative; margin-bottom: 20px;}
    .la-aplicacion-ventajas{text-align: center;}
    .la-aplicacion-ventajas img{width: 80px; height: 80px;}
    .la-aplicacion-ventajas h4 {font-size: 14pt; margin:20px 0 20px 0; width: 80%; left: 10%; position: relative;}
    .la-aplicacion-ventajas p {font-size: 10pt; margin: 10px 0 20px 0; width: 100%; left: 5%; position: relative;}
}

@media (min-width: 768px) and (max-width: 979px){

    #cabecera_producto {height: 280px; width: 100%; position: relative; top: 55px;}
    div[class^=cabecera-texto-] {height: 280px; padding: 39px 15px 25px 15px; font-size: 1.35em}
    div[class^=cabecera-texto-] div {height: 54px; vertical-align: middle;}
    .cabecera-content-center-top {height: 140px; padding-top: 40px;}
    .cabecera-content-center-bottom {height: 140px; padding-top: 9px; padding-bottom: 16px;}

    .cabecera-content-center-bottom{font-size: 1.35em;}
    .cabecera-content-center-bottom p.p-y{font-size: 1em;}

    #ERP-producto{width: 100%; height: 300px;  position: relative; top: 55px; border-top: 1px solid black;
                  background-image: url(images/nube-contabilidad-pymes-768x300.jpg); background-repeat: no-repeat; 
                  background-size: cover; background-position: center center;}
    #seleccion-menu{height: 300px; position: relative; left: 0; padding-right: 0; float: left; width: 25%;}
    #muestra-menu{height: 300px; padding-left: 0; float: left; width: 75%;}
    #table-seleccion-menu{width: 100%; font-size: 15pt; cursor: pointer;}

    #div-intro, #div-caract, #div-formacion {height: 80px;}
    #td-intro, #td-caract, #td-formacion {display: block; float: left; position: relative; z-index: 2;
                                          width: 70%; height: 80px; line-height: 80px; border-top: 1px solid black; border-bottom: 1px solid black;}
    #td-intro > p, #td-caract > p, #td-formacion > p {margin-left: 10px;}
    #td-intro-fa, #td-caract-fa, #td-formacion-fa {display: block; float: left; position: relative;
                                                   width: 30%; height: 80px; line-height: 80px; border: 1px solid black; border-left: none;  z-index: 1;}
    #td-intro-fa i, #td-caract-fa i, #td-formacion-fa i{line-height: 80px; display:block; float: right; padding-right: 15px;}
    .td-seleccion-menu{height: 80px; background-color: #74020d; color: #e8e9ea; text-align: left; font-size: 10pt; text-transform: lowercase;}
    .td-seleccion-menu:first-letter{text-transform: uppercase;}
    .td-seleccion-menu-activo:first-letter{text-transform: uppercase;}
    .td-seleccion-menu-activo{height: 80px; background-color: #eceded; color: #74020d; text-align: left; font-size: 12pt;
                              font-family: 'TradeGothicLTStd-Bd2'; text-transform: uppercase; }
    
    #contenido-main-prueba-gratis {position: relative; float:left;}

    #div-botones-ver-mas{float: left; width: 40px;}
    #textos-medio-menu{float: left; width: calc(100% - 40px);}

    #div-intro-ver-mas{position: relative; top: 10px; width: 40px; height: 80px;
                       border: 1px solid black; border-left: none; text-align: center;}
    #div-caract-ver-mas{position: relative; top: 110px; width: 40px; height: 80px;
                        border: 1px solid black; border-left: none; text-align: center;}
    #div-formacion-ver-mas{position: relative; top: 210px; width: 40px; height: 80px;
                           border: 1px solid black; border-left: none; text-align: center;}
    .mostrar-ver-mas{display: block; background-color: #eceded;}
    .no-mostrar-ver-mas{display: none;}
    .ver-mas-menu{width: 32px; height: 32px; margin: 24px auto 24px auto;}                

    .div-mid{height: 300px; text-align: left; left: -50px;}
    .div-mid-title, .div-mid-subtitle, .div-mid-description{height: 70px; width: 75%; margin-left: 50px;}
    .div-mid-title > p{color: #74020d; font-size: 17pt; position: relative; top: 30%;}
    .div-mid-subtitle > p{color: black; font-size: 10pt;  position: relative; top: 10%;}
    .div-mid-description > p{color: black; font-size: 10pt; position: relative; top: 2.5%; width: 85%; line-height: 17px;}
    .div-mid-button{height: 80px; width: 90%; margin-left: auto; margin-right: auto;}
    .div-mid-button > a{color: white; font-size: 12pt; position: relative; top: 20%; vertical-align: middle;
                        padding: 10px 20px 10px 20px; margin-left: 50px; margin-right: 10px;}
    #button-prueba-gratis-ERP{border-radius: 15px; background-color: #74020d;}
    #button-prueba-gratis-ERP:hover{border-radius: 15px; background-color: rgba(116, 2, 13, 0.85); color: white;}

    #conta-cloud-online{width: auto; margin:0px 0 60px 0; border-top: 1px solid black; position: relative; top: 55px; height: auto;}
    #title-counta-cloud-erp{width: 75%; left: 12.5%; height: auto;}
    #title-counta-cloud-erp H3 {font-size: 14pt; font-family: 'TradeGothicLTStd-Bd2'; border-bottom: 3px solid #74020d; padding: 25px 0 15px 0;
                                text-align: center; height: auto;}
    #title-counta-cloud-erp div{text-align: center; padding: 20px 0 20px 0; height: auto; font-size: 13pt;}
    #imagen-conta-cloud-erp img {height: auto; width: 75%; text-align: center; position: relative; padding-top: 50px;}

    #div_video-contabilidad-erp-nube{width: 100%; height: 350px; margin: auto; text-align: center; background-color: #eceded; 
                                     position: relative; top: 55px; cursor: pointer;}
    #div_video-contabilidad-erp-nube img {height: 350px; width: auto;}
    .modal-body > iframe {height: 350px; width: 622.22px; left: -15px; top: -15px; position: relative;} 

    #un-programa-online{position:relative; top: 50px; width: 100%; height: auto; margin: 20px 0 20px 0;}
    #title-un-programa-online{font-size: 14pt; font-family: 'TradeGothicLTStd-Bd2'; border-bottom: 3px solid #74020d; padding: 15px 0 15px 0;
                              text-align: center; height: auto; width: 60%; left: 20%; position: relative; margin-bottom: 20px;}
    .un-programa-online-ventajas{text-align: center;}
    .un-programa-online-ventajas img {width: 80px; height: 80px}
    .un-programa-online-ventajas h4 {font-size: 14pt; margin:20px 0 20px 0; width: 80%; left: 10%; position: relative;}
    .un-programa-online-ventajas p {font-size: 10pt; margin: 10px 0 20px 0; width: 100%; left: 5%; position: relative;}

    #la-aplicacion{position:relative; top: 50px; width: 100%; height: auto; margin: 20px 0 20px 0; background-color: #eceded; padding-bottom: 50px;}
    #title-la-aplicacion{font-size: 14pt; font-family: 'TradeGothicLTStd-Bd2'; border-bottom: 3px solid #74020d; padding: 15px 0 15px 0;
                         text-align: center; height: auto; width: 60%; left: 20%; position: relative; margin-bottom: 20px;}
    .la-aplicacion-ventajas{text-align: center;}
    .la-aplicacion-ventajas img{width: 80px; height: 80px;}
    .la-aplicacion-ventajas h4 {font-size: 14pt; margin:20px 0 20px 0; width: 80%; left: 10%; position: relative;}
    .la-aplicacion-ventajas p {font-size: 10pt; margin: 10px 0 20px 0; width: 100%; left: 5%; position: relative;}

}

@media (min-width: 481px) and (max-width: 767px) {

    #cabecera_producto {height: 280px; width: 100%; position: relative; top: 55px;}
    div[class^=cabecera-content] {padding-left: 5px; padding-right: 5px;}
    div[class^=cabecera-texto-] {height: 280px; padding: 39px 5px 25px 5px; font-size: 1.35em}
    div[class^=cabecera-texto-] div {height: 54px; vertical-align: middle;}
    .cabecera-content-center-top {height: 120px; padding-top: 40px;}
    .cabecera-content-center-top img {height: 65px; width: auto;}
    .cabecera-content-center-bottom {height: 160px; padding-top: 0; padding-bottom: 10px;}

    .cabecera-content-center-bottom{font-size: 1.35em;}
    .cabecera-content-center-bottom p.p-y{font-size: 0.75em;}

    #ERP-producto{width: 100%; height: 300px;  position: relative; top: 55px; border-top: 1px solid black;
                  background-image: url(images/nube-contabilidad-pymes-768x300.jpg); background-repeat: no-repeat; 
                  background-size: cover; background-position: center center;}
    #seleccion-menu{height: 300px; position: relative; left: 0; padding: 0; width: 16.6%; float: left;}
    #muestra-menu{height: 300px; position: relative; padding: 0; width: 83%; float: left;}
    #table-seleccion-menu{width: 100%; font-size: 15pt; cursor: pointer;}
    #div-intro, #div-caract, #div-formacion {height: 80px;}
    #td-intro, #td-caract, #td-formacion {display: none !important;}
    #td-intro > p, #td-caract > p, #td-formacion > p {margin-left: 25px;}
    /*                #td-intro-fa, #td-caract-fa, #td-formacion-fa {display: block; float: left; position: relative;
                        width: 100%; height: 80px; line-height: 80px; border: 1px solid black; border-left: none;  z-index: 1;}*/

    #td-intro-fa{position: relative;  width: 100%; border: 1px solid black; border-left: none;}
    #td-caract-fa{position: relative; width: 100%; border: 1px solid black; border-left: none;}
    #td-formacion-fa{position: relative;  width: 100%; border: 1px solid black; border-left: none;}
    #td-intro-fa i, #td-caract-fa i, #td-formacion-fa i{line-height: 80px; display:block; float: right; padding-right: 15px}
    .td-seleccion-menu{height: 80px; background-color: #74020d; color: #e8e9ea; text-align: left; font-size: 10pt; text-transform: lowercase;}
    .td-seleccion-menu:first-letter{text-transform: uppercase;}
    .td-seleccion-menu-activo:first-letter{text-transform: uppercase;}
    .td-seleccion-menu-activo{height: 80px; background-color: #eceded; color: #74020d; text-align: left; font-size: 12pt;
                              font-family: 'TradeGothicLTStd-Bd2'; text-transform: uppercase; }

    #div-botones-ver-mas{float: left; width: 40px;}
    #textos-medio-menu{float: left; width: calc(100% - 40px);}

    #div-intro-ver-mas{position: relative; top: 10px; width: 40px; height: 80px;
                       border: 1px solid black; border-left: none; text-align: center;}
    #div-caract-ver-mas{position: relative;  top: 110px; width: 40px; height: 80px;
                        border: 1px solid black; border-left: none; text-align: center;}
    #div-formacion-ver-mas{position: relative; top: 210px; width: 40px; height: 80px;
                           border: 1px solid black; border-left: none; text-align: center;}
    .mostrar-ver-mas{display: block; background-color: #eceded;}
    .no-mostrar-ver-mas{display: none;}
    .ver-mas-menu{width: 28px; height: 28px; margin: 26px auto 26px auto;}

    .div-mid{height: 300px; text-align: left; left: -30px;}
    .div-mid-title{height: 80px; width: 90%; margin-left: 20px;}
    .div-mid-subtitle{height: 50px; width: 90%; margin: 10px auto 10px 20px}
    .div-mid-description{height: 80px; width: 90%; margin-left: 20px; line-height: 17px;}
    .div-mid-title > p{color: #74020d; font-size: 17pt; position: relative; top: 30%;}
    .div-mid-subtitle > p{color: black; font-size: 10pt;  position: relative; top: 10%;}
    .div-mid-description > p{color: black; font-size: 10pt; position: relative; top: 2.5%; width: 100%;}
    .div-mid-button{height: 80px; width: 90%; margin-left: auto; margin-right: auto;}
    .div-mid-button > a{color: white; font-size: 12pt; position: relative; top: 20%; vertical-align: middle;
                        padding: 10px 20px 10px 20px; margin-left: 50px; margin-right: 10px;}
    #button-prueba-gratis-ERP{border-radius: 15px; background-color: #74020d;}
    #button-prueba-gratis-ERP:hover{border-radius: 15px; background-color: rgba(116, 2, 13, 0.85); color: white;}

    #conta-cloud-online{width: auto; margin:0px 0 60px 0; border-top: 1px solid black; position: relative; top: 55px; height: auto;}
    #title-counta-cloud-erp{width: 75%; left: 12.5%; height: auto;}
    #title-counta-cloud-erp H3 {font-size: 14pt; font-family: 'TradeGothicLTStd-Bd2'; border-bottom: 3px solid #74020d; padding: 25px 0 15px 0;
                                text-align: center; height: auto;}
    #title-counta-cloud-erp div{text-align: center; padding: 20px 0 20px 0; height: auto; font-size: 13pt;}
    #imagen-conta-cloud-erp img {height: auto; width: 75%; min-width: 350px;
                                 text-align: center;position: relative; padding-top: 50px;}

    #div_video-contabilidad-erp-nube{width: 100%; height: 350px; margin: auto; text-align: center; background-color: #eceded; 
                                     position: relative; top: 55px; cursor: pointer;}
    #div_video-contabilidad-erp-nube img {height: 225px; width: auto; margin-top: 62.5px;}
    .modal-body > iframe {height: 225px; width: 400px; left: -200px; top: -15px; position: relative;} 


    #un-programa-online{position:relative; top: 50px; width: 100%; height: auto; margin: 30px 0 20px 0;}
    #title-un-programa-online{  position: relative; width: 60%; left: 20%; margin: 10px 0 25px 0; padding-bottom: 10px;
                                font-size: 13pt; font-family: 'TradeGothicLTStd-Bd2'; border-bottom: 3px solid #74020d; text-align: center;}
    .un-programa-online-ventajas{text-align: center;}
    .un-programa-online-ventajas img {width: 50px; height: 50px}
    .un-programa-online-ventajas h4 {font-size: 10pt; margin:10px 0 10px 0; width: 90%; left: 5%; position: relative; font-weight: bold;}
    .un-programa-online-ventajas p {font-size: 9pt; margin: 10px 0 10px 0; width: 100%; left: 0%; position: relative;}

    #la-aplicacion{position:relative; top: 50px; width: 100%; height: auto; margin: 5px 0 0 0; background-color: #eceded; padding-bottom: 10px;}
    #title-la-aplicacion{ position: relative; width: 60%; left: 20%; margin: 10px 0 25px 0; padding-bottom: 10px;
                          font-size: 13pt; font-family: 'TradeGothicLTStd-Bd2'; border-bottom: 3px solid #74020d; text-align: center;}
    .la-aplicacion-ventajas{text-align: center;}
    .la-aplicacion-ventajas img{width: 50px; height: 50px}
    .la-aplicacion-ventajas h4 {font-size: 10pt; margin:10px 0 10px 0; width: 90%; left: 5%; position: relative; font-weight: bold;}
    .la-aplicacion-ventajas p {font-size: 9pt; margin: 10px 0 10px 0; width: 100%; left: 0%; position: relative;}

}

@media only screen and (min-width: 379px) and (max-width: 480px) { 

    #cabecera_producto {height: 220px; width: 100%; position: relative; top: 55px;}
    div[class^=cabecera-content] {padding-left: 5px; padding-right: 5px;}
    div[class^=cabecera-texto-] {height: 220px; padding: 10px 5px 10px 5px; font-size: 1.15em}
    div[class^=cabecera-texto-] div {height: 54px; vertical-align: middle;}
    .cabecera-content-center-top {height: 80px; padding-top: 20px;}
    .cabecera-content-center-top img {height: 45px; width: auto;}
    .cabecera-content-center-bottom {height: 120px; padding-top: 0; padding-bottom: 10px;}

    .cabecera-content-center-bottom{font-size: 1.15em;}
    .cabecera-content-center-bottom p.p-y{font-size: 0.55em;}


    #ERP-producto{width: 100%; height: 300px;  position: relative; top: 55px; border-top: 1px solid black;
                  background-image: url(images/nube-contabilidad-pymes-480x300.jpg); background-repeat: no-repeat; 
                  background-size: cover; background-position: center center;}
    #seleccion-menu{height: 300px; position: relative; left: 0; padding: 0; width: 16.6%; float: left;}
    #muestra-menu{height: 300px; position: relative; padding: 0; width: 83%; float: left;}
    #table-seleccion-menu{width: 100%; font-size: 15pt; cursor: pointer;}
    #div-intro, #div-caract, #div-formacion {height: 80px;}
    #td-intro, #td-caract, #td-formacion {display: none !important;}
    #td-intro > p, #td-caract > p, #td-formacion > p {margin-left: 25px;}

    #td-intro-fa{position: relative; width: 100%; border: 1px solid black; border-left: none;}
    #td-caract-fa{position: relative;  width: 100%; border: 1px solid black; border-left: none;}
    #td-formacion-fa{position: relative; width: 100%; border: 1px solid black; border-left: none;}
    #td-intro-fa i, #td-caract-fa i, #td-formacion-fa i{line-height: 80px; display:block; float: right; padding-right: 15px}
    .td-seleccion-menu{height: 80px; background-color: #74020d; color: #e8e9ea; text-align: left; font-size: 10pt; text-transform: lowercase;}
    .td-seleccion-menu:first-letter{text-transform: uppercase;}
    .td-seleccion-menu-activo:first-letter{text-transform: uppercase;}
    .td-seleccion-menu-activo{height: 80px; background-color: #eceded; color: #74020d; text-align: left; font-size: 12pt;
                              font-family: 'TradeGothicLTStd-Bd2'; text-transform: uppercase; }

    #div-botones-ver-mas{float: left; width: 40px;}
    #textos-medio-menu{float: left; width: calc(100% - 40px);}

    #div-intro-ver-mas{position: relative; top: 10px; width: 40px; height: 80px;
                       border: 1px solid black; border-left: none; text-align: center;}
    #div-caract-ver-mas{position: relative;  top: 110px; width: 40px; height: 80px;
                        border: 1px solid black; border-left: none; text-align: center;}
    #div-formacion-ver-mas{position: relative;  top: 210px; width: 40px; height: 80px;
                           border: 1px solid black; border-left: none; text-align: center;}

    .mostrar-ver-mas{display: block; background-color: #eceded;}
    .no-mostrar-ver-mas{display: none;}
    .ver-mas-menu{width: 28px; height: 28px; margin: 26px auto 26px auto;}

    .div-mid{height: 300px; text-align: left; left: -30px;}
    .div-mid-title{height: 80px; width: 90%; margin-left: 20px;}
    .div-mid-subtitle{height: 50px; width: 90%; margin: 10px auto 10px 20px}
    .div-mid-description{height: 80px; width: 90%; margin-left: 20px; line-height: 17px;}
    .div-mid-title > p{color: #74020d; font-size: 14pt; position: relative; top: 30%;}
    .div-mid-subtitle > p{color: black; font-size: 9pt;  position: relative; top: 10%;}
    .div-mid-description > p{color: black; font-size: 9pt; position: relative; top: 2.5%; width: 100%;}
    .div-mid-button{height: 80px; width: 90%; margin-left: auto; margin-right: auto; position: relative; top: 15px;}
    .div-mid-button > a{color: white; font-size: 10pt; position: relative; top: 20%; vertical-align: middle;
                        padding: 5px 10px 5px 10px; margin-left: 30px; margin-right: 10px;}
    #button-prueba-gratis-ERP{border-radius: 15px; background-color: #74020d;}
    #button-prueba-gratis-ERP:hover{border-radius: 15px; background-color: rgba(116, 2, 13, 0.85); color: white;}


    #conta-cloud-online{margin:0px 0 60px 0; border-top: 1px solid black; position: relative; top: 55px; height: auto;}
    #title-counta-cloud-erp{width: 75%; left: 12.5%; height: auto;}
    #title-counta-cloud-erp H3 {font-size: 14pt; font-family: 'TradeGothicLTStd-Bd2'; border-bottom: 3px solid #74020d; padding: 05px 0 05px 0;
                                text-align: center; height: auto;}
    #title-counta-cloud-erp div{text-align: center; padding: 20px 0 20px 0; height: auto; font-size: 13pt;}
    #imagen-conta-cloud-erp img {height: auto; width: 75%; min-width: 200px;
                                 text-align: center; position: relative; padding-top: 10px;}

    #div_video-contabilidad-erp-nube{width: 100%; height: 150px; margin: auto; text-align: center; background-color: #eceded; 
                                     position: relative; top: 55px; cursor: pointer;}
    #div_video-contabilidad-erp-nube img {height: 125px; width: auto; margin-top: 12.5px;}
    .modal-body > iframe {height: 125px; width: 222px; left: -100px; top: -15px; position: relative;} 


    #un-programa-online{position:relative; top: 50px; width: 100%; height: auto; margin: 30px 0 20px 0;}
    #title-un-programa-online{  position: relative; width: 60%; left: 20%; margin: 10px 0 10px 0; padding-bottom: 10px;
                                font-size: 13pt; font-family: 'TradeGothicLTStd-Bd2'; border-bottom: 3px solid #74020d; text-align: center;}
    .un-programa-online-ventajas{text-align: center;}
    .un-programa-online-ventajas img {width: 50px; height: 50px}
    .un-programa-online-ventajas h4 {font-size: 9pt; margin:10px 0 10px 0; width: 90%; left: 5%; position: relative; font-weight: bold;}
    .un-programa-online-ventajas p {font-size: 8pt; margin: 10px 0 10px 0; width: 100%; left: 0%; position: relative;}

    #la-aplicacion{position:relative; top: 50px; width: 100%; height: auto; margin: 5px 0 0 0; background-color: #eceded; padding-bottom: 10px;}
    #title-la-aplicacion{ position: relative; width: 60%; left: 20%; margin: 10px 0 10px 0; padding-bottom: 10px;
                          font-size: 13pt; font-family: 'TradeGothicLTStd-Bd2'; border-bottom: 3px solid #74020d; text-align: center;}
    .la-aplicacion-ventajas{text-align: center;}
    .la-aplicacion-ventajas img{width: 50px; height: 50px}
    .la-aplicacion-ventajas h4 {font-size: 9pt; margin:10px 0 10px 0; width: 90%; left: 5%; position: relative; font-weight: bold;}
    .la-aplicacion-ventajas p {font-size: 8pt; margin: 10px 0 10px 0; width: 100%; left: 0%; position: relative;}


}

@media only screen and (max-width: 379px){

    #cabecera_producto {height: 220px; width: 100%; position: relative; top: 55px;}
    div[class^=cabecera-content] {padding-left: 1.5px; padding-right: 1.5px;}
    div[class^=cabecera-texto-] {height: 220px; padding: 2.5px 0 2.5px 0; font-size: 0.9em}
    div[class^=cabecera-texto-] div {height: 54px; vertical-align: middle;}
    .cabecera-content-center-top {height: 80px; padding-top: 20px;}
    .cabecera-content-center-top img {height: 45px; width: auto;}
    .cabecera-content-center-bottom {height: 120px; padding-top: 2.5px; padding-bottom: 2.5px;}

    .cabecera-content-center-bottom{font-size: 0.9em;}
    .cabecera-content-center-bottom p.p-y{font-size: 0.75em;}


    #textos-medio-menu {padding-left: 0; padding-right: 0;}

    #ERP-producto{width: 100%; height: 300px;  position: relative; top: 55px; border-top: 1px solid black;
                  background-image: url(images/nube-contabilidad-pymes-480x300.jpg); background-repeat: no-repeat; 
                  background-size: cover; background-position: center center;}
    #seleccion-menu{height: 300px; position: relative; left: 0; padding: 0; width: 40px; float: left;}
    #muestra-menu{height: 300px; position: relative; padding: 0; width: 83%; float: left;}
    #table-seleccion-menu{width: 100%; font-size: 15pt; cursor: pointer;}
    #div-intro, #div-caract, #div-formacion {height: 80px;}
    #td-intro, #td-caract, #td-formacion {display: none !important;}
    #td-intro > p, #td-caract > p, #td-formacion > p {margin-left: 25px;}

    #td-intro-fa{position: relative;  width: 40px; border: 1px solid black; border-left: none;}
    #td-caract-fa{position: relative;  width: 40px; border: 1px solid black; border-left: none;}
    #td-formacion-fa{position: absolute; width: 40px; border: 1px solid black; border-left: none;}
    #td-intro-fa i, #td-caract-fa i, #td-formacion-fa i{line-height: 80px; display:block; float: right; padding-right: 5px}
    .td-seleccion-menu{height: 80px; background-color: #74020d; color: #e8e9ea; text-align: left; font-size: 10pt; text-transform: lowercase;}
    .td-seleccion-menu:first-letter{text-transform: uppercase;}
    .td-seleccion-menu-activo:first-letter{text-transform: uppercase;}
    .td-seleccion-menu-activo{height: 80px; background-color: #eceded; color: #74020d; text-align: left; font-size: 12pt;
                              font-family: 'TradeGothicLTStd-Bd2'; text-transform: uppercase; }

    #div-botones-ver-mas{float: left; width: 35px;}
    #textos-medio-menu{float: left; width: calc(100% - 35px);}

    #div-intro-ver-mas{position: relative; top: 10px; width: 35px; height: 80px;
                       border: 1px solid black; border-left: none; text-align: center;}
    #div-caract-ver-mas{position: relative;  top: 110px; width: 35px; height: 80px;
                        border: 1px solid black; border-left: none; text-align: center;}
    #div-formacion-ver-mas{position: relative; top: 210px; width: 35px; height: 80px;
                           border: 1px solid black; border-left: none; text-align: center;}

    .mostrar-ver-mas{display: block; background-color: #eceded;}
    .no-mostrar-ver-mas{display: none;}
    .ver-mas-menu{width: 28px; height: 28px; margin: 26px auto 26px auto;}

    .div-mid{height: 300px; text-align: left; left: -15px;}
    .div-mid-title{height: 80px; width: 90%; margin-left: 20px; line-height: 17px;}
    .div-mid-subtitle{height: 50px; width: 90%; margin: 10px auto 10px 20px}
    .div-mid-description{height: 80px; width: 90%; margin-left: 20px; line-height: 17px;}
    .div-mid-title > p{color: #74020d; font-size: 1.5em; position: relative; top: 30%;}
    .div-mid-subtitle > p{color: black; font-size: 1.25em;  position: relative; top: -10px}
    .div-mid-description > p{color: black; font-size: 1.1em; position: relative; top: -20px; width: 100%;}
    .div-mid-button{height: 80px; width: 90%; margin-left: auto; margin-right: auto; position: relative; top: 15px;}
    .div-mid-button > a{color: white; font-size: 10pt; position: relative; top: 20%; vertical-align: middle;
                        padding: 5px 10px 5px 10px; margin-left: 30px; margin-right: 10px;}
    #button-prueba-gratis-ERP{border-radius: 15px; background-color: #74020d;}
    #button-prueba-gratis-ERP:hover{border-radius: 15px; background-color: rgba(116, 2, 13, 0.85); color: white;}

    #conta-cloud-online{margin:0px 0 20px 0; border-top: 1px solid black; position: relative; top: 55px; height: auto;}
    #title-counta-cloud-erp{width: 90%; left: 5%; height: auto;}
    #title-counta-cloud-erp H3 {font-size: 10pt; font-family: 'TradeGothicLTStd-Bd2'; border-bottom: 3px solid #74020d; padding: 05px 0 05px 0;
                                text-align: center; height: auto;}
    #title-counta-cloud-erp div{text-align: center; padding: 10px 0 10px 0; height: auto; font-size: 8pt;}
    #imagen-conta-cloud-erp img {height: auto; width: 90%; min-width: 200px;
                                 text-align: center; position: relative; padding-top: 10px;}

    #div_video-contabilidad-erp-nube{width: 100%; height: 150px; margin: auto; text-align: center; background-color: #eceded; 
                                     position: relative; top: 55px; cursor: pointer;}
    #div_video-contabilidad-erp-nube img {height: 125px; width: auto; margin-top: 12.5px;}
    .modal-body > iframe {height: 125px; width: 222px; left: -110px; top: -15px; position: relative;} 

    .col-xs-12 {padding-right: 0; padding-left: 0;}
    .col-xs-4 {padding-right: 5px; padding-left: 5px;}

    #un-programa-online{position:relative; top: 50px; width: 100%; height: auto; margin: 30px 0 20px 0;}
    #title-un-programa-online{ position: relative; width: 80%; left: 10%; margin: 10px 0 10px 0; padding-bottom: 5px;
                               font-size: 10pt; font-family: 'TradeGothicLTStd-Bd2'; border-bottom: 3px solid #74020d; text-align: center;}
    .un-programa-online-ventajas{text-align: center;}
    .un-programa-online-ventajas img {width: 50px; height: 50px}
    .un-programa-online-ventajas h4 {font-size: 9pt; margin:10px 0 10px 0; width: 100%; left: 0%; position: relative; font-weight: bold;}
    .un-programa-online-ventajas p {font-size: 8pt; margin: 10px 0 10px 0; width: 100%; left: 0%; position: relative;}

    #la-aplicacion{position:relative; top: 50px; width: 100%; height: auto; margin: 5px 0 0 0; background-color: #eceded; padding-bottom: 10px;}
    #title-la-aplicacion{ position: relative; width: 80%; left: 10%; margin: 10px 0 10px 0; padding-bottom: 10px;
                          font-size: 10pt; font-family: 'TradeGothicLTStd-Bd2'; border-bottom: 3px solid #74020d; text-align: center;}
    .la-aplicacion-ventajas{text-align: center;}
    .la-aplicacion-ventajas img{width: 50px; height: 50px}
    .la-aplicacion-ventajas h4 {font-size: 9pt; margin:10px 0 10px 0; width: 90%; left: 5%; position: relative; font-weight: bold;}
    .la-aplicacion-ventajas p {font-size: 8pt; margin: 10px 0 10px 0; width: 100%; left: 0%; position: relative;}


}