/* Core variables and mixins */ @import "variables.less"; @import "mixins.less"; @font-face { font-family: 'arialblack'; src: url('fonts/ariblk-webfont.eot'); src: url('fonts/ariblk-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/ariblk-webfont.woff') format('woff'), url('fonts/ariblk-webfont.ttf') format('truetype'), url('fonts/ariblk-webfont.svg#arialblack') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'arialnarrow'; src: url('fonts/arialnb-webfont.eot'); src: url('fonts/arialnb-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/arialnb-webfont.woff') format('woff'), url('fonts/arialnb-webfont.ttf') format('truetype'), url('fonts/arialnb-webfont.svg#arialnarrow') format('svg'); font-weight: normal; font-style: normal; } /*--------------------------------------------------- ETIQUETAS ---------------------------------------------------*/ a{color:@a-troco;} a:hover{color:@a-oscuro; text-decoration:none} body{color:@g-oscuro; } .back-white{padding:10px 5px 7px!important} .exthome .container, .navbar-fixed-top .back-white .container{ width: 100%; padding:0 } .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 100%; max-width:none!important;min-width:none; padding:0; } .navbar-fixed-top .back-black{padding-left:10px!important; padding-right:10px!important; .span2{width:100px} } .wrap, .menu_inf, .medios, .footer, .logosfooter{} body { padding-top: 110px;} h1{font-size:30px; line-height:1em; margin:0 0 5px; font-weight:normal } h3{font-size:22px; line-height:24px; margin:0 0 10px 0; font-weight:normal} .navbar .nav > li.idiomas a{display:inline-block} #myCarousel.carousel { .item{ overflow:hidden; max-height:600px; img{max-width:none;} } .carousel-caption {width:500px; left:50px; div{background: @a-troco; color:@blanco; padding:10px 25px; margin-bottom:20px; .rounded(8px);} &.right{right:50px; left:auto; text-align:right } h2{ font-size: 35px; font-family:'arialblack', Arial; line-height: 30px; font-weight:normal} p{ font-size: 24px; font-family:'arialnarrow', Arial; line-height: 24px; margin:10px 0} .small{font-size:12px; line-height:14px; font-family:Arial} .stop{padding: 8px 12px 4px; line-height:20px;} .sbot{padding: 4px 12px 8px;line-height:20px;} } } /*.autonomos #myCarousel .carousel-caption p{background: #14B83F!important;}*/ .autonomos .formuHome a.btn{background: #14B83F!important; border-color: #14B83F!important;} .emprendes .formuHome a.btn{background: @naranja!important; border-color: @naranja!important;} .zonaBaja{margin-top:20px; margin-bottom:60px; h3{font-size:2.3em; font-family: "Arial Narrow", Arial, sans-serif; margin-bottom:30px; span{font-size:1.3em; color:@a-troco; margin-right:5px} } p{margin-right:40px} a{color:@g-oscuro; text-decoration:underline; &:hover{text-decoration:none;} } ul{margin-bottom:30px} .subtit, .smas{color:@a-troco; font-weight:bold;} .subtit{padding:10px 0 10px 60px;} .smas{margin:10px 0 0} .pasAbr, .pasFin{ul{margin-bottom:50px}} .pasAbr, .pasFin , .pasDis{subtit{margin-top:30px}} .pasAbr{ .subtit{background:url(../img/ih1.png) no-repeat} } .pasFin{ .subtit{background:url(../img/ih2.png) no-repeat} } .pasDis{ .subtit{background:url(../img/ih3.png) no-repeat} } .pasDev{ .subtit{ background:url(../img/ih4.png) no-repeat} p{margin-right:0} } } .medios, .convenios{ margin:40px 0; h3{;font-size:2.3em; font-family: "Arial Narrow", Arial, sans-serif; margin-bottom:20px; line-height:1.1em;} } .cifras{margin-bottom:40px ; h3{font-size:2.3em; font-family: "Arial Narrow", Arial, sans-serif; margin-bottom:20px; line-height:1.1em; span{font-size:.5em; float:right} } .num{margin-right:20px; &:last-child{margin-right:0} .cifra{font-size:1.5em; font-weight:bold; text-align:right; color:@g-medio; margin-bottom:5px; border-top:1px solid @a-muyoscuro; padding-top:10px; padding-left:10px; span{visibility:hidden} } .ctit{font-size:.9em; color:@blanco; background:@a-troco; padding:3px 15px; text-align:center} i{display:inline-block; height:10px; width:10px; margin-left:2px; vertical-align:top; &.sube{background:url(../img/sube.png) no-repeat } &.igual{background:url(../img/igual.png) no-repeat left 1px} } } .pull-right .num{margin-left:20px; margin-right:0; &:first-child{margin-right:0} } } .cifras.russian{ .cifra{font-size: 1em !important;} .ctit{font-size: .8em !important;} } .sectores{margin-bottom:60px; h3{font-size:2.3em; font-family: "Arial Narrow", Arial, sans-serif; margin-bottom:20px; line-height:1.1em;} .top-sectores{margin-bottom:20px; overflow:hidden; ul, li{margin:0; padding:0;} li{display:block; float:left; list-style:none;margin:2px 0 2px 4px; &:first-child{margin-left:0} } a{background:@a-muyoscuro; display:block;width:37px; height:37px; &:hover{background:@a-oscuro} } } .cjgris{margin:0; padding:25px 0} .secs{font-size:1.1em; margin-bottom:5px } } .videos{background:#E1EBF1; margin-bottom:45px; .rounded(6px); /*.span2{margin-left:58px; border:1px solid @g-claro1 }*/ .span2{margin:0; padding:20px 10px; &:first-child{padding-left:20px; margin-left:30px} img{ border:1px solid @g-claro1;} } .span10, .span11{float:none; margin:0 auto} } .convenios{margin-bottom:40px; border-top:1px solid @g-claro2; padding-top:35px;} .accesib{margin-bottom:40px; border-top: 1px solid @g-claro2; padding:40px 0 0; .span3{font-size:1.7em; color:@a-muyoscuro; line-height:1.1em} .span2{margin-left:10px; width:190px; color:@a-muyoscuro; &.raton{width:180px;} &.tablet{margin-right:10px} .span1{ margin:0} } .tit{font-size:.9em; margin-top:5px; font-weight:bold} .text{font-size:.7em; line-height:1.4em; margin-top:10px; width:51%; &.phone{font-size:.8em; font-weight:bold; margin-top:20px} } } .rsc{ .programa{font-size:1.8em; margin-top:125px; } span{font-weight:bold; } .big{color:@blanco} .red{color:@rojo} .blu{color:@a-troco} .cjgris{margin:60px 0 0} .imgtodo{margin-bottom:60px;} .blvent{margin-bottom:50px} ul{margin:30px 0} li{margin-bottom:10px; margin-left:25px} } .blvent{margin-bottom:50px} /*.headSec{ height:100px; background:@a-troco; margin-bottom:30px; h2{color:@blanco; line-height:100px; margin: 0 15px; font-family: "arialblack", Arial, sans-serif; font-weight:normal; font-size:2.5em} }*/ .headSec{ height:300px; margin-bottom:50px;background:#f1f2f4; overflow:hidden; h2{font-family:'arialblack', Arial, sans-serif; color:@a-oscuro; padding:10px 20px ; background: rgba(255, 255, 255, 0.9); width:100%; margin:220px 0 0 ; font-size:2em} } .cabmov{ background:url(../img/cabmovil.jpg) no-repeat center!important;} .cabfaqs{ background:url(../img/cabfaqs.jpg) no-repeat right!important; } .cabempleo2{background: url(../img/cabempleo.jpg) no-repeat left!important;} .cabrto{background:url(../img/cabrto.jpg) no-repeat right!important;} .cabque{ background:url(../img/queesB.jpg) no-repeat center!important; h2{display:none} } .cabqueen{ background:url(../img/queesB_en.jpg) no-repeat center!important; h2{display:none} } .cabqueen.russian{ background:url(../img/queesB_ru.jpg) no-repeat center!important; h2{display:none} } .cabque2{ background:url(../img/quees2.jpg) no-repeat right!important;} .cabque3{ background:url(../img/imgfras.jpg) no-repeat center!important; margin-bottom:0} .cabven{background:url(../img/ven.jpg) no-repeat left!important; margin-bottom:0} .cabven1{background:url(../img/ven2.jpg) no-repeat right!important;} .cabven2{background:url(../img/ven2.jpg) no-repeat right!important;} .cabven3{background:url(../img/imgcomprom.jpg) no-repeat center!important; margin-top:-80px; margin-bottom:80px} .cabcuenta{background:url(../img/cabcuenta.jpg) no-repeat right!important; margin-bottom:50px} .cabnob{background:url(../img/nob.jpg) no-repeat center!important;} .cabconv{background:url(../img/cabconv.jpg) no-repeat right!important;} .cabrsc{background:url(../img/cabrsc.jpg) no-repeat right!important;} .cabctc{background:url(../img/mapa1.jpg) no-repeat center!important; margin-bottom:0} .cabctc2{background:@a-troco; height:60px!important; margin-bottom:40px} .cabctc3{background:url(../img/mapa2.jpg) no-repeat center!important;margin-bottom:60px} .cabreg{background:url(../img/collage.jpg) no-repeat center!important;margin-bottom:60px} .cabregInt{ font-family: 'arialblack', Arial, sans-serif; color: #2872aa; padding: 0 20px 15px 0; background: rgba(255, 255, 255, 0.9); margin: 0; font-size: 2em; h2{margin:0; font-size:27px;} } .cabsim{background:url(../img/cabsim.jpg) no-repeat right!important;} .cabaviso{background:url(../img/cabterminos.jpg) no-repeat left!important;} .cabceaje{background:url(../img/cabceaje.jpg) no-repeat left!important;} .cabcepyme{background:url(../img/cabcepyme.jpg) no-repeat left!important;} .cabcrecer{background:url(../img/cabcrecer.png) no-repeat left!important;} .cabpremium{background:url(../img/FALDON_PREMIUM.jpg) no-repeat center center fixed; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; } .hven{background:@a-troco; color:@blanco; padding:10px 20px; margin:30px 0 0; font-family:'arialblack', Arial, sans-serif;} .mayusculas{text-transform: uppercase;} .intpage{ h3{font-size:2.3em; font-family: "Arial Narrow", Arial, sans-serif; line-height: 1em; &:first-child{margin-bottom:25px;} } .opciones_idi_pais{font-size: .7em;} .blue-box{ color: @blanco; background-color: @a-oscuro;padding: 20px 30px;margin-bottom:15px; .rounded(20px); h4{font-size:22px;margin-bottom:20px} p{margin-bottom:5px} } } .faqs{ h3{margin-top:50px} h3:first-child{margin-bottom:10px!important;} a{font-weight:bold} .cjfaq{margin-bottom:30px; p{margin:7px 0 0} div {margin:0 0 15px; p{margin:0} } } .faqRes{margin-top:10px; border-top:1px solid @g-claro1;border-bottom:1px solid @g-claro1 ; .tit{margin:15px 10px 0 10px} .preg{font-size:1.5em; color:@a-oscuro; line-height:1.1em; } div{font-size:1.2em; color:@g-medio; padding:10px 0 0 10px; margin:0 15px 20px 15px; li, p{margin-bottom:5px} } } .faqRes2{margin:10px 0!important; background:@g-claro2; overflow:hidden; .rounded(4px); .tit{margin:15px 20px 5px; color:@g-oscuro; font-size:1.1em; font-weight:bold;} div{ margin:0 20px 15px; li, p{margin-bottom:5px} } } .faqRes3{ overflow:hidden; .tit{margin-bottom: 5px; color:@g-oscuro; font-size:1.1em; font-weight:bold;} div{ li, p{margin-bottom:5px} } } .cjgris{margin:20px 0 40px} } .rto{ .cifras{margin-top:30px} } .hierba{height:118px; background:url("../img/RTO.png") ; margin-bottom:0!important} .empleo{margin-bottom:60px; .tit{font-size:1.3em; color:@a-troco; &:hover{color:@a-oscuro} span{color:@g-medio; font-size:.8em; display:block; &:hover{color:@g-medio} } } .text{color:@g-oscuro; padding-right:20px; &:hover{color:@g-medio} } .btn{margin-top:3px;} .oferta{margin-top:30px; padding-top:30px; border-top:1px solid @g-claro2; &:first-child{border:none; padding-top:0; margin-top:10px} } p{margin-bottom:5px;} } .movil{margin-bottom:40px; .app1{margin-top:40px; img{margin-left:16px} } .app2{margin-top:20px; img{margin-left:10px} } } .cjgris{background:#E1EBF1; padding:30px 0; margin:20px 0; } .cjblu{background:@a-troco; padding:30px 40px; margin:20px 0; color:@blanco; font-weight:bold; text-align:center} .asist{background:#E1EBF1 url("../img/contacto2.jpg") no-repeat right ; margin-top:40px!important; form{margin-bottom:0} .control-group{margin-bottom:0;} .input-block-level{min-height:25px} } .quees{ .cifras{margin-top:40px} .sectores{margin-top:60px} .cjgris{margin-bottom:0} .zonaBaja{h3{font-size:1.7em;}} .fras{margin:0 0 60px} } .donwhome{ .cifras{margin-top:40px} .sectores{margin-top:60px} .cjgris{margin-bottom:0} .zonaBaja{h3{font-size:1.7em;}} .fras{margin:0 0 60px} } .comparativa{margin-bottom:50px; h3{margin-bottom:10px!important} } .contacto{ padding-top:50px; background:url(../img/imgcont.jpg) no-repeat top right; span{color:@a-troco} li{list-style:none} textarea{height:130px} } .tabcomp{margin-top:20px; .thtab{margin-bottom:0; border-top:2px solid @blanco; a{display:block; background:#E1EBF1; color:@a-muyoscuro; padding:6px 0; text-transform:uppercase;font-size:.9em; font-weight:bold; &:hover{background:@a-gris;} &.active{background:#E1EBF1;} } .caret{ border-top-color:@a-muyoscuro; margin-top:5px} } table { border:none; margin-bottom:20px; border:1px solid @g-claro2; border-top:15px solid #E1EBF1; td{padding:3px 10px; text-align:center;} .small{font-size:.9em; color:@a-muyoscuro} } .blu{color:@a-troco; font-weight:bold} .blu2{color:@a-muyoscuro; font-weight:bold} .blu2{color:@a-muyoscuro; font-weight:bold; background:@a-gris} } .span5.tabcomp {color:@g-medio; margin-top:0; table{border-top-width:1px} td:first-child{font-weight:bold} .blu{font-weight:normal} } .frases{margin-top:20px; margin-bottom:50px; .row{margin-bottom:30px} .big{line-height:1.1em;} .small{font-size:.9em; line-height:1.1em; color:@g-medio} } .division{height:1px; background:@g-claro2} .ventajas{ h3{margin-bottom:20px!important} .blvent{margin-bottom:50px} .blvent2{margin-bottom:80px!important} .cabven1, .cabven2{margin-bottom:0} .cjgris{margin-top:0; margin-bottom:50px; padding:40px 0; li{margin-bottom:8px} } .ventaja{margin-bottom:40px} } .cuentatroco{ .blvent{margin-bottom:50px!important} .blvent2{margin-bottom:80px!important} .cjgris{padding:50px 0 40px} .eje{color:@a-troco; font-weight:bold} .small{font-size:.8em} .requi{ p{font-size:1.1em; font-weight:bold; margin-bottom:5px; color:@a-troco} span{font-weight:normal;} .btn{margin-top:25px; font-size:1.2em} } .condi{ ul{margin-left:0} li{font-size:1.1em; margin-bottom:5px; list-style:none; padding:0} } } .convens{ h3{margin-bottom:40px!important; margin-top:20px!important} .conv{margin-bottom:70px} .logoC{width:17%} .txtconv{margin-top:30px} } .simul{ .cjgris{margin:60px 0} } .avisolegal{margin-bottom:60px; h1{font-size:2.3em; font-family:"Arial Narrow", Arial, sans-serif; } h2{font-size:1.6em; margin-top:40px; font-family:"Arial Narrow", Arial, sans-serif;} h3{font-size: 1.4em; margin-top:20px;} h3{font-size: 1.2em; margin-top:10px;} } .headMov{background:@a-troco url(../img/movil.jpg)no-repeat right} /*--------------------------------------------------- BOTONES ---------------------------------------------------*/ .btn {display: inline-block; *display: inline; padding: 2px 12px; margin-bottom: 0; *margin-left: .3em; font-size: 13px; line-height: 20px;color: @g-oscuro; text-align: center; vertical-align: middle; font-weight:bold; cursor: pointer; background-color: @g-claro2; border: 1px solid @g-claro1; .rounded(4px)} .btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { color: @g-medio; background-color: @g-claro1; *background-color: @g-claro1;} .btn:active,.btn.active { background-color: @g-medio2;} .btn:first-child { *margin-left: 0;} .btn:hover { color: #333333; text-decoration: none; background-color: @a-gris;} .btn:focus { } .btn.disabled, .btn[disabled] { cursor: default; opacity: 0.65; filter: alpha(opacity=65); } .btn-large { padding: 8px 22px; font-size: 16px; } .btn-large [class^="icon-"],.btn-large [class*=" icon-"] { margin-top: 4px;} .btn-small { padding: 2px 10px; font-size: 12px; .rounded(4px)} .btn-small [class^="icon-"], .btn-small [class*=" icon-"] { margin-top: 0;} .btn-mini [class^="icon-"],.btn-mini [class*=" icon-"] { margin-top: -1px;} .btn-mini { padding: 0 6px; font-size: 10px; .rounded(3px)} .btn-block { display: block; padding-right: 0; padding-left: 0;} .btn-block + .btn-block { margin-top: 5px;} input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%;} .btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active { color: @a-troco;} .btn-primary { color: @blanco; background-color: @a-troco; border:1px solid @a-troco} .btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { color: @blanco;background-color: @a-oscuro; border:1px solid @a-oscuro} .btn-primary:active, .btn-primary.active { background-color: @a-troco; } .btn-info { background:@a-muyclaro; color:@a-oscuro; border:1px solid @a-gris; font-size:13px; .caret{border-top-color:@a-oscuro; margin:8px 0 0 7px;} } .btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] { color: @blanco; background-color: @a-dest; border:1px solid @a-dest; } .btn-info:active, .btn-info.active { background-color: #24748c \9; } .btn-nar { color: @blanco; background-color: @naranja; border:1px solid @naranja} .btn-nar:hover{ background:#e37500 !important; text-decoration:none !important; } button.btn, input[type="submit"].btn { *padding-top: 3px; *padding-bottom: 3px; } button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner { padding: 0; border: 0; } button.btn.btn-large, input[type="submit"].btn.btn-large { *padding-top: 7px; *padding-bottom: 7px; } button.btn.btn-small, input[type="submit"].btn.btn-small { *padding-top: 3px; *padding-bottom: 3px; } button.btn.btn-mini, input[type="submit"].btn.btn-mini { *padding-top: 1px; *padding-bottom: 1px; } /*--------------------------------------------------- NAVEGACIÓN ---------------------------------------------------*/ .navbar{ .back-black{background:@a-muyoscuro; input{margin:6px 0 0 5px; height:22px} .span2{width:100px} .btn{ height:28px; font-size:11px} .nav li{background:none; margin-left:10px} .nav li:first-child{margin-left:0} .nav li a{padding:0 12px; margin:6px 0 5px 0; color:@blanco; font-size:14px; height:28px; line-height:28px; font-weight:bold; text-transform:none; .rounded(4px); &:hover{background-color:@g-medio2; } } .nav li.empresas.active a, .nav li.empresas.active a:hover{background-color:@a-troco; } .nav li.autonomos.active a, .nav li.autonomos.active a:hover{background-color:#14b83f; } .nav li.emprendedores.active a, .nav li.emprendedores.active a:hover{background-color:@naranja; } .nav li.empresarias.active a, .nav li.empresarias.active a:hover{background-color:#b0179c; } .nav li.pcomercio.active a, .nav li.pcomercio.active a:hover{background-color:#fb74bb; } .nav li.hosteleria.active a, .nav li.hosteleria.active a:hover{background-color:#666; } form{margin-bottom:0} label{color:@blanco; margin:10px 10px 0 0} } .back-white{background:@blanco; padding-top:10px; .nav{margin:5px 0 ; } li a{color:@g-medio!important; font-weight:bold; margin:10px 0; padding:0 12px; border-left:1px solid @g-claro2; font-size:14px} li:first-child a{border-left:none;} li a:hover, li.open a.dropdown-toggle{background:@g-muyclaro!important} li.idiomas{margin-left:25px;} li.idiomas a{margin:10px 0; padding:0 5px 0 8px; font-size:.9em; &:first-child{border:none} } } .back-blue{background:@a-claro;} .navbar-inner.back-blue{height:40px; li{background:url(../img/sep-azul.png) repeat-y right; padding-right:1px; } a{padding:7px 13px 4px 10px; color:@a-muyoscuro; display:inline-block; line-height:1.6em; font-size:9px; font-family: Arial, Verdana , sans-serif; text-transform:uppercase; text-align:right;} a:hover, .active a{background-color:@a-dest; color:@a-muyoscuro; } span{display:block; font-size:16px; font-family: Calibri, Arial, Verdana , sans-serif; font-weight:bold} .logo{ background:none; a{padding:0!important; margin:0!important; text-align: left!important;position:relative; height:40px!important; width:70px!important; background-color:transparent!important } img{max-height:40px; max-width:70px; margin: auto 0;position: absolute;top: 0; left: 0; bottom: 0; right: 0} } .sector{background:url(../img/ico-sector.png) no-repeat; width:45px; height:40px; } .valorac{padding-top:5px; padding-bottom:1px; span{font-size:18px; margin:1px 0; padding-right:2px} } /*.compras{background:url(../img/ico-compras.png) no-repeat 8px 9px} .ventas{background:url(../img/ico-ventas.png) no-repeat 80% 8px; span{text-align:left; padding-right:20px} } .prods{background:url(../img/ico-prods.png) no-repeat 10px 8px}*/ .mark{ cursor:default;} a.mark:hover{background-color:@a-claro; } /*.visit{background:url(../img/ico-visitas.png) no-repeat 10px 8px; span{padding-left:20px} }*/ .web{background:url(../img/ico-web.png) no-repeat 8px 8px; color:@a-oscuro; padding:8px 14px 15px 35px; font-size:10px; line-height:1.1em; text-align:center; span{font-size: 13px; margin-top: 6px; font-family: Arial, Verdana , sans-serif;} } .web:hover{color:@a-oscuro; } .perfil{ color:@a-oscuro; padding:8px 14px 15px 12px; font-size:10px; line-height:1.1em; text-align:center; span{font-size: 13px; margin-top: 6px; font-family: Arial, Verdana , sans-serif;} } .perfil:hover{color:@a-oscuro; } .seg{background:url(../img/ico-seguidor.png) no-repeat 9px 10px; padding:12px 12px 14px ; span{padding-left:20px} } .contact{padding:10px 7px 7px; .caret{border-top-color: @a-troco; margin-top:8px} } .mensas{background:url(../img/mensas.png) no-repeat; width:200px; height:40px; display:block} .invit{background:url(../img/inv.png) no-repeat 10px 7px; text-align: center; width: 35px; span{text-align:right} } } .sel_pais_idioma{ padding-top: 5px; a{ padding: 0 12px; margin: 6px 0 5px 0; color: #ffffff !important; font-size: 14px; height: 28px; line-height: 28px; text-transform: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } } } #form_mi_perfil .btns input{margin-right: 3px !important;} /*Iconos*/ .iHerr{background:url(../img/ico-herr.png) no-repeat; width:16px; height:16px; display:inline-block; margin:3px 6px 0 5px } .iStar{background:url(../img/ico-star.png) no-repeat; width:13px; height:13px; display:inline-block; margin-left:1px} .iStarB{background:url(../img/ico-starB.png) no-repeat; width:13px; height:13px; display:inline-block; margin-left:1px} .iCont{background:url(../img/ico-cont.png) no-repeat; width:29px; height:19px; display:inline-block; margin-right:3px} .iCloseB{background:@a-muyoscuro url(../img/ico-closeb.png) no-repeat center; width:7px; height:7px; display:block; margin:5px 35px 0 2px; padding:4px; .rounded(3px) } /*Dropdown menu*/ .dropdown .caret{border-top-color:@g-oscuro!important; border-bottom-color:@g-oscuro!important} .dropdown-menu{min-width:180px} .dropdown-menu li > a{border-top:1px solid @g-claro2; padding:3px 15px} .dropdown-menu li:first-child > a, .dropdown-menu li.special:first-child{border-top:none} .dropdown-menu li:last-child > a{.rounded(0 0 6px 6px)} .dropdown-menu li > a:hover, .dropdown-menu li > a.blue:hover, .dropdown-menu li > a.bluec:hover{background:@a-dest; color:@a-muyoscuro} .dropdown-menu li > a.blue{background:@a-dest; border-top-color:@g-medio2; font-weight:bold} .dropdown-menu li > a.bluec{background:@a-claro; border-top-color:@g-medio2; font-weight:bold} .dropdown-menu li.special{ width:190px; padding:10px 15px 5px; border-top:1px solid @g-claro2; a{border-top:none} a:hover{background:none} .img{ padding:0; border:1px solid @g-medio; display:inline-block; span{width:40px; height:40px;display:table-cell;vertical-align:middle;} img{vertical-align:middle;} } p{display:inline-block; max-width:130px; margin-left:10px; font-size:.85em; font-weight:bold; white-space:normal; line-height:1em; vertical-align:top} .nombre{color:@g-oscuro; min-height:15px; cursor:pointer; padding-top:3px; display: block;} .nombre:hover{color:@a-oscuro} .enl{margin-top:5px; display:block; color:@g-medio2; cursor:pointer; margin-top: 5px;} .enl:hover{ color:@a-medio} } .btn-group.open .btn-info.dropdown-toggle{background:@a-medio; color:@blanco;} .btn-group.open .caret{border-top-color:@g-oscuro} .btn-group:hover .caret{border-top-color:@g-oscuro} /*pestañas*/ .nav{margin-bottom:15px} .nav-tabs > li > a {padding:10px 15px; line-height: 1em; background:@g-medio; color:@blanco; border:none; text-transform:uppercase; margin-right:10px; .rounded(4px)} .nav-tabs > li > a:hover {background:@a-medio;} .nav-tabs > .active > a, .nav-tabs > .active > a:hover { cursor: default; background-color: @a-troco; color:@blanco; border:none; position: relative;} .nav-tabs > .active > a:after { top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .nav-tabs > .active > a:after { border-color:transparent; border-top-color: @a-troco; border-width: 7px; left: 20px; margin-left: -7px; } /*---------------------------------------------------- HOME ---------------------------------------------------------*/ .exthome{ .zona01{height:422px; margin-bottom:40px; h1{margin:40px 0 10px; line-height:1.2em} ul{margin:0 0 20px 15px} li{color:#5e6161; margin-bottom:6px} input{height:25px; line-height:25px} .btn{ width:294px; } .btn-primary{ margin-top:13px!important; height:35px;} .span5{width:420px} .span4{margin:0 0 0 15px} } .zona02, .zona05{margin-left:10px} .zona03, .zona04, .zona06, .zona07{margin-left:35px} .zona02, .zona03, .zona04, .zona05, .zona06, .zona07{ color:#5e6161; font-size:13px; &.span4{width:30%} h3{color:#444} span{color:@a-troco} a{color:@a-troco;} a:hover{text-decoration:underline} } .zona02{ img{margin: 15px 3px 0 0} } } .empresas{ .zona01{background:url(../img/h_empresa.jpg) no-repeat right} h1{color:@a-troco;} } .autonomos{ .zona01{background:url(../img/h_autonomo.jpg) no-repeat right} h1{color:@naranja;} } .emprendedores{ .zona01{background:url(../img/h_emprende.jpg) no-repeat right} h1{color:#14b83f;} } .empresarias{ .zona01{background:url(../img/h_empresaria.jpg) no-repeat right} h1{color:#b0179c;} } .pcomercio{ .zona01{background:url(../img/h_pcomercio.jpg) no-repeat right} h1{color:#fb74bb;} } .contacto{ .zona01{height: 422px!important; margin-bottom:60px; .span6{width:441px!important} } } .formuempleo{ .zona01{height: 422px!important; margin-bottom:60px; } } .blog{margin-top:20px; .container{border-top:1px dashed @a-gris;; padding-top:20px} h1, h2, h3, h4{color:@a-troco} } .medios{margin-top:40px; .container{border-top:1px dashed @g-medio2;} } .registro{margin: 40px 0 50px; label, input, button, select, textarea{font-size:1em} label{font-weight:bold} /*.margmenos{margin-left: -80px;}*/ select{margin-bottom:20px} label{margin-top:5px} .marg0{margin-bottom:15px; input{margin-bottom:0} } input[type="checkbox"] { margin-top:0;} .small{font-size:.8em} .btn{margin-top:20px} .regDesc{ p.support{color: #3498dc;} .underline{text-decoration: underline;} } .regImg{margin-bottom: 40px;} } #form_mi_perfil{ label, input, select{margin-bottom: 0;margin-top: 0;} button{margin-bottom: 10px;} } .menu_inf{background:@a-troco; color:@blanco; font-size:11px; font-weight:bold; padding:40px 0 10px; ul,li{padding:0; margin:0; list-style:none; } ul{float:left; margin-left: 25px/*20px; */; margin-bottom:30px; min-width:60px} ul:first-child{ margin-left:0} a{color:@blanco; &:hover{text-decoration:underline} } .container{position:relative; .priv{margin-left:180px} } } .mobile{width:294px; position:absolute; bottom:-10px; right:0;} .cita{ font-family:'arialblack', Arial, sans-serif; letter-spacing:-1px; font-size:1.2em; margin-bottom:15px} .cName{font-weight:normal; text-align:right; font-size:1.2em; letter-spacing:-1px;} .footer{ .sabermas{ background:#E1EBF1; padding:35px 0 20px; margin-bottom:15px; .tit{font-weight:bold; font-size:1.6em} .btns{margin-top:30px; a{font-size:1.1em; margin-right:30px} } } .footmid{margin-bottom:10px; .container{border-bottom:1px solid @g-claro2;} .redes{ li{display:inline-block; list-style:none; a{width:34px; height:34px; display:block;} .iface{background:url(../img/iface.png)no-repeat} .itwit{background:url(../img/itwit.png)no-repeat} .ilin{background:url(../img/ilin.png)no-repeat} .iblog{background:url(../img/iblog.png)no-repeat} .iplay{background:url(../img/iplay.png)no-repeat} } } .applinks{margin-top:2px;} .idiomas{margin-top:8px; a{font-size: 0.9em; margin: 10px 0; padding: 0 5px 0 8px; font-weight:bold; color:@g-oscuro; border-left:1px solid @g-claro2; &:first-child{border:none} } } } .menuinf{margin-bottom:50px; p{font-size:1.7em; color:@a-muyoscuro; margin-top:10px; padding-right:40px; line-height:1em} ul, li{list-style:none; padding:0; margin:0; } ul{margin-bottom:20px} a{color:@g-oscuro; &:hover{color:@a-oscuro} } h5{font-weight:normal; font-size:1.3em; color:@a-muyoscuro; border-bottom:1px solid @g-claro1; line-height:1.1em} } } .formuHome{position:absolute; z-index:1000; bottom:120px; left:65px; form, p, input{margin:0} p{display:inline-block} .btn{font-size:1.6em} } .frase{font-family:'arialblack', Arial, sans-serif; position:absolute; z-index:1000; bottom:10px; left:0; padding:12px 0 ; background: url(../img/fondo-blanco.png); width:100%; h1{margin:0 0 0 40px; color:@a-oscuro; font-size: 30px; } p{margin:3px 0 0 40px; color:@g-medio; font-size: 18px; } } /*-------------------------------------------------------------------- MEDIAS ---------------------------------------------------------------------------*/ @media (min-width: 1280px) { #myCarousel.carousel { .item{ img{ width:100%} } } .imgtodo{ img{width:100%} } .headSec {background-size:cover!important;} } @media (max-width: 1279px) { body{padding-top:100px} .visible-tablet { display: inherit !important; } .hidden-tablet { display: none !important; } .navbar .brand{width:170px; } .navbar .back-white .nav{margin:0} .navbar .back-white li a{font-size:12px; } .navbar .back-white li.idiomas a{font-size:9px; } .navbar .back-black .nav li{ margin-left:2px} .navbar .back-black .nav li a{padding:0 10px; font-size:11px;} .navbar .back-black .span2{width:80px; font-size:10px} .menu_inf{font-size:10px; padding:15px!important} .menu_inf ul{margin-bottom:0} .exthome .zona03, .exthome .zona04, .exthome .zona06, .exthome .zona07{margin-left:25px} .exthome .zona02, .exthome .zona03, .exthome .zona04, .exthome .zona05, .exthome .zona06, .exthome .zona07{font-size:11px} h3{font-size:18px; line-height:18px} .carousel .big{font-size:15px!important; line-height:15px!important} #myCarousel.carousel .carousel-caption{width:400px; h2{font-size:28px; line-height:28px} p{font-size:20px; line-height:20px} } .frase h1{ font-size:24px} .formuHome { input{width:150px} .btn{font-size:1.4em} } } @media (min-width: 1200px) and (max-width: 1399px) { .cifras{ .num{margin-right:18px; .cifra{font-size:1.4em; margin-bottom:3px } .ctit{font-size:.75em;} } .pull-right .num{margin-left:18px; } } .videos{} .sectores{ .top-sectores{ li{margin:2px 0 2px 3px;} a{width:32px; height:32px;} } } .calcula_ahorro { input.span3, textarea.span3, .uneditable-input.span3{width: 260px!important;} } .accesib{ .span2{margin-left:10px; width:164px; &.raton{width:154px; img{height:60px} } &.tablet{margin-right:10px} .span1{ margin:0; width:60px} } .text{margin-top:7px; width:55%} } } @media (min-width: 1026px) and (max-width: 1199px) { .cifras{ .num{margin-right:10px; .cifra{font-size:1.3em; padding-left:3px; margin-bottom:2px} .ctit{font-size:.7em; padding:0 10px} } .pull-right .num{margin-left:10px; } } .videos{} .sectores{ .top-sectores{ li{margin:2px 0 2px 3px;} a{width:27px; height:27px;} } } .movil{ .span5{width:480px!important} .offset1{margin-left:0!important} } .asist{ /*.span5{width:435px}*/ } #msg_credito{ .pull-right, .pull-left{float:none} a.btn-large{margin-top:10px} } .calcula_ahorro { input.span3, textarea.span3, .uneditable-input.span3{width: 220px!important;} } .accesib{ .span2{margin-left:10px; width:137px; &.raton{width:127px; .span1{width:40px} .text{width:67%} img{height:50px} } &.tablet{margin-right:10px} .span1{ margin:5px 0 0; width:50px} } .text{margin-top:7px; width:62%} } /*.contacto{ input.span3, textarea.span3, .uneditable-input.span3{width:165px} input.span4, textarea.span4, .uneditable-input.span4{width:265px} }*/ .registro{ .input-block-level{min-height:27px} select{margin-bottom:12px!important} input{margin-bottom:2px!important} } } @media (max-width: 1025px) { .registro{ .input-block-level{min-height:25px} select{margin-bottom:10px!important} input{margin-bottom:0!important} } body{padding-top:90px} .navbar-fixed-top{margin-bottom:5px} .back-white{padding:5px 5px 0!important; .nav{margin-top:5px} } #myCarousel.carousel .item img{max-height:410px} #myCarousel.carousel .carousel-caption{width:360px; top: 65px; h2{font-size:24px; line-height:24px; font-weight:normal} p{font-size:16px; line-height:16px} p.small{font-size:10px; line-height:10px} } .formuHome {.btn{font-size:1.2em} } .zonaBaja{ h3{font-size:1.8em; margin-bottom:20px; span{font-size:1.2em; margin-right:5px} } } .intpage{h3{font-size:1.8em; margin-bottom:20px;}} .pasAbr, .pasFin, .pasDis, .pasDev{ .subtit{background:none!important; padding-left:0!important}} .cifras{ h3{font-size:1.8em; margin-bottom:20px;} .num{margin-right:7px; .cifra{font-size:1.3em; padding-left:3px; line-height: 0.9em; margin-bottom: 4px;} .ctit{font-size:.7em; padding:0 9px } i{background-size:100%!important; width:7px} } .pull-right .num{margin-left:7px; } } .medios, .convenios{ h3{font-size:1.8em; margin-bottom:20px;} } .videos{ .span2{margin:0; padding:14px 7px; &:first-child{padding-left:12px; margin-left:20px} img{ border:1px solid @g-claro1;} } } .sectores{ h3{font-size:1.8em; margin-bottom:20px;} .top-sectores{ li{margin:2px 0 2px 2px;} a{width:20px; height:20px;} } } .movil{ .span5{width:380px!important; margin-top:30px} .span6{width:320px!important} .offset1{margin-left:0!important} .app1{margin-top:20px} .app2{margin-top:10px} } /*.contacto{ input.span3, textarea.span3, .uneditable-input.span3{width:106px} input.span4, textarea.span4, .uneditable-input.span4{width:192px} }*/ .cabctc2{margin-top:50px} .asist{ /*.span5{width:325px}*/ } table td, .table td{height:20px!important} .empleo{ .btn-info{padding: 0 5px; } } #msg_credito{ #credito{line-height:1.4em;} .pull-right, .pull-left{float:none} a.btn-large{margin-top:10px} } #msg_beneficio_1, #msg_beneficio_2{ .pull-right, .pull-left{float:none} button{ display: block; width: 100%; margin-left: 0; float:none} } .calcula_ahorro { .pull-right, .pull-left{float:none} input.span3, textarea.span3, .uneditable-input.span3{width: 340px!important;} } .accesib{ .span3{ width:149px; font-size: 1.4em; p{margin:10px 10px 0 0} } .span9{margin:0; width:575px} .span2{margin-left:10px; width:105px; &.raton{width:95px; .span1{width:30px} .text{width:67%} img{height:40px} } &.tablet{margin-right:10px} .span1{ margin:3px 0 0; width:40px;} } .text{margin-top:7px; width:58%; &.phone{font-size: 0.85em; margin-top:15px} } } .btn-info{font-size:.8em; line-height: 2em;} .footer{ .sabermas{ .tit{ font-size:1.5em} .btns{margin-top:35px; a{font-size:1.1em; margin-right:15px} } } } } /*------------------------------------------------------------------ PAGINAS ----------------------------------------------------------------------------*/ /*.extint{ .zona01{height:125px;} h1{color:@a-troco;} h3{height:auto;margin-bottom:20px;} .zonaA{margin-bottom:50px } .zonaB{margin-bottom:50px } .zonaC{margin-bottom:20px } } h1.empresas,h3.empresas,h4.empresas{color:@a-troco;} h1.autonomos,h3.autonomos,h4.autonomos{color:@naranja;} h1.emprendedores,h3.emprendedores,h4.emprendedores{color:#14b83f;} h1.empresarias,h3.empresarias,h4.empresarias{color:#b0179c;} h1.pcomercio,h3.pcomercio,h4.pcomercio{color:#fb74bb;} .vfin{ .zonaA{ h3{height:auto;margin-bottom:20px;} } } .vcom{ .zonaA{margin-bottom:50px } .zonaB{ h3{height:auto} } } .vmar{ .zonaA{ h3{height:auto;} } .zonaB{ h3{} .zona07{h3{margin:0}} } } .solu{ .zonaA{ h3{height:75px} } } .porque{ .zonaA{ h3{height:auto; margin-bottom:25px} } } .como{ .span9{width:700px} h3{height:auto; margin-bottom:20px} .zonaD{margin-bottom:50px} } .contacto{ .formu{margin-left:10px} .control-group{margin:0} label{float:none; font-size:1.1em; margin-bottom:1px; color:@a-muyoscuro; font-weight:bold} h3{margin:40px 0 10px; font-size:20px; height:auto!important} input.span4{margin:0 0 10px 0!important} input.span5, textarea.span5{width:433px!important} .mrgL10{margin-left:10px} .datCont{margin-top:370px; .telefono{font-size:27px; font-weight:bold; color:@a-oscuro; margin-top:7px} } } .contactar{ .zona01{height:110px; margin-bottom:0} ul, li{list-style:none; margin:0; padding:0} h3{height:auto; margin-bottom:25px} } .appm{ .zona01{margin-bottom:10px} h3{height:75px; margin-top:30px; margin-bottom:40px} a{font-weight:bold} p{margin:15px 0} .app1 {margin-top:25px; img{margin-left:15px} } .app2 {margin-bottom:25px; img{margin-left:10px} } .app3{ font-style:italic} } .faqs{ .zona01{margin-bottom:10px} } .rsc{ h3{height:40px} .zonaA { .zona02{ img.logorsc{margin:0 3px 0 0} } .resalt{background:@g-claro3; margin-bottom:10px; padding:15px; p.acenter{margin-bottom:0} strong{font-size:13px} } p{margin-bottom:20px} a{font-weight:bold} } } .rto{ h3{height:110px} .container{background: url(../img/RTO.png) no-repeat bottom; margin-bottom: -40px; padding-bottom: 70px;} .zona01{margin-bottom:0;} .zonaA { p{margin-bottom:20px} a{font-weight:bold} } } .empleo{ .zona01{height:100px; margin-bottom:0} } .empleoformu{ .btn-info{height:20px!important; line-height:20px; margin-top:0!important} }*/ table.compar{width:100%; text-align:center} table.compar th{text-align:center; padding:10px } table.compar img{margin:0!important} /*------------------------------------------------------------- PERFIL -------------------------------------------------------------------*/ .nologo{background:@a-troco} .perfil{ .ficha{float: none; margin: 0 auto; h1{font-size:14px; font-weight:bold} .logo{background:@blanco; border-right:1px solid @g-claro2; padding:5px; .rounded(6px 0 0 6px); div{display: table-cell; text-align: center; vertical-align: middle; height:170px;} } .info{background:@blanco; height:180px; margin-left:10px; .rounded(6px); } .infoPr{width:40%; margin:15px 25px 0 20px; } .infoCont{width:31%; margin:15px 0 0 ; } .icoUser{ margin:8px 0 0; a{display:inline-block; margin-right:6px} } } } .catalogo-perfil{width:100%; background:url(../img/fondo-cat.png) repeat; position:fixed; bottom:0; padding:10px 0 ; .nav-tabs{margin-left:37px; margin-top:5px} .centrado{display:table; margin:0 auto} .next, .prev{ a{width:20px; height:20px; display:inline-block; background:@g-claro2; margin:130px 5px 0; .rounded(2px); &:hover{background:@a-claro;} span{width: 0px; height: 0px; border-style: solid; border-width: 7px 0 7px 7px; border-color: transparent transparent transparent @a-muyoscuro; display:block; margin:3px 0 0 7px} } } .prev{ a{ span{ border-width: 7px 7px 7px 0; border-color: transparent @a-muyoscuro transparent transparent ; display:block; margin:3px 0 0 5px} } } .producto{margin:0 7px; border:1px solid @g-medio; } } .escaparate{margin:10px 0 20px; padding-top:20px; .producto{margin:0 0 8px 8px;} .info{overflow:hidden; clear:both} .infoPr{ margin:20px 0 0 ; .desc{height:auto!important} } .infoCont{ margin-top:15px; padding-top:15px; border-top:1px solid @g-claro2; } .leyenda{clear:both; margin:15px 0; padding-top:15px; border-top:1px solid @g-claro2; li{ width: 90px; height: 27px; padding: 8px 0 0 35px;} } textarea{width:99%} } .numeros{ table{border:none} td{ padding:0 8px;} .span4{width:340px} .inner{margin-right:10px;margin-bottom:10px; text-transform:uppercase; .span4, .span3{background:@a-muyclaro; padding:10px; margin:0; width:310px; .rounded(4px)} .span3{margin-top:10px;} .span5{background:@a-claro; padding:10px; margin:10px 0 0; width:310px; .rounded(4px)} p{margin:0; line-height:1.3em} .cap-pago, .com-venta{font-size:1.1em; line-height:1.1em; background:@blanco; color:@g-oscuro; padding:5px; font-weight:bold; margin:10px 30px 10px 0} .ped-lim{font-size:1.1em; line-height:1.1em; color:@g-oscuro; font-weight:bold;} .com-venta{ .btn{text-decoration:none; text-transform:none; margin-left:0} } .en-proc{margin:0;font-size:.85em} .ped-pend{margin:0; font-size:.85em; line-height:1.2em} .cred{margin:0; font-size:.95em; line-height:1.2em} } .num-der{line-height:1.2em; border:none; margin:0; width:100%; td{padding:0 8px; border:none} tr.cap-pago td{padding:5px} } .num-izq{line-height:1.1em; border:none;margin:0;width:100%; td{padding:0 8px; border:none} tr.com-venta td{padding:5px} } } .numeros-todo { padding-top:10px} .numeros-todo p.empresa{margin-left: 10px; font-size:1.2em; margin-top:5px; .mayus } .numeros-todo table{line-height:1.2em; margin:0; width:95%} .numeros-todo {color:@g-oscuro; padding-top:10px} .numeros-todo p.empresa{margin-left: 10px; font-size:1.2em; margin-top:5px; .mayus } /*------------------------------------------------------- CUENTAS --------------------------------------------------------*/ .cuentas{margin-bottom:15px;width:700px; .span9{width:700px; } } table, .table{border:1px solid @g-claro2; border-top:none; margin-bottom:10px; th{background:@a-medio; border-color:@a-medio; color:@blanco; padding:4px 8px; font-size:13px; height: 15px; text-align:left; a{height:5px} .flechas{margin:0} .flechas .caret-rev, .flechas .caret{ display:block; line-height:1em; margin:4px 0} } h2{ margin-bottom:10px;} td{ padding:6px 8px; border-bottom:1px solid @g-claro2; border-top:none; vertical-align:middle; height: 25px; line-height: 1.1em; vertical-align: middle; p{margin:0 } i{margin-right:10px} } } /*cuentas*/ .cuentas.carrito{margin-top:20px} .solvencia th{background:@g-claro2!important; text-align:left; .mayus; } .grafico{margin-bottom:20px} .cuentas table{} .cuentas .movimientos{margin-bottom:40px; } .cuentas .movimientos a:hover{text-decoration:none} .cuentas .movimientos a:hover .caret2{border-left-color:@a-medio} .buscacuentas .inner {padding:5px 15px 0; margin-bottom:10px; background:@g-claro3} .buscacuentas .inner p{margin:0} .buscacuentas form{margin:0} .buscacuentas .caret{border-top: 5px solid @a-oscuro; margin-top:7px} .buscacuentas input, .buscacuentas label{margin-right:10px; } .buscacuentas a{margin-left:10px} .buscacuentas a.tabb{display:block;margin-bottom:5px; .mayus} .buscacuentas a.tabb:hover{text-decoration:none} .buscacuentas a.active .caret{ border-bottom: 5px solid @a-oscuro; border-right: 6px solid transparent; border-left: 6px solid transparent; border-top:none } .buscacuentas .btn {margin-top:21px} .buscacuentas a:hover .caret{border-top: 5px solid @a-medio;} .buscacuentas a.active:hover .caret{border-top:none;border-bottom: 5px solid @a-medio;} .deudas td{background:@a-claro; border-bottom:1px solid @blanco; padding:5px 8px; .mayus } .mc-seccion{ .cajagris{background:@g-muyclaro; margin-bottom:10px; padding:20px 25px 0; .rounded(6px); label, input{display:inline} input{margin: 0 0 4px;} .span5{width:360px} } } /*Valoraciones*/ .valoraciones{margin-bottom:12px} .valoracion:first-child{border-top:1px solid @g-claro2} .valoracion{padding-top:11px; padding-bottom:5px; border-bottom:1px solid @g-claro2} .valoracion .span2{width:100px} .valoracion.val-resp{padding-left:30px} .valoracion p{margin-bottom:0} .valoracion p.fecha{margin-top:5px} .valoracion p.valor-text{line-height:1.3em; margin-bottom:8px} .valoracion .btn{margin-bottom:10px} .valoracion textarea{resize:none; height:100px} .valoracion .stars{text-align:right;} .stars { margin-bottom:0; margin-top:2px; line-height:1.3em} .stars li{ display:inline-block; list-style:none; height:15px; width:15px} .star{background:url("../img/ico-star.png") no-repeat left;} .starb{background:url("../img/ico-starb.png") no-repeat left;} .starm{background:url("../img/ico-starm.png") no-repeat left;} .top-val{margin-top: 10px; padding-bottom:15px; border-bottom:1px solid @g-claro1} .top-val p{margin-left:27px; margin-bottom:0; font-weight:bold} /*leyenda*/ .leyenda{ li{display: inline-block; font-size: 0.8em; height: 30px; padding: 7px 0 0 35px; } .mini-oferta{background: url(../img/icotopf_02m.png) no-repeat; } .mini-recomendado{background: url(../img/icotopf_05m.png) no-repeat ; } .mini-mejor{background: url(../img/icotopf_04m.png) no-repeat ; } .mini-flash{background: url(../img/icotopf_03m.png) no-repeat ; } .mini-nuevo{background: url(../img/icotopf_01m.png) no-repeat ; } .mini-pdf{background: url(../img/icoPDFm.png) no-repeat ; } .mini-stock{background: url(../img/icoSTOCKm.png) no-repeat ; } } /*ficha empresa completa*/ .ficha{ ul, li{list-style:none; padding:0; margin:0; line-height:1.4em} p{margin:0} .infoPr{ .desc{ line-height:14px; margin-top:4px; height: 57px; overflow:hidden} } .infoCont{ width: 100%; li{ margin:0 20px 5px 0; overflow:hidden} span, a{padding-left:20px; display:block} .person span{background:url(../img/ico-person.png) no-repeat;} .phone {float:left; span{background:url(../img/ico-phone.png) no-repeat;} } .fax {float:left; clear:right; span{background:url(../img/ico-fax.png) no-repeat; } } .cell {float:left; clear:left; span{background:url(../img/ico-cell.png) no-repeat; } } .skype{float:left; clear:right; a{background:url(../img/ico-skype.png) no-repeat; } } .mail {clear:both; a{background:url(../img/ico-mail.png) no-repeat 0 3px; } } .web a{background:url(../img/ico-webm.png) no-repeat;} .locat a{background:url(../img/ico-locat.png) no-repeat;} .cif span{padding-left:0; color:@g-medio} } } .icoUser{ overflow:hidden; a{width:65px; height:15px; display:block; margin-bottom:5px; padding-top:20px; font-size:8px; text-align:center; font-weight:bold; color:@blanco; background-color:@g-claro1; background-repeat: no-repeat; background-position: center 2px; .rounded(4px)} a:hover, .active {background-color:@a-medio} .iSeguir{background-image:url(../img/ico-seguir.png) } .iCliente{background-image: url(../img/ico-cliente.png) } .iProv{background-image: url(../img/ico-prov.png)} .iFav{background-image: url(../img/ico-fav.png)} } /*--------------------------------------------------- PRODUCTO ---------------------------------------------------*/ /*ficha producto*/ .producto{background:@blanco; border:1px solid @g-claro2;width: 170px;margin-bottom:20px; &:hover{cursor:pointer} .imagen{width:170px; height:170px; overflow:hidden; text-align:center; img{max-width:inherit; height:170px} } .inter{padding:7px; overflow:hidden;} p{margin:0; line-height:1.1em} h3{font-weight:bold !important; font-size:12px; color:@a-oscuro; margin:0; line-height:1.2em; height:52px; overflow:hidden; text-align:left; text-transform:uppercase; &:first-letter{text-transform:uppercase;} a{color:@a-oscuro; &:hover{color:@a-troco;} } } .desc{font-size:11px; width:100px; float:left ;color:@g-medio2; height:26px} .foot{padding:0 7px 0 0; background:@a-claro; height:25px} .footbtn{ width:40px; height:25px; display:inline-block; &:hover{background-color:@a-medio} } .comprar, .comprar.disable:hover{background:@a-oscuro url(../img/i_pedido_g.png) no-repeat center; width:41px; } .consulta, .consulta.disable:hover{background:@a-troco url(../img/i_info_g.png) no-repeat center;width:41px} .editar{background:@a-oscuro url(../img/i_edit_g.png) no-repeat center; width:41px; } .precio{text-align:right; color:@a-muyoscuro; width:110px; padding-top:3px; font-size:18px; font-family: Calibri, Arial, Verdana, sans-serif; font-weight:bold} .consultar{text-align:right; color:@a-muyoscuro; width:110px; padding-top:7px;font-size:12px; } .icoSocial{margin-top:6px} .icoProd{margin-top:3px; } } /*ficha producto*/ .servicio{ .foot{background:@g-claro3;} } /*ficha catalogo user*/ .f_catalogo{background:@blanco; h3{ color:@coral; a{color:@coral; &:hover{color:@c-oscuro} } } .imagen{background:@a-troco;} .foot{padding:0 ; background:@blanco; height:25px} .comprar, .comprar.disable:hover{background:@verde url(../img/i_pedido_g.png) no-repeat center; width:41px; } .imprimir, .imprimir.disable:hover{background:@g-medio2 url(../img/i_print_g.png) no-repeat center; margin-left:3px} .enviar, .enviar.disable:hover{background:@g-medio2 url(../img/i_mail_g.png) no-repeat center; margin-left:3px} .guardar, .guardar.disable:hover{background:@g-medio2 url(../img/i_save_g.png) no-repeat center; margin-left:3px} } /*compartir ficha producto/catalogo*/ .icoSocial{ height:16px; overflow:hidden; a, a.disable:hover{width:16px; height:16px; display:inline-block; margin-right:5px; background-color:@a-gris; background-repeat:no-repeat; .rounded(2px)} a:hover{background-color:@a-dest} .iCompartir{background-image: url(../img/ico-compartir.png) ;} .iFacebook{background-image:url(../img/ico-face.png) ;} .iTwitter{background-image: url(../img/ico-twit.png) ;} } /*icono tipo producto*/ .icoProd{width:40px; height:40px;color:@blanco; font-weight:bold; text-align:center; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; span{margin:13px 0 0; display:block; } } .oferta_5{background: url(../img/iconos-oferta_01m.png) no-repeat; } .oferta_10{background: url(../img/iconos-oferta_02m.png) no-repeat; } .oferta_15{background: url(../img/iconos-oferta_03m.png) no-repeat; } .oferta_20{background: url(../img/iconos-oferta_04m.png) no-repeat; } .oferta_25{background: url(../img/iconos-oferta_05m.png) no-repeat; } .oferta_40{background: url(../img/iconos-oferta_06m.png) no-repeat; } .oferta_50{background: url(../img/iconos-oferta_07m.png) no-repeat; } .oferta_2x1{background: url(../img/iconos-oferta_08m.png) no-repeat; } .oferta_3x1{background: url(../img/iconos-oferta_09m.png) no-repeat; } .oferta_3x2{background: url(../img/iconos-oferta_10m.png) no-repeat; } .recomendado{background: url(../img/icotopf_05.png) no-repeat; } .mejor{background: url(../img/icotopf_04.png) no-repeat; } .flash{background: url(../img/icotopf_03.png) no-repeat; } .nuevo{background: url(../img/icotopf_01.png) no-repeat; } .pdf{background: url(../img/icoPDF.png) no-repeat; } .stock{background: url(../img/icoSTOCK.png) no-repeat; } .mval{background: url(../img/icotopf_07.png) no-repeat; } .mseg{background: url(../img/icotopf_08.png) no-repeat; } .mprod{background: url(../img/icotopf_09.png) no-repeat; } .empr{background: url(../img/icotopf_10.png) no-repeat; } /*--------------------------------------------------- PRODUCTO BIG---------------------------------------------------*/ .producto-big{ .galeria{margin-left:30px; .imgPr{ border:1px solid @a-claro; width:410px; height:370px; background:@blanco; display:table-cell; vertical-align:middle; text-align:center; .rounded(4px); img{max-height:370px} } ul, li{list-style:none; margin:0; padding:0} li{display:inline-block; margin:10px 5px 0 0; a{border:1px solid @g-claro1; background:@blanco; .rounded(4px); display:block; padding:2px; &:hover{border:1px solid @a-dest;} img{height:40px; .rounded(4px)} } } } .ficha{margin-right:30px;} .ficha-emp{background:@blanco; border:1px solid @a-claro; margin-bottom:15px; .rounded(4px); h2{display:inline-block; text-align:center; margin:0 0 0 45px; padding:0; vertical-align:top; height:40px; line-height:40px; border:none; a{height:20px; overflow:hidden} } .logoficha {position:relative} img{max-height:40px; max-width:40px; position:absolute; margin:auto 0; top:0; bottom:0; right:0; left:0; .rounded(4px 0 0 4px)} } .ficha-prod{background:@blanco; border:1px solid @a-claro; .rounded(4px); .info{ padding:20px ;} .infoAct{background:@a-muyclaro; border-top:1px solid @a-claro; padding:20px 20px; .rounded(0 0 4px 4px)} h1{font-size:18px; color:@a-troco; min-height:25px; padding:10px } .desc{clear:both; margin-bottom:20px; p{margin:0 0 5px} } .precio{font-size:26px; font-weight:bold; color:@a-oscuro; margin-left:5px; font-family: Calibri, Arial, Verdana , sans-serif; span{display:block; font-size:12px; height:16px; padding-top:3px} .antes{ color:@a-medio; text-decoration:line-through; text-align:center; } .vflash{ color:@g-medio; padding-top: 0; padding-bottom:3px} } .cantidad{margin:13px 0 0; p{margin:0} label{color:@g-medio; margin:3px 10px 0 0} input{width:50px; vertical-align:top} } .comprar{background-image:url(../img/i_pedido_g.png); background-repeat: no-repeat; background-position: 10px center; padding-left:35px} .recomend{background-color:@a-dest; color:@blanco; border-color:@a-dest; background-image:url(../img/i_recomend.png); background-repeat: no-repeat; background-position: 10px center; padding-left:35px; &:hover{background-color:@a-medio; border-color:@a-medio;} } } } #catalogo_imagenes_p img{height: 35px; margin-right: 10px; border:1px solid @blanco} .big{font-size:1.3em; color:@a-troco; } .ocultar{display:none} .marg10{margin:10px 0 20px} .marg20{margin-top:35px} .margT10{margin-top:10px} .margT50{margin-top:50px} .margB25{margin-bottom:25px} .20cient{width:200px} .bloque{overflow:hidden} .acenter{text-align:center} .aright{text-align:right} /*--------------------------------- simuladores --------------------------------------------------------------------------------------*/ .encfinan{background:@a-oscuro; color:@blanco; padding:10px 20px; font-size:1.1em; margin-bottom:0; margin-top:0} .calcula_financiacion{ /*background-image: linear-gradient(right bottom, rgb(215,237,253) 29%, rgb(255,255,255) 65%); background-image: -o-linear-gradient(right bottom, rgb(215,237,253) 29%, rgb(255,255,255) 65%); background-image: -moz-linear-gradient(right bottom, rgb(215,237,253) 29%, rgb(255,255,255) 65%); background-image: -webkit-linear-gradient(right bottom, rgb(215,237,253) 29%, rgb(255,255,255) 65%); background-image: -ms-linear-gradient(right bottom, rgb(215,237,253) 29%, rgb(255,255,255) 65%); background-image: -webkit-gradient( linear, right bottom, left top, color-stop(0.29, rgb(215,237,253)), color-stop(0.65, rgb(255,255,255)) ); background-position: left bottom; background-repeat: no-repeat;*/ /* height: 220px; width: 660px; margin-top:10px;*/ } .calcula_ahorro{ /*background-image: linear-gradient(right bottom, rgb(215,237,253) 29%, rgb(255,255,255) 65%); background-image: -o-linear-gradient(right bottom, rgb(215,237,253) 29%, rgb(255,255,255) 65%); background-image: -moz-linear-gradient(right bottom, rgb(215,237,253) 29%, rgb(255,255,255) 65%); background-image: -webkit-linear-gradient(right bottom, rgb(215,237,253) 29%, rgb(255,255,255) 65%); background-image: -ms-linear-gradient(right bottom, rgb(215,237,253) 29%, rgb(255,255,255) 65%); background-image: -webkit-gradient( linear, right bottom, left top, color-stop(0.29, rgb(215,237,253)), color-stop(0.65, rgb(255,255,255)) );*/ } .calcula_beneficio{ background-image: linear-gradient(right bottom, rgb(215,237,253) 29%, rgb(255,255,255) 65%); background-image: -o-linear-gradient(right bottom, rgb(215,237,253) 29%, rgb(255,255,255) 65%); background-image: -moz-linear-gradient(right bottom, rgb(215,237,253) 29%, rgb(255,255,255) 65%); background-image: -webkit-linear-gradient(right bottom, rgb(215,237,253) 29%, rgb(255,255,255) 65%); background-image: -ms-linear-gradient(right bottom, rgb(215,237,253) 29%, rgb(255,255,255) 65%); background-image: -webkit-gradient( linear, right bottom, left top, color-stop(0.29, rgb(215,237,253)), color-stop(0.65, rgb(255,255,255)) ); } /*.calcula_ahorro input, .calcula_beneficio input{width:180px}*/ .calcula_financiacion div.calcula_financiacion_margen{padding:20px; overflow:hidden; background: @blanco;} .calcula_ahorro div.calcula_financiacion_margen{background: #E1EBF1;} .cjgris { .calcula_ahorro div.calcula_financiacion_margen{background: @blanco;} .calcula_financiacion_margen .msg_credito_2{border-top-color:#E1EBF1} } .calcula_financiacion div.calcula_financiacion_margen2{padding-top:29px; padding-left: 235px;background: url("../img/SIMULADOR_CREDITO3.png") no-repeat left -3px; } .calcula_financiacion div.calcula_financiacion_margen3{padding-top:29px; padding-left: 235px;background: url("../img/movil_simulador2b.png") no-repeat bottom left;} .calcula_financiacion label{color: @a-muyoscuro; font-weight:bold; font-size:.8em} .calcula_financiacion p{margin-bottom:0px;} .calcula_financiacion a.btn{ color:#fff } .calcula_financiacion input[disabled]{ background:none; } .calcula_financiacion button{ -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; margin-top: 0px; vertical-align: top; } h4.financiacion{ margin-bottom:10px } .calcula_financiacion .span9{ width:460px } .calcula_ahorro .span9,.calcula_beneficio .span9{ width:424px } .calcula_ahorro { input.span3, textarea.span3, .uneditable-input.span3{width: 307px;} } /* .calcula_ahorro .pull-right,.calcula_beneficio .pull-right{ min-width:180px } */ /* .calcula_ahorro a.btn-primary ,.calcula_beneficio a.btn-primary{ min-width: 50px; width: 150px; margin:10px 0 0 } */ .calcula_ahorro a.btn-primary :hover,.calcula_beneficio a.btn-primary:hover{ text-decoration:none; } .logo_financiacion{ background: url("../img/minilogo.png") no-repeat top right; overflow:hidden; } .calcula_financiacion #msg_credito{ padding:20px 0 0; margin-top:10px; border-top:1px solid @a-gris; } .calcula_financiacion #msg_credito a.btn{ } .calcula_financiacion #msg_credito a.btn:hover{ text-decoration:none } .calcula_financiacion div.calcula_financiacion_margen2 .acenter, .calcula_financiacion div.calcula_financiacion_margen3 .acenter{margin-top:20px;} .calcula_financiacion .msg_credito_2{ } .calcula_financiacion .msg_credito_2 button.btn-primary{ font-size: .9em; padding:2px 10px; } .calcula_financiacion .msg_credito_2 p{margin-bottom:6px;color: #3498DC;font-size: 10px;} .calcula_financiacion .msg_credito_2 .btn-info{width:140px;} .calcula_financiacion .msg_credito_2 button.btn-primary{} .calcula_financiacion #credito{ font-size:1.3em; font-weight:bold; padding:3px 35px; border:none } .calcula_financiacion .btn-info{ font-size:16px; } /*--------------------------------- CVT - simuladores -----------------------------------*/ .pointerDefault:hover{ cursor:default;} .exthome .calcula_financiacion a:hover{ text-decoration: none} .calcula_financiacion_margen .msg_credito_2{ margin: 20px 0 0; padding:20px 0 0; border-top:1px solid @blanco} .calcula_beneficio .msg_credito_2 a{ margin-top: 5px} /*-------------------------*/ .no-height{ height:auto !important; } .carousel .big{ font-size:19px; line-height:22px; } .extque div{border:1px solid #3498DC; height:115px; width:220px; margin:0 1px;display:inline-block} .exthome .extra_width,.extque div.extra_width{width:300px;} .extque h2{margin-top:30px;} .extque h5{color:#fff;background-color:#3498DC;line-height:35px;} .exthome hr{border-width: 2px 0;} .directorio .zona01 h1{ margin-bottom:40px; } .alfabetic ul { margin:0 !important; } .alfabetic li { display: block; float: left; list-style: none outside none; margin: 2px 1px; background: none repeat scroll 0 0 #35495C; padding:3px 10px; } .alfabetic a{ color:#fff; } .alfabetic{ float:left; margin-bottom:20px; } .directorio .zona01 .empresas .btn{ width:auto; margin: 0 5px; font-size:12px; padding: 2px 8px; } .directorio .empresas li{ list-style: none; background: url(../../img/list-act.png) no-repeat 0 6px; padding-left: 20px; } .directorio .empresas li a{ padding-top:2px; } /*---------------------------------------------------------- SLIDER HOME -----------------------------------------------------*/ #myCarousel { .item{ overflow:hidden; max-height:600px; img{max-width:none;} } .carousel-caption {width:500px; left:50px; div{background: @a-troco; color:@blanco; padding:10px 25px; margin-bottom:20px; .rounded(8px);} &.right{right:50px; left:auto; text-align:right } h2{ font-size: 35px; font-family:'arialblack', Arial; line-height: 30px; font-weight:normal} p{ font-size: 24px; font-family:'arialnarrow', Arial; line-height: 24px; margin:10px 0} .small{font-size:12px; line-height:14px; font-family:Arial} .stop{padding: 8px 12px 4px; line-height:20px;} .sbot{padding: 4px 12px 8px;line-height:20px;} } } @media (max-width: 1025px) { #myCarousel .item img{max-height:410px} #myCarousel .carousel-caption{width:360px; top: 65px; h2{font-size:24px; line-height:24px; font-weight:normal} p{font-size:16px; line-height:16px} p.small{font-size:10px; line-height:10px} } } @media (max-width: 1279px) { #myCarousel .carousel-caption{width:400px; h2{font-size:28px; line-height:28px} p{font-size:20px; line-height:20px} } } @media (min-width: 1280px) { #myCarousel { .item{ img{ width:100%} } } } h1,h2,h3,h4,h5,h6{ font-weight:normal !important; } .modal-header{ h3{font-size: 1.8em; padding: 6px 0;} } .modal-body{ .w50{width:47%; p{margin-bottom:15px} } .w70{width:70%; } .w30{width:30%; } .modaldest{background:#E1EBF1; padding:5px 15px; .rounded(4px); table{margin: 0; border:none; width: 100%; tr{border-top:1px solid @a-gris!important; &:first-child{border:none!important;} } td{border-bottom:none; padding:10px 0;} } .w70{font-size:.8em; } .w30{font-weight:bold; text-align:right; color:@a-oscuro } } .input-block-level {min-height: 26px; font-size:.8em; margin:0} label{font-size:.7em; font-weight:bold} } @media (max-width:1025px){ .modal-header{ h3{margin-bottom:0!important} } .modal-body{ .input-block-level {min-height: 25px; font-size:1em; } label{font-size:1em; font-weight:bold} } } .add-more{margin-bottom:15px;margin-top:0px !important} .no-margin{margin:0}