/***** Proyecto: Minerva S.F. Autor: Minerva S.F. *****/ /********************************************************************************************************************************************************** ************************************************************************* RGPD **************************************************************************** /*********************************************************************************************************************************************************/ #rgpd_submenu { width: 100%; background: #333333; color: #ffffff; } #rgpd_submenu .rgpd_top { height: 40px; width: 960px; margin: 0 auto; position: relative; font-family: "DINProRegular", Arial, sans-serif; } #rgpd_submenu .rgpd_top .rgpd_nav { text-align: center; overflow: hidden; list-style: none; width: 800px; font-weight: bold; text-transform: uppercase; font-size: 12px; height: 40px; margin: 0 80px; display: flex; justify-content: space-around; } #rgpd_submenu .rgpd_top .rgpd_nav li { display: inline-block; padding-top: 2px; } #rgpd_submenu .rgpd_top .rgpd_nav li a { color: #ffffff; text-decoration: none; width: 10%; float: left; margin: 10px; } #rgpd_submenu .rgpd_top .rgpd_nav li a:hover { color: #ffc37a; } #rgpd_submenu .rgpd_top .rgpd_nav li.active a, #rgpd_submenu .rgpd_top .rgpd_nav li a.active { color: #ffc37a; border-bottom: 2px solid #ffc37a; width: 90%; padding-bottom: 4px; } /********************************************************************************************************************************************************** ********************************************************************** DEFAULT RGPD *********************************************************************** /*********************************************************************************************************************************************************/ .portada { width: 100%; display: block; margin: 0 auto; font-size: 14px; text-align: justify; margin-bottom: 40px; background-color: #ffffff; } .portada .rgpd_homepresent { display: block; background-image: url(images/fondo_rgpd.jpg); background-position: center; height: 568px; overflow: hidden; } .portada .rgpd_homepresent .rgpd_tramoa { width: 960px; height: 568px; margin: 0 auto; text-align: center; position: relative; font-family: Roboto; } .portada .rgpd_homepresent .rgpd_tramoa .rgpd_traizq { width:475px; float:left; display:inline-block; } .portada .rgpd_homepresent .rgpd_tramoa .rgpd_traizq .rgpd_tratxtfm { display: block; text-align: right; font-size: 32px; width: 450px; float: right; margin-top: 30px; font-weight: 300; font-family: 'Roboto', sans-serif; } .portada .rgpd_homepresent .rgpd_tramoa .rgpd_traizq .rgpd_tralogofm { margin-top: 20px; display: inline-block; float: right; width:350px; } .portada .rgpd_homepresent .rgpd_tramoa .rgpd_trader { width: 475px; float: right; display: inline-block; height: 568px; } .portada .rgpd_homepresent .rgpd_tramoa .rgpd_trader .rgpd_tralogocm { margin-top: 20px; display: inline-block; float:left; width:390px; } .portada .rgpd_homepresent .rgpd_tramoa .rgpd_trader .rgpd_tratxtcm { display: block; text-align: left; font-size: 32px; width: 440px; float: left; margin-top: 10px; font-weight: 300; font-family: 'Roboto', sans-serif; height:129px; } .portada .rgpd_homepresent .rgpd_tramoa .rgpd_trader .rgpd_traimgfm { display: inline-block; margin-top: 6px; } .portada .rgpd_homecm1 { display: block; width: 960px; margin: 70px auto; text-align: center; position: relative; } .portada .rgpd_homecm1 img{ width:390px; } .portada .rgpd_homecm1 .rgpd_homecm1txt { display:block; font-size:18px; margin-top:35px; line-height:30px; } .portada .rgpd_homecm1 .rgpd_homecm1tit { display: block; font-size: 32px; text-transform: uppercase; color: #939393; margin-bottom: 40px; } .portada .rgpd_homecm1 .rgpd_homecm1caract { display: inline; float: left; width: 465px; overflow: hidden; text-align: left; font-size: 18px; height: 35px; margin-bottom: 35px; margin-right: 15px; } .portada .rgpd_homecm1 .rgpd_homecm1caract .rgpd_homecm1carimg{ vertical-align:middle; margin-right:15px; width:32px; } .portada .rgpd_heightcm1 { height:450px; } .portada .rgpd_homecm1 .rgpd_espaciobtn { display: inline-block; margin-top: 45px; width:100%; } .portada .rgpd_homecm1 .rgpd_espaciobtn a.rgpd_sabermas { color: #ffffff; padding: 20px 100px; border-radius: 15px; font-size: 18px; background-color: #2b9fd3; font-weight: lighter; cursor: pointer; transition: opacity 0.5s; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; -ms-transition: all ease 0.5s; transition: all ease 0.5s; } .portada .rgpd_homecm1 .rgpd_espaciobtn a.rgpd_sabermas:hover { -webkit-transition: all ease 0.7s; -moz-transition: all ease 0.7s; -o-transition: all ease 0.7s; -ms-transition: all ease 0.7s; transition: all ease 0.5s; background-color: #a3dfff; color: #000000; } .portada .rgpd_homecm1 .rgpd_espaciobtn a.rgpd_sabermasfm { background-color: #ea7b68; } .portada .rgpd_homecm1 .rgpd_espaciobtn a.rgpd_sabermasfm:hover { background-color: #ffb6a3; } .portada .rgpd_homecm2 { display: block; background-image: url(images/fondo_cookieman.jpg); background-position: center; max-height:962px; overflow:hidden; } .portada .rgpd_homecm2 .rgpd_expvisual, .portada .rgpd_homecm3 .rgpd_expvisual { width: 960px; margin: 0 auto; text-align: center; position: relative; padding: 50px 0; } .portada .rgpd_homecm2 .rgpd_expvisual .rgpd_expimgizq, .portada .rgpd_homecm3 .rgpd_expvisual .rgpd_expimgizq { display: inline-block; float: left; width:458px; } .portada .rgpd_homecm2 .rgpd_expvisual .rgpd_exptxtdch, .portada .rgpd_homecm3 .rgpd_expvisual .rgpd_exptxtdch { display: inline-block; float: right; width: 460px; text-align: left; margin-top: 70px; color: #ffffff; font-size: 18px; line-height: 30px; } .portada .rgpd_homecm2 .rgpd_expvisual .rgpd_exptxtdch .rgpd_exptittxt, .portada .rgpd_homecm2 .rgpd_expvisual .rgpd_exptxtizq .rgpd_exptittxt, .portada .rgpd_homecm3 .rgpd_expvisual .rgpd_exptxtdch .rgpd_exptittxt, .portada .rgpd_homecm3 .rgpd_expvisual .rgpd_exptxtizq .rgpd_exptittxt { font-weight: bold; display: block; } .portada .rgpd_homecm2 .rgpd_expvisual .rgpd_expimgdch, .portada .rgpd_homecm3 .rgpd_expvisual .rgpd_expimgdch { display: inline-block; float: right; } .portada .rgpd_homecm2 .rgpd_expvisual .rgpd_exptxtizq, .portada .rgpd_homecm3 .rgpd_expvisual .rgpd_exptxtizq { display: inline-block; float: left; width: 460px; text-align: right; margin-top: 70px; color: #ffffff; font-size: 18px; line-height: 30px; } .portada .rgpd_homecm2 .rgpd_expvisual .extramargintxt, .portada .rgpd_homecm3 .rgpd_expvisual .extramargintxt { margin-top: 120px; } .portada .rgpd_homecm2 .rgpd_expvisual .extramarginimg, .portada .rgpd_homecm3 .rgpd_expvisual .extramarginimg { margin-top: 50px; width: 458px; } .portada .rgpd_lineasep { width: 100%; height: 2px; background-color: #c0c0c0; } .portada .rgpd_homecm3 { display: block; background-image: url(images/fondo_formman.jpg); background-position: center; max-height: 962px; overflow: hidden; } /********************************************************************************************************************************************************** ******************************************************************* COOKIEMANAGER RGPD ******************************************************************** /*********************************************************************************************************************************************************/ .portada .rgpd_cfmtitle { display: block; background-image: url(images/fondo_rgpdCM.jpg); background-position: center; height: 284px; overflow: hidden; text-align: center; } .portada .rgpd_cfmtitleFM { background-image: url(images/fondo_rgpdFM.jpg); } .portada .rgpd_cfmtitle .rgpd_cfmlogo, .portada .rgpd_ayudatitle .rgpd_cfmlogo, .portada .rgpd_preciotitle .rgpd_cfmlogo, .portada .rgpd_contratartitle .rgpd_cfmlogo { margin-top: 90px; display:block; } .portada .rgpd_cfmtitle .rgpd_cfmsubtit, .portada .rgpd_ayudatitle .rgpd_cfmsubtit, .portada .rgpd_preciotitle .rgpd_cfmsubtit, .portada .rgpd_contratartitle .rgpd_cfmsubtit { margin-top: 35px; display: block; font-size:24px; } .portada .rgpd_cfmtitle .rgpd_cfmblanco, .portada .rgpd_preciotitle .rgpd_cfmblanco { color: #ffffff; } .portada .rgpd_cfmintro { display: block; width: 960px; margin: 70px auto; text-align: center; font-size: 18px; line-height: 30px; } .portada .rgpd_cfmintro a { color: #d77b3e; } .portada .rgpd_cfmintro a:hover { color: #f1b133; } .portada .rgpd_cfmintro .rgpd_cfmimgizq { display: inline-block; float: left; width: 458px; } .portada .rgpd_cfmintro .rgpd_cfmtxtdch { display: inline-block; float: right; width: 410px; text-align: left; margin-top: 10px; font-size: 18px; line-height: 30px; } .portada .rgpd_cfmintro .rgpd_cfmimgdch { display: inline-block; float: right; width: 458px; } .portada .rgpd_cfmintro .rgpd_cfmtxtizq { display: inline-block; float: left; width: 410px; text-align: right; margin-top: 10px; font-size: 18px; line-height: 30px; } .portada .rgpd_cfmcaract { display: block; background-color: #2b9fd3; background-position: center; height: 484px; overflow: hidden; text-align: center; color: #ffffff; } .portada .rgpd_cfmcaract2 { background-color: #ea7b68; } .portada .rgpd_cfmcaract .rgpd_cfmerist { display: block; width: 960px; margin: 70px auto; text-align: center; position: relative; } .portada .rgpd_cfmcaract .rgpd_cfmerist .rgpd_cfmtitulo { display: inline-block; font-size: 32px; text-transform: uppercase; color: #ffffff; margin-bottom: 40px; width: 100%; } .portada .rgpd_cfmcaract .rgpd_cfmerist .rgpd_cfmlistctc { display: inline; float: left; width: 465px; overflow: hidden; text-align: left; font-size: 18px; height: 35px; margin-bottom: 35px; margin-right: 15px; } .portada .rgpd_cfmcaract .rgpd_cfmerist .rgpd_cfmlistctc .rgpd_cfmcarimg { vertical-align: middle; margin-right: 15px; width:32px; } .portada .rgpd_cfmbtn { display: inline-block; margin-top: 55px; margin-bottom: 15px; width: 100%; text-align: center; } .portada .rgpd_cfmbtn a.rgpd_cfmcontratar { color: #ffffff; padding: 20px 100px; border-radius: 15px; font-size: 18px; background-color: #0070a2; font-weight: lighter; cursor: pointer; transition: opacity 0.5s; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; -ms-transition: all ease 0.5s; transition: all ease 0.5s; } .portada .rgpd_cfmbtn a.rgpd_cfmcontratar:hover { -webkit-transition: all ease 0.7s; -moz-transition: all ease 0.7s; -o-transition: all ease 0.7s; -ms-transition: all ease 0.7s; transition: all ease 0.5s; background-color: #a3dfff; color: #000000; } .portada .rgpd_cfmbtn a.rgpd_cfmcontratarFM { background-color: #be412b; } .portada .rgpd_cfmbtn a.rgpd_cfmcontratarFM:hover { background-color: #ffb2a3; } /********************************************************************************************************************************************************** ************************************************************************ INFO RGPD ************************************************************************ /*********************************************************************************************************************************************************/ .portada .rgpd_ayudatitle { display: block; background-image: url(images/fondo_rgpdAyuda.jpg); background-position: center; height: 284px; overflow: hidden; text-align: center; } .portada .rgpd_ayuda { display: block; width: 960px; margin: 40px auto; text-align: left; font-size: 16px; line-height: 30px; } .portada .rgpd_ayuda .rgpd_titcm { color: #2b9fd3; margin-bottom:30px; } .portada .rgpd_ayuda .rgpd_titfm { color: #ea7b68; margin-bottom: 30px; } .portada .rgpd_ayuda .rgpd_ayudamintit { background-color: #d2f1ff; padding: 5px 0 5px 15px; border-radius: 5px; font-weight: bold; } .portada .rgpd_ayuda .rgpd_ayudamintitfm { background-color: #ffe2d2; padding: 5px 0 5px 15px; border-radius: 5px; font-weight: bold; } .portada .rgpd_ayuda p { margin-bottom: 20px; line-height: 31px; } .rgpd_minmenu { display: block; float: right; margin-top: -40px; padding: 5px 15px; background-color: #f1b133; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; } .rgpd_minmenu a{ color: #333333 !important; } .rgpd_minmenu a:hover { color: #ffffff !important; } /********************************************************************************************************************************************************** ********************************************************************** PRECIOS RGPD *********************************************************************** /*********************************************************************************************************************************************************/ .portada .rgpd_preciotitle { display: block; background-image: url(images/fondo_rgpdPrecios.jpg); background-position: center; height: 284px; overflow: hidden; text-align: center; } .portada .rgpd_ayuda .rgpd_cmpre1{ display:inline-block; width:360px; border:2px solid #edf0f1; text-align:center; background-color:#ffffff; border-radius:6px; font-size:14px; vertical-align: top; } .portada .rgpd_ayuda .margin113 { margin-left: 113px; } .portada .rgpd_ayuda .rgpd_cmpre2{ width:310px; } .portada .rgpd_ayuda .rgpd_cmpre1 .rgpd_cmpreicon { display: block; background-color: #5ba0b6; border-top-right-radius: 6px; border-top-left-radius: 6px; padding-top: 15px; } .portada .rgpd_ayuda .rgpd_cmpre1 .rgpd_cmpreicon2 { background-color: #d5a74b; } .portada .rgpd_ayuda .rgpd_cmpre1 .rgpd_cmpreicon3 { background-color: #b65b77; } .portada .rgpd_ayuda .rgpd_cmpre1 .rgpd_cmpreicon img, .portada .rgpd_ayuda .rgpd_cmpre1 .rgpd_cmpreicon2 img, .portada .rgpd_ayuda .rgpd_cmpre1 .rgpd_cmpreicon3 img { width: 69px; } .portada .rgpd_ayuda .rgpd_cmpre1 .rgpd_cmpretit { display: block; background-color: #5ba0b6; color: #ffffff; font-weight: bold; font-size: 18px; padding: 5px 0 15px; } .portada .rgpd_ayuda .rgpd_cmpre1 .rgpd_cmpretit2 { background-color: #d5a74b; } .portada .rgpd_ayuda .rgpd_cmpre1 .rgpd_cmpretit3 { background-color: #b65b77; } .portada .rgpd_ayuda .rgpd_cmpre1 .rgpd_cmprecant { display: block; background-color: #4d889b; color: #ffffff; font-weight: bold; font-size: 40px; padding: 15px 0; } .portada .rgpd_ayuda .rgpd_cmpre1 .rgpd_cmprecant2 { background-color: #b18939; } .portada .rgpd_ayuda .rgpd_cmpre1 .rgpd_cmprecant3 { background-color: #9b4d65; padding-bottom:23px; } .portada .rgpd_ayuda .rgpd_cmpre1 .rgpd_cmprecant .rgpd_cmpredin { font-size: 18px; font-weight: normal } .portada .rgpd_ayuda .rgpd_cmpre1 .rgpd_cmprefila1, .portada .rgpd_ayuda .rgpd_cmpre1 .rgpd_cmprefila3 { display: block; padding: 15px 0; } .portada .rgpd_ayuda .rgpd_cmpre1 .rgpd_cmprefila2 { display: block; background-color: #edf0f1; padding: 15px 0; } .portada .rgpd_ayuda .rgpd_cmpre1 .rgpd_cmprefila1 a { background-color: #4d889b; color: #ffffff; border-radius: 6px; padding: 15px 20px; } .portada .rgpd_ayuda .rgpd_cmpre1 .rgpd_cmprefila1 a:hover { background-color: #9ae4fc; color: #000000; } .portada .rgpd_ayuda .rgpd_cmpre1 .rgpd_cmprefila3 a { background-color: #b18939; color: #ffffff; border-radius: 6px; padding: 15px 20px; } .portada .rgpd_ayuda .rgpd_cmpre1 .rgpd_cmprefila3 a:hover { background-color: #fbd78e; color: #000000; } .portada .rgpd_ayuda .rgpd_cmpre1 .rgpd_cmprefila1 .desactivado { background-color: #e9e9e9; color: #adadad; border-radius: 6px; padding: 15px 20px; cursor: default; font-weight:bold; } .portada .rgpd_ayuda .rgpd_txtmin { font-size:12px; margin-top:35px; display:block; color: #777777; text-align:right; } .portada .rgpd_ayuda .rgpd_txtmin a { color: #d77b3e; } .portada .rgpd_ayuda .rgpd_txtmin a:hover { color: #f1b133; } .portada .rgpd_ayuda .rgpd_consulta { text-align: center; font-size: 14px; margin-top: 30px; } .portada .rgpd_ayuda .rgpd_consulta a { background-color: #001d4e; color: #ffffff; border-radius: 6px; padding: 10px 55px; margin-top: 10px; display: inline-block; } .portada .rgpd_ayuda .rgpd_consulta a:hover { background-color: #b1c7d2; color: #000000; } .ajustepretty { width: 95%; margin: 1em auto; padding: 1em; white-space: pre-wrap; border-radius: 10px; } pre .tag { color: #edd43a !important;} pre .atv { color: #ff6c5c !important;} pre .atn { color: #36cb0e !important;} pre .str { color: #ff6c5c !important;} pre .kwd { color: #edd43a !important;} /********************************************************************************************************************************************************** ******************************************************************* COOKIEMANAGER RGPD ******************************************************************** /*********************************************************************************************************************************************************/ .portada .rgpd_contratartitle { display: block; background-image: url(images/fondo_rgpdContratar.jpg); background-position: center; height: 284px; overflow: hidden; text-align: center; } .portada .rgpd_registro { display: block; width: 960px; margin: 30px auto; font-size: 18px; /*box-sizing: border-box; margin-bottom: 30px; background-color: #efefef; border-radius: 8px; padding: 30px 20px 20px 20px; height: 300px;*/ } .portada .rgpd_registro .rgpd_regizq{ display: inline-block; width: 460px; float: left; margin-right: 40px; } .portada .rgpd_registro .rgpd_regder { display: inline-block; width: 460px; float: left; } .portada .rgpd_registro .rgpd_regizq .rgpd_campo, .portada .rgpd_registro .rgpd_regder .rgpd_campo { width: 96%; margin: 0 auto; margin-bottom: 0px; display: block; font-size: 14px; margin-bottom: 20px; } .portada .rgpd_registro .rgpd_regizq .rgpd_campo input, .portada .rgpd_registro .rgpd_regder .rgpd_campo input { width: 100%; display: block; padding: 10px 2% 11px; color: #333333; font-weight: bold; border: 2px #6d7585 solid; border-radius: 6px; font-size: 14px; margin-top: 5px; background-color: #fff8f0; } .portada .rgpd_registro .rgpd_regizq .rgpd_campo select, .portada .rgpd_registro .rgpd_regder .rgpd_campo select { width: 100%; display: block; padding: 10px 2% 11px; color: #333333; /*font-weight: bold;*/ border: 2px #6d7585 solid; border-radius: 6px; font-size: 14px; margin-top: 5px; background-color: #fff8f0; } .portada .rgpd_registro .rgpd_titaparte { display: block; font-size: 14px; margin-left: 10px; } .portada .rgpd_registro .rgpd_opciones { width: 100%; margin: 0 auto 50px; display: block; text-align: center; } .portada .rgpd_registro .rgpd_opciones input[type="radio"] { display: none; } .portada .rgpd_registro .rgpd_opciones input[type="radio"] + label { display: inline-block; background-color: #d5d5d5; border-color: #ddd; color: #a5a5a5; width: 250px; /*margin: -2px;*/ font-size: 18px; padding: 10px 0px 10px 25px; margin: 15px 20px; border-radius: 6px; } .portada .rgpd_registro .rgpd_opciones input[type="radio"]:checked + label { /*background-image: none;*/ background-color: #d77b3e; color: #ffffff; width: 250px; font-weight: bold; font-size: 18px; padding: 10px 0px 10px 25px; } .portada .rgpd_registro .rgpd_opciones .inputizq { background-image: url(images/icono_transfer.png); background-position: 20px center; background-repeat: no-repeat; background-size: 30px; } .portada .rgpd_registro .rgpd_opciones input[type="radio"]:checked + label.inputizq { background-image: url(images/icono_transfer2.png); background-position: 20px center; background-repeat: no-repeat; background-size: 30px; } .portada .rgpd_registro .rgpd_opciones .inputcentro { background-image: url(images/icono_banco.png); background-position: 20px center; background-repeat: no-repeat; background-size: 25px; } .portada .rgpd_registro .rgpd_opciones input[type="radio"]:checked + label.inputcentro { background-image: url(images/icono_banco2.png); background-position: 20px center; background-repeat: no-repeat; background-size: 25px; } .portada .rgpd_registro .rgpd_opciones .inputder { background-image: url(images/icono_tpv.png); background-position: 50px center; background-repeat: no-repeat; background-size: 35px; } .portada .rgpd_registro .rgpd_opciones input[type="radio"]:checked + label.inputder { background-image: url(images/icono_tpv2.png); background-position: 50px center; background-repeat: no-repeat; background-size: 35px; } .portada .rgpd_registro .rgpd_regder .rgpd_preciototal { display: block; color: #696969; font-weight: bold; font-size: 40px; padding-top:10px; } .portada .rgpd_registro .rgpd_regder .rgpd_preciototal .rgpd_precioanyo { font-size: 18px; font-weight: normal; } hr { border-top: 1px solid #ddd; margin:20px 0; } .portada .rgpd_rgpd { display: block; width: 960px; margin: 30px auto; text-align: left; font-size: 10px; padding-right: 10px; line-height: 13px; } .portada .rgpd_rgpd .rgpd_rgpdtit { display: block; font-weight: bold; font-size: 14px; margin: 10px 0; } .portada .rgpd_rgpd a { color: #d77b3e; } .portada .rgpd_rgpd a:hover { color: #f1b133; } .portada .rgpd_rgpd .rgpd_rgpdcampo { width: 100%; text-align: left; font-size: 10px; margin: 15px 0 10px 0px; line-height: normal; } .portada .rgpd_rgpd .rgpd_rgpdcampo .rgpd_rgpdconf { margin-top: -17px; display: inline-block; } .portada .rgpd_rgpdbtn { width: 100%; margin: 10px auto 0; margin-top: 0px; overflow: hidden; display: block; text-align: center; } .portada .rgpd_rgpdbtn .rgpd_rgpdenviar { color: #ffffff; width: 207px; display: inline-block; border-radius: 6px; font-size: 18px; margin: 14px 5px 0px 5px; padding: 10px 0px; background-color: #3b3b3b; text-decoration: none; transition-property: background-color, color; transition-duration: 0.5s; transition-timing-function: ease-out; -webkit-transition-property: background-color, color; -webkit-transition-duration: 0.5s; -o-transition-property: background-color, color; -o-transition-duration: 0.5s; } .portada .rgpd_rgpdbtn .rgpd_rgpdenviar:hover { transition-property: background-color, color; transition-duration: 0.5s; transition-timing-function: ease-out; -webkit-transition-property: background-color, color; -webkit-transition-duration: 0.5s; -o-transition-property: background-color, color; -o-transition-duration: 0.5s; background-color: #cccccc; color: #2ba3d8; }