@charset "utf-8";

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    font-family: inherit
}

/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block;
}

html {
    background-color: #e5e5e5;
	height: auto;
    color: #464648;
    font-size: 16px
}


body {
    font-family: 'Montserrat Light'
}

ol,ul {
    /*list-style: none;*/
    margin-left: 12px;
    padding-left: 24px;
    margin-bottom: 16px;
}

li {
    margin-bottom: 6px
}

blockquote,q {
    quotes: none;
}

blockquote:before,blockquote:after,q:before,q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

div {
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}

/****ANCHOS OPCIONALES****/
.anc-opt-01 {width: 8.33333333% !important;}
.anc-opt-02 {width: 16.66666667% !important;}
.anc-opt-03 {width: 25% !important;}
.anc-opt-04 {width: 33.33333333% !important;}
.anc-opt-05 {width: 41.66666667% !important;}
.anc-opt-06 {width: 50% !important;}
.anc-opt-07 {width: 58.33333333% !important;}
.anc-opt-08 {width: 66.66666667% !important;}
.anc-opt-09 {width: 75% !important;}
.anc-opt-10 {width: 83.43333333% !important;}
.anc-opt-11 {width: 91.66666667% !important;}
.anc-opt-12 {width: 100% !important;}


/****ESTILO PRINCIPAL********************/
p {
    color: #474748;
    font-size: 1.23rem;
    line-height: 2.2rem;
}

a {
    text-decoration: none;
    color: #FFFFFF
}

#omeComp a {
    color: #839f3b;
    box-sizing: border-box;
    padding: 10px 20px;
    background: #e8ecdb1c;
    text-transform: uppercase;
}

.ome-PrinLay {
    width:100%;
    height:1px;
    height:auto;
    min-height:1px;
    position:relative;
    z-index:1;
    font-size: 0.800rem;
    overflow: hidden
}

.ome-SecLay {
    width: 100%;
    height:1px;
    height:auto;
    min-height:1px;
    margin:0 auto;
    position:relative;
    display: flex;
    align-items: stretch
}

/*#ome-SideA,#ome-SideB {
    width:28%
}*/

.ome-SecLay > div {
    height:1px;
    height:auto;
    min-height:1px;
/*display:table;*/
    /*vertical-align:top;
    display:inline-block;*/
    /*margin-left:-4px*/
    
}

.alineado {
   height:1px;
    height:auto;
    min-height:1px;
    vertical-align:top;
    display:inline-block;
    margin-left: -5px
}

.alineado:nth-child(1) {
    margin-left: 0px   
}

#frontcomp {
    display:none
}

h1,h2,h3,h4,h5 {
    text-transform:uppercase;
    font-family: 'Montserrat Ultralight';
}

h1 {
    font-size: 2.620rem
}

.ome-TercLay {
    position:relative;
    width:100%;
    padding: 3.628rem;
}

#omeMain .ome-TercLay {
    padding: 3.628rem 6rem;
}

div[id^="inner-"] {
    width: 100%;
    padding: 1.625rem;
    height: 100%;
    /*height: auto;*/
    min-height: 100%
}

/*div[id^="inner-"] .custom {
    height: 100%
}*/

#omeComp {
    /*padding:33px;*/
    display:inline-block;
	height:1px;
    height:auto!important;
    min-height:1px;
    vertical-align: top;
    position: relative
}

#ome-TercLay{
	height:1px;
    height:auto!important;
    min-height:1px;
	display: inline-block;
}

div[id*="omeSide-"] {
    display: inline-block;
    z-index: 3
}

strong {
    font-family: 'Montserrat Bold';
}


/**Botones**/
.boton {
    display: inline-flex;
    font-size: 0.760em;
    text-transform: uppercase;
    background-color: #4d4d4d;
    padding: 0.4375rem 0.625rem 0.4375rem 0.625rem;
    color: #FFFFFF;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}



/****************************************/
/*-------------------------Menu Principal---------------------------*/
#menuPrin {
    display:inline-block;
    min-width:120px;
    margin:0 auto
}

#menuPrin a {
    color:#636466;
    /*font-size:0.800em;*/
}

#menuPrin .separator {
    color:#636466;
    font-size:0.75rem;
}

/*#menuPrin li:nth-child(1) > a {
    border-left:none
}*/

#menuPrin li {
    display:block;
    display:inline-block;
    box-sizing:border-box;
/*border-right:1px solid #fff;*/
    position:relative;
    padding: 0.5rem 0.75rem;
}

#menuPrin:after {
    content:"";
    clear:both;
    display:block
}

/*#menuPrin li:nth-last-child(1) {
    border-right:none
}
*/
#menuPrin ul {
    display:none;
    background:#f1f1f1;
    position:absolute;
    top:100%;
    left:0
}

#menuPrin ul a {
    position:relative;
    display:table-cell;
    width:100%;
    min-height:40px;
    height:auto!important;
    height:40px;
    text-align:left;
    border-left:none;
    padding:0
}

#menuPrin ul a span {
    color:#fff
}

#menuPrin ul a img {
    float:right
}

#menuPrin li:hover {
    background:#d7d7d7
}

#menuPrin li:hover > ul {
    display:block
}

#menuPrin li:hover > a,#menuPrin li:hover > a > span {
    color:#221e1f
}

.active,.active > a {
    background:#d7d7d7!important;
    color:#636466!important
}

.active .active a span {
    color:#221e1f!important
}

#menuPrin ul li {
    padding: 0.5625rem 1.563rem 0.625rem;
    /*width:210px;*/
    width:100%;
    box-sizing:border-box;
    border-right:none;
    display:inline-block;
    margin-bottom: -6px;
    border-bottom: 1px solid #83C63F;
}

#menuPrin ul li:nth-last-child(1) {
    border-bottom: none
}

#menuPrin ul li a {
    color: #83C63F
}

#menuPrin ul ul {
    position:absolute;
    left:100%;
    top:0
}

#menuPrin ul ul li {
    padding:1rem 1.563rem 1.25rem;
}

/*.item-107 ul,.item-131 ul,.item-144 ul,.item-145 ul, .item-429 ul, .item-408 ul, .item-330 ul, .item-351 ul {
    display:none!important
}*/


/*NUEVO MENU*/

#menu-principal {
    text-align: center;
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 0;
    font-size: 1.15rem;
}

#menu-principal > li {
    display: inline-block;
    border-right: 1px solid #bbbcbe;
    list-style: none;
    padding: 0 0.6875rem;
    margin-bottom: 0px;
    position: relative;
}

#menu-principal > li:nth-last-child(1) {
    border-right: none;
}

#menu-principal > li a {
    text-transform: uppercase;
    font-family: "Montserrat Light";
    color: #bbbcbe;
}

#menu-principal > li a {
    z-index: 10
}

#menu-principal ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: -150%;
    left: 0;
    text-align: left;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
    opacity: 0;
    width: 170%;
    padding-top: 0.680rem;
}

#menu-principal > ul {
    z-index: 5;
    width: 161%;
}

#menu-principal ul li {
    margin-bottom: 0;
    padding: 1rem 0.500rem;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1.3rem 0.970rem;
    background-color: #84a03b;
}

#menu-principal ul li a {
    color: #FFFFFF
}

#menu-principal li:hover > ul {
    top: 100%;
    opacity: 1
}

/********OTROS ESTILOS*****************/
/*COLOR DE ÉNFASIS*/
.verde {
    color: #84a03b;
}

/*Besiyata Dishmaya*/
.contenedor-bsd p {
    color: #84a03b;
    text-align: right;
    font-size: 1.25rem
}

/*LOGOTIPO*/
.logotipo {
    text-align: center;
    -ms-animation-duration: 6s;
    -webkit-animation-duration: 6s;
    -o-animation-duration: 6s;
    -moz-animation-duration: 6s;
    animation-duration: 6s;
}

div[id^="inner-"].logotipo {
    padding: 2rem 1.625rem;
}

.logotipo h1 {
    margin: 5px 0 0;
    font-size: 1rem;
    text-transform: none;
    color: #bbbcbe;
}


/*NOSOTROS SOMOS MAGPANEL*/
.nosotros-magtec {
    padding: 0px !important
}

.nosotros-magtec .custom > * {
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}

.nosotros-magtec h1 {
    padding: 7rem 1.688rem;
    display: block;
    width: 100%;
    min-height: 50%;
    text-align: center;
    position: relative;
    background-color: #84a03b;
    color: #FFFFFF
}

/*.nosotros-magtec h1 span {
    position: absolute;
    bottom: 50%;
    right: 50%;
    transform: translate(-50% ,0);
    -ms-transform: translate(-50% ,0);
    -webkit-transform: translate(-50% ,0);
    -o-transform: translate(-50% ,0);
    -moz-transform: translate(-50% ,0);
    width: 100%
}*/

.nosotros-magtec h1 span img {
    margin-top: 16px
}

.nosotros-magtec .custom > div {
    padding: 3.3rem 6rem;
    display: block;
    width: 100%;
    min-height: 50%;
    background-color: #929396;
}

.nosotros-magtec p {
    color: #FFFFFF;
}

.nosotros-magtec p.logos-reconocimientos {
    margin-top: 42px;
    text-align: center
}

.nosotros-magtec p img {
    vertical-align: middle;
    padding: 1rem
}

/*ICONOS DIFERENCIADORES*/
.iconos-diferenciadores .custom {
    text-align: center;
    padding: 1.563rem 0;
}

.iconos-diferenciadores .custom div {
    width: 185px;
    padding: 0 0.3em;
    color: #FFFFFF;
    font-size: 1.5rem;
}

/*CUADRO EXCELENCIA*/
.titulo-excelencia h1 {
    padding: 1.688rem;
    width: 100%;
    text-align: center;
    position: relative;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}

.parrafo-excelencia {
    padding: 2.563rem 6rem !important;
}

.logos-premios {
    text-align: center;
    margin-top: 41px;
    display: flex;
    align-items: flex-start;
}

.logos-premios .alineado {
    width: 24%;
    font-size: 1.063rem;
    vertical-align: middle;
}

.logos-premios .alineado span {
    height: 83px;
    display: block;
    line-height: 83px
}

.logos-premios img {
    width: 56%;
}

/*CUADRO LOGOS PUBLICACIONES;*/
#omeBottomDos .titulo-excelencia h1 {
    padding: 1.688rem;
    width: 100%;
    text-align: center;
    position: relative;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}

#omeBottomDos .parrafo-excelencia {
    padding: 2.563rem 6rem !important;
}

#omeBottomDos .logos-premios {
    text-align: center;
    margin-top: 41px;
    display: flex;
    flex-wrap: wrap;
}

#omeBottomDos .logos-premios .alineado {
    width: 20%;
    font-size: 1.063rem;
    vertical-align: middle;
    margin: 0 15px;
}

#omeBottomDos .logos-premios .alineado span {
    height: auto;
    display: block;
    line-height: 83px
}

#omeBottomDos .logos-premios img {
    width: 99%;
}

/*PRODUCTOS-INICIO*/
.bloque-magpanel {
    background-color: #464648;
    padding: 0px !important;
}

.bloque-magplank {
    padding: 0 !important;
    background-color: #4f4f4f;
}

.bloque-magkit {
    padding: 0 !important;
    background-color: #4f4f4f;
}

.bloque-magcomplementos {
    padding-bottom: 4rem !important;
    background-color: #4f4f4f;
}

.contenedor-fondo-producto {
    /*height: 100%;*/
    width: 50%;
    margin-left: 0
}


.bloque-magpanel .contenedor-fondo-producto {
    background: url(../images/fondo-magpanel.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.bloque-magplank .contenedor-fondo-producto {
    background: url(../images/fondo-magplank.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.bloque-magkit .contenedor-fondo-producto {
    background: url(../images/fondo-magtec.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.contenedor-info-producto {
    width: 50%;
    height: 100%;
    padding: 3.8em 1.7em;
    text-align: center;
    position: relative;
    margin-left: 0;
}

.contenedor-info-producto > div {
    margin-bottom: 36px;
}

.contenedor-info-producto > div:nth-last-child(1) {
    margin-bottom: 0;
}

.contenedor-info-producto p {
    color: #ffffff;
    text-transform: uppercase;
    font-family: "Montserrat Ultralight";
}

.contenedor-iconos {

}

.contenedor-iconos a {
    font-family: "Montserrat Ultralight";
    text-transform: lowercase;
    font-size: 1.5rem;
    position: relative;
    height: 37px;
    width: 37px;
    display: inline-block;
    margin: 25px 7px;
}

.contenedor-iconos a[href="/cotizador"]{
    display: none;
}

.contenedor-iconos a:nth-child(1) {
    text-decoration: underline;
    display: initial;
}

.contenedor-iconos img {
    width: 37px;
}

.icono-paso {
    position: absolute;
    transform: translate(50% ,0);
    -ms-transform: translate(50% ,0);
    /* IE 9 */
    -webkit-transform: translate(50% ,0);
    /* Safari and Chrome */
    -o-transform: translate(50% ,0);
    /* Opera */
    -moz-transform: translate(50% ,0);
}

.bloque-magpanel .icono-paso {
    bottom: 83%;
    right: 2%;
}

.icono-paso {
    bottom: 83%;
    right: 0%;
 }

.bloque-magkit p {
    color: #FFFFFF
}

.bloque-magkit a {
    color: #FFFFFF
}

/*Bloque complementos*/
.bloque-magcomplementos .titulo-complementos {
    width: 100%
}

.bloque-magcomplementos h2 {
    margin: 0 auto;
    font-size: 2rem;
    color: #FFFFFF;
    text-align: center;
    margin: 19px 0 48px 0;
}

.bloque-magcomplementos .custom {
    flex-wrap: wrap;
    align-items: center !important;
    justify-content: center;
}

.contenedor-logo-complemento {
    width: 33.33333333%;
    text-align: center;
    margin-bottom: 24px;
}

.contenedor-logo-complemento:nth-child(2), .contenedor-logo-complemento:nth-child(3) {
    width: 34%;
    text-align: center
}

.filo-complemento {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

/*Funcionalidad íconos*/
.desc-icono {
    position: absolute;
    top: 154%;
    left: 50%;
    transform: translate(-50% ,0);
    -ms-transform: translate(-50% ,0);
    -webkit-transform: translate(-50% ,0);
    -o-transform: translate(-50% ,0);
    -moz-transform: translate(-50% ,0);
    display: none;
    width: 388%;
    font-size: 0.800em;
    background: #d7d7d7;
    color: #4f4f4f;
    padding: 0.500rem 0.500rem;
    font-weight: bold;
    border-radius: 6px;
    font-family: 'Montserrat Regular';
    text-transform: initial;
    text-align: center; 
}

.desc-icono:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7.5px 13.0px 7.5px;
    border-color: transparent transparent #d7d7d7 transparent;
    display: block;
    position: absolute;
    top: -4%;
    left: 50%;
    transform: translate(-50% ,-50%);
    -ms-transform: translate(-50% ,-50%);
    -webkit-transform: translate(-50% ,-50%);
    -o-transform: translate(-50% ,-50%);
    -moz-transform: translate(-50% ,-50%);
}

.contenedor-logo-complemento .contenedor-iconos a:nth-child(1) {
    display: inline-block
}

/*OPCIONES EXTRAS EN INTRO*/
/*Complementos*/
.contenedor-complementos {
    text-align: center;
    padding: 5rem 1.688rem !important;
}

/*Calculadora*/
.contenedor-calculadora {
    text-align: center;
    padding: 5rem 1.688rem !important;
}

/*PRESENCIA MAGTEC*/
.plano-magtec {
    text-align: center
}

.plano-magtec img {
    width: 92%
}

.presencia-magtec {
    color: #FFFFFF;
    padding: 1.688rem 9rem !important;
}

.presencia-magtec h1 {
    text-align: center;
    margin-bottom: 42px;
}

.presencia-magtec p {
    color: #FFFFFF;
}

/*ESTILOS FORMULARIO*/
.chronoform, .gcore-form-row, .gcore-line-td {
    width: 100%
}

.gcore-form-row, .formulario-ampes .contenedor-campos {
    padding: 0.625rem 0;
}

.chronoform label, .chronoform .gcore-input {
    display: inline-block;
    vertical-align: middle
}

/*.chronoform label {
    width: 22%
}*/

.chronoform .gcore-input {
    width: 100%
}

.chronoform .gcore-input input {
    width: 880px;
    height: 51px;
    font-size: 1.3rem;
    padding: 0.500rem;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    border-bottom: 1px solid #464648;
    color: #464648;
    font-family: 'Montserrat Light';
}

.chronoform .gcore-input select {
    width: 880px;
    height: 55px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-appearance: none;
    -moz-appearance:    none;
    appearance:         none;
    border: 0;
    border-bottom: 1px solid #464648;
    color: #464648;
    font-family: 'Montserrat Light';
    font-size: 1.563rem;
    padding: 0 0.5rem;
    background: none;
    background: url(../images/boton-seleccion.png) 95% center no-repeat
}

.chronoform .gcore-input textarea {
    width: 880px;
    height: 200px;
    font-size: 1.25rem;
    padding: 0.5625rem 0.5rem;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-appearance: none;
    -moz-appearance:    none;
    appearance:         none;
    border: 0;
    border-bottom: 1px solid #464648;
    color: #464648;
    font-family: 'Montserrat Light';
    background: none;
    border-bottom: 1px solid #464648;
    line-height: 1.375rem;
}

#enviar {
   -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
   width: auto;
   cursor: pointer;
    border: none;
    background-color: #464648;
    color: #FFFFFF;
    padding: 0.1875rem 2rem; 
    -moz-box-sizing:initial;
    -webkit-box-sizing:initial;
    box-sizing: initial;
}

.modulo-contacto {
    text-align: center;
    padding: 0 3rem !important;
}

.modulo-contacto h1 {
    margin-bottom: 42px;
}

/*.modulo-contacto input::-webkit-input-placeholder, .modulo-contacto textarea::-webkit-input-placeholder {
    color: #919191;
}

.modulo-contacto input:-moz-placeholder, .modulo-contacto textarea:-moz-placeholder { /* Firefox 18-
    color: #919191;  
}

.modulo-contacto input::-moz-placeholder, .modulo-contacto textarea::-moz-placeholder {  /* Firefox 19+
    color: #919191;  
}

.modulo-contacto input:-ms-input-placeholder, .modulo-contacto textarea:-ms-input-placeholder {  
    color: #919191;  
}

.modulo-contacto textarea::-webkit-input-placeholder {
    font-size: 1.4em;
}

.modulo-contacto textarea:-moz-placeholder { /* Firefox 18-
    font-size: 1.4em;
}

.modulo-contacto textarea::-moz-placeholder {  /* Firefox 19+
    font-size: 1.4em;
}

.modulo-contacto textarea:-ms-input-placeholder {  
    font-size: 1.4em;
}*/

input::-webkit-input-placeholder {
    color: #919191 !important
}
 
input:-moz-placeholder { /* Firefox 18- */
    color: #919191 !important;
    opacity: 1;
}
 
input::-moz-placeholder {  /* Firefox 19+ */
    color: #919191 !important;
    opacity: 1;
}
 
input:-ms-input-placeholder {  
    color: #919191 !important
}

textarea::-webkit-input-placeholder {
    color: #919191 !important;
    font-size: 1.375rem;
}
 
textarea:-moz-placeholder { /* Firefox 18- */
    color: #919191 !important;
    font-size: 1.375rem;
    opacity: 1;
}
 
textarea::-moz-placeholder {  /* Firefox 19+ */
    color: #919191 !important;
    font-size: 1.375rem;
    opacity: 1;
}
 
textarea:-ms-input-placeholder {  
    font-size: 1.375rem;
    color: #919191 !important;
}

.chrono_credits a {
    color: #464648;
    font-size: 0.700rem
}

.chronoform .gcore-input input, .chronoform .gcore-input select, .chronoform .gcore-input textarea {
    width: 100%
}

.contenedor-imagen-contacto img {
    width: 100%
}

/*GALERIA DE NUESTROS CLIENTES*/
#omeComp .event-thumbnail {
    height: 496px;
}

.eventgallery-tiles-list .eventgallery-tile img {
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    width: 100% !important;
    height: 100% !important
}

.eventgallery-tile .title {
    text-align: center;
    color: #464648;
    font-size: 1.6rem;
    margin-top: 16px;
}

.eventgallery-tile .title h2 {
    font-family: 'Montserrat Regular';
}

.eventgallery-tile .contenedor-iconos {
    text-align: center
}

.eventgallery-tile .desc-icono {
    background: #464648;
    color: #FFFFFF
}

.eventgallery-tile .desc-icono:before {
    border-color: transparent transparent #464648 transparent;
}

#omeComp .event .displayname {
    margin-bottom: 19px;
}

#omeComp .event .text {
    margin-bottom: 19px;
}

.eventgallery-tiles-list .wrapper .data {
    word-break: normal
}

.navigation .text {
    margin-bottom: 35px;
    border-bottom: 1px solid #464648;
    padding-bottom: 2rem;
}

/*VIDEO INTRO*/
div[id^="inner-"].video-intro, .video-intro {
    padding: 0px;
    position: relative;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-image: url(../images/fondo-video-intro.jpg);
}

.youtube {
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    overflow: hidden;
    transition: all 200ms ease-out;
    cursor: pointer;
}

.contenedor-titulo-video .play {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABAZJREFUeNrkW411mzAQBl4HYIOSCUwniLqBuwGZoGSCOBOQTkA3cDbAngBnAtwJ8AZUej3yFFUSQkiHaPWenv1skHTf/eh0d4ojpDYMQ0o/cugp/Lzjvp+5x0+0X+M4vvpeV+yZ4D3t97QT2jOLYW4ABgPnFQMQF4TvaT8OflpLewHghiUBbGH048mA04yrF/jOOPqL9s/ce5nhGD9of6FScQuB490E1yp4Lp0xLqH9QHujGbtnz6xFeKoR9Q4WnzmcqwAwVSDn2FzvFYQXnucmGqk4YBB/UIhiiSyBRKF6R5dGUpy0Rp3QniGt8zUpiC+jABpIQ+8NBAnxParRMTeUrXMQtkC8NxBg69kE8RMg1DYD5XOJB4NYBgpCOXcQcYC9wTsN5w+QlUHIBMPYGztmkq2lMnxPdFAaV97gAoftw3pskGtnTKj00NbyFeAcYi7JEqtPHAAwimCxkj3gGdpNcd/aek4AwG9LBBkEcTcrTMUl8wAA70JniCB0k2otiEptMUkzM8LTY9kHiRTkUxaTIACAeYwWbUGlM36d5STNwphf49PT1NKoRQcPgHf186EWEinPVW5vvjIA3uJ9AqPLBH7n9f0Wx/ElgHMNk4AnsA97h+OeuO/3IwA77scQiOcb2yqPDt3qN+57nnCTjO0c6EmXSWkHvkrqSAKyEQBe529R2K0EIGyP3R/oSzh9C1UFVPahsjl2i/YtibbdmOo2S9zqrQMwtj2oxWy3+l8BIJLsZv8VAEyvv1L9/jY3W7x1ABixj5ToL7SfbAb4pDAsW2gvtD/P5bhoLBOZcxA44Wytd5TwR8viiEwmAfxA94ESfqX9wVbUBY/yXYUSmX8coJ4zUb9zQPxf5x6ZCqQBpb9+gri7PBbzEnBOwD08aR5aS8+ZZX9wWQQFjE2lByOh3qe1nGBpQMT12V9cHx/17sU/i6VRoQUAoESHtVFvSdS0RgKgxsgPSBhMZA/ViIkR1AyRkO3ulF4SQmoMPUdonBpTSEHuEIBVssRCWqyb9JVn59SnAUDNAwprOhhzX7FdGJeXSABYtVJEku9oTV9MJVWY+QwA0CtHXdHAD0Akxis1AKAaVqwc1UjjwYX+aGvuQiBcYcibJYMdvdfh+iW+W7ReTfVliKWyfqpaFSD0a9cCClt367WqVQGCdS2BYy+vRynpVYjZKvs9cL1RnDEy35OXmhIXgkB4jVlZovOyWg0QTu/3QXlLrTlg7dfSwVJxgWpc2BHAyCw4PRKtu5a3yPGKXdmG6E/e/rsQc1PF+1ic703y33iBMjcYhwVMn4O6TgtGstSoxuAgZli5NHI+L08zLvKXp23bBaTmTLn96nqdMaJ0EE60dxoRP3OqcvF9N/i3AAMAHupfVrsgpGkAAAAASUVORK5CYII=") no-repeat center center;
    background-size: 64px 64px;
    height: 71px;
    width: 100%;
    opacity: .8;
    filter: alpha(opacity=80);
    transition: all 0.2s ease-out;
    cursor: pointer
}

.youtube .play:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.video-intro .custom {
    height: 100%
}

.video-intro iframe {
    width: 100%;
    height: 100%
}

.contenedor-titulo-video {
    position: absolute;
    z-index: 50;
    top: 0;
    left: 0;
    text-align: center;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
}

.contenedor-titulo-video > div {
    width: 72% ;
    bottom: 50%;
    right: 50%;
    position: absolute;
    transform: translate(50%, 50%);
    -ms-transform: translate(50%, 50%);
    -webkit-transform: translate(50%, 50%);
    -o-transform: translate(50%, 50%);
    -moz-transform: translate(50%, 50%);
}

.titulo-video {
    color: #FFFFFF;
    text-transform: uppercase;
    white-space: nowrap;
    line-height: 3.7rem;
    font-family: 'Montserrat Ultralight'
}

.primera-linea {
    font-size: 1.8rem;
}

.segunda-linea {
    font-size: 5.5rem;
}

.descripcion-video {
        color: #ffffff;
    padding: 1rem 1rem;
}

.contenedor-fondo-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

/*MENSAJE DE ADVERTENCIAS Y ERRORES*/
#system-message-container {
    width: 100%;
    /*margin-top: 24px; */
}

#system-message {
    width: 1100px;
    margin: 0 auto;
}

#system-message > div {
    padding: 1.3rem
}

.alert-message, .alert-notice {
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.alert-message *, .alert-notice * {
    color: #8a6d3b;
}

#system-message .close {
    cursor: pointer
}

/*HOVER DE PRODUCTO*/
.bloque-magplank:hover p {
    font-family: "Montserrat Bold";
    color: #FF7E2E
}

.bloque-magpanel:hover p {
    font-family: "Montserrat Bold";
    color: #8DB7C9
}

.bloque-magkit:hover p {
    font-family: "Montserrat Bold";
    color: #A391B1
}

.bloque-magcomplementos:hover h2 {
    font-family: "Montserrat Bold";
    color: #DADADA
}

/*AJUSTES COMPONENTE PRINCIPAL*/
#mainComponente > h1 {
    margin-bottom: 26px
}

.ozio_jgallery_bottom_description {
    font-size: 1.23rem;
    margin-bottom: 26px
}

/**NUEVO SLIDER GALERIA*/
.contenedor-titulo-galeria, .contenedor-boton-galeria {
    display: inline-block;
    vertical-align: middle
}

.contenedor-titulo-galeria {
    width: 75% !important;
}

.contenedor-boton-galeria {
    width: 24% !important;
}

.contenedor-boton-galeria {
    padding: 0.850rem 0.850rem;
    background-color: #84a03b
}

.camera_caption > div {
    padding: 22px 20px;
    font-family: "Montserrat Light" !important;
    text-align: left
}

.camera_caption_title {
    font-size: 1.2rem !important;
    margin-bottom: 6px;
}

.camera_caption > div div.camera_caption_desc {
    font-size: 0.780rem !important
}

/*Ajustes de opacidad para elementos animados*/
.iconos-diferenciadores .custom div, .titulo-excelencia, .parrafo-excelencia, .contenedor-info-producto, .bloque-magcomplementos  .custom, .contenedor-slider-clientes {
    opacity: 0
}

.pagina-calculadora iframe {
    width: 100%;
    min-height: 650px;
}

/*CUADRO DE INICIO DE SESIÓN COLABORADORES*/
.contenedor-sesion h2 {
    font-size: 2.620rem;
}

.boton-colaborador > div {
    width: 49%;
    display: inline-block;
    text-align: center;
    padding: 77px 0;
}

.contenedor-sesion h3 {
    font-size: 2rem;
    margin-bottom: 10px;
}

.texto-colaborador {
    text-align: center
}

.contenedor-sesion a {
    color: inherit;
    font-family: "Montserrat Light";
    text-transform: lowercase;
    text-decoration: underline;
    font-size: 1.7em;
}

.popover, .tooltip {
    display: none !important
}

.contenedor-registro {
    padding: 3rem
}

.registration, .login {
    width: 72%;
    margin: 0 auto;
}

.registration input[type="text"], .registration input[type="password"], .registration input[type="email"], .registration input[type="text"], .login input[type="text"], .login input[type="password"], .login input[type="email"], .login input[type="text"] {
    width: 100%;
    height: 24px
}

.registration .control-group, .login .control-group {
    margin: 7px 0
}

.registration label, .login label {
    font-size: 1rem
}

.campo-tipo {
    margin: 13px 0
}

#jform_captcha {
    margin-bottom: 13px
}

.registration legend {
    display: none
}

.moduleItemTitle {
    font-size: 2rem;
    color: #83C63F
}

#omeSide-b {
    width: 29% !important;
    padding: 0 4rem;
}

.contenedor-enlaces {
    padding: 2rem 0px;
}

.contenedor-enlaces h3 {
    font-size: 1.5rem;
    margin-bottom: 15px
}

.contenedor-enlaces a {
    color: #474748;
    font-size: 1rem
}

.contenedor-menu-usuario h2 {
    font-size: 1.6rem
}

.contenedor-cerrar-sesion ul {
    list-style: none;
    text-align: right;
}

.contenedor-cerrar-sesion ul li {
    display: inline-block;
    padding: 0 1rem;
}

.contenedor-cerrar-sesion ul li a {
    color: #474748;
    text-transform: uppercase;
    font-size: 1.4rem;
}

#menu-principal > li a.btn-inicio-sesion {
    color: #84a03b;
    font-family: 'Montserrat Bold';
}

/*CREDITOS*/
.creditos p {
    color: #ffffff
}

 .contenedor-anuncios h3 {
    font-size: 1.5rem;
    border-bottom: 1px solid #4f4f4f;
    padding-bottom: 1.6rem;
    margin-bottom: 33.6px;
 }
#jform_captcha > div{ display: inline-block;}
#member-registration{
    
}
#member-registration fieldset{position: relative;}
#member-registration fieldset:nth-child(1) .control-group:nth-last-child(1){
    text-align: center;
    position: absolute;
    width: 100%;
    top: 226%;
}
#member-registration fieldset + fieldset{}
#member-registration fieldset + fieldset .control-group:nth-child(2){
    position: absolute;
    top: 100%;
    width: 100%;
    text-align: center;
}
#member-registration fieldset + fieldset + div.control-group{
    margin-top: 200px;
    text-align: center;
}
#member-registration .btn-primary {    background: #839f3b;
    border: 0;
    box-sizing: border-box;
    padding: 10px 20px;
    color: white;
    text-transform: uppercase;}