@charset "utf-8"; body { -webkit-font-smoothing: antialiased; background-color: #f5f5f5; } body a { outline: 0px !important; } .navbar-default { background-image: url(/public/img/navbar-line-background.png); background-repeat: repeat-x; background-color: white; border-color: #d8dfe5; } .navbar { min-height: 82px; -webkit-user-select: none; } .navbar-default .navbar-brand { background-image: url(/public/img/navbar-logo.png); background-repeat: no-repeat; padding: 7px 0 0 37px; /*margin: 24px 32px 0 0;*/ color: black; font-weight: bold; font-weight: 500; font-size: 20px; height: 30px; letter-spacing: -1px; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #444; } .navbar-default .navbar-nav > li > a { color: #428bca; text-transform: uppercase; font-size: 13px; /* margin-top: 5px; margin-top: 21px;*/ -webkit-font-smoothing: subpixel-antialiased; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #5bc1de; } .navbar-nav > li > a { padding: 8px 7px 12px; } .navbar-form input[type=search] { background-image: url(/public/img/navbar-icon-search.png); background-repeat: no-repeat; background-position: 6px 7px; height: 27px; border-radius: 3px; font-size: 12px; border-color: #d8dfe5; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); padding: 2px 0 0 22px; color: #42494e; } .navbar-form input[type=search]:focus { border-color: #8e98a0; } .form-control::-moz-placeholder { color: #b1b8bd; opacity: 1 } .form-control:-ms-input-placeholder { color: #b1b8bd; } .form-control::-webkit-input-placeholder { color: #b1b8bd; } .navbar-form { margin-top: 24px; } .navbar .avatar { display: block; /* width: 32px; height: 32px; */ background-color: white; margin: 7px 0 0 8px; /* border: 1px solid #d8dfe5; border-radius: 30px; */ /*ya no se usa, validacion img directamente en Encabezado // background-image: url(/public/img/navbar-avatar.png); */ background-repeat: no-repeat;/* background-position: 3px 2px; */ } .avatar_usuario { width: 32px; height: 32px; border: 1px solid #939ca4; border-radius: 30px; } .navbar-nav .avatar { display: block; width: 30px; height: 30px; background-color: white; margin: 22px 0 0 16px; border: 1px solid #d8dfe5; border-radius: 30px; background-image: url(/public/img/navbar-avatar.png); background-repeat: no-repeat; background-position: 3px 2px; } .main-wrapper { margin-top: 135px; } .main-wrapper .container { min-height: 600px; } .navbar-toggle { margin-right: 0; margin-top: 20px; } .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5 { padding: 0; margin: 15px 0 0 16px; } .bxslider-container .photo, .main-wrapper section .photo, .main-wrapper section .photo-bienes-raices, .flyer .photo { height: 310px; background-color: #42494e; /* border-radius: 4px 4px 0 0; */ background-size: auto 100%; background-size: cover; background-position: center top; background-repeat: no-repeat; } .bxslider-container .details { background-color: white; border-radius: 0 0 4px 4px; border: 1px solid #d8dfe5; border-top: none; padding: 12px 24px; } .bx-wrapper { margin: 0; } .bx-wrapper .bx-viewport { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none; left: 0; background-color: transparent; } .bx-wrapper .bx-controls-direction a { top: 87px; width: 16px; height: 26px; margin: 0; z-index: 1029; } .bx-wrapper .bx-prev, .bx-wrapper .bx-next { opacity: 0.5; background: none; background-repeat: no-repeat; -webkit-transition: 0.2s ease-in-out opacity; } .bx-wrapper:hover .bx-prev, .bx-wrapper:hover .bx-next { opacity: 0.5; } .bx-wrapper .bx-prev { background-image: url(/public/img/slider-control-prev.png); left: 12px; } .bx-wrapper .bx-next { background-image: url(/public/img/slider-control-next.png); right: 12px; } .bx-wrapper .bx-prev:hover, .bx-wrapper .bx-next:hover { opacity: 1.0; background-position: center center; } .bx-wrapper .bx-pager { /* top: 176px; */ position: absolute; bottom: auto; padding-top: 0; } .bx-wrapper .bx-pager.bx-default-pager a { width: 9px; height: 9px; margin: 0 3px; border-radius: 5px; background-color: rgba(255, 255, 255, 0.25); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background-color: white; } .bxslider-container .title { margin-bottom: 6px; } .bxslider-container .title a, .bxslider-container .title a:visited { color: #3165a0; font-size: 20px; line-height: 22px; font-weight: bold; font-weight: 500; } .bxslider-container .title a:hover, .bxslider-container .title a:active { text-decoration: none; color: #428bca; } .bxslider-container .subtitle { font-size: 12px; color: #8e98a0; margin-bottom: 12px; } .bxslider-container .subtitle a, .bxslider-container .subtitle a:visited { color: #428bca; } .bxslider-container .subtitle a:hover, .bxslider-container .subtitle a:active { color: #5bc1de; text-decoration: none; } .bxslider-container .preview { font-size: 13px; color: #42494e; line-height: 19px; margin-bottom: 4px; } .main-wrapper section { overflow: hidden; } .main-wrapper section .header { background-color: #42494e; min-height: 30px; overflow: hidden; text-transform: uppercase; color: white; text-align: center; font-size: 12px; font-weight: bold; font-weight: 500; padding-top: 7px; -webkit-font-smoothing: subpixel-antialiased; border-radius: 4px 4px 0 0; } section .header.top-pad { margin-top: 15px; } .main-wrapper section.color-red .header, .main-wrapper section.color-red .medal { background-color: #d8534e; } .main-wrapper section.color-cyan .header, .main-wrapper section.color-cyan .medal { background-color: #5bc1de; } .main-wrapper section.color-blue .header, .main-wrapper section.color-blue .medal { background-color: #428bca; } .main-wrapper section.color-orange .header, .main-wrapper section.color-orange .medal { background-color: #ff9c5b; } .main-wrapper section.color-orange-red .header, .main-wrapper section.color-orange-red .medal { background-color: #f77941; } .main-wrapper section.color-deep-blue .header, .main-wrapper section.color-deep-blue .medal { background-color: #3165a0; } .main-wrapper section .content { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: white; border-color: #d8dfe5; border-image: none; border-radius: 0 0 4px 4px; border-right: 1px solid #d8dfe5; border-style: none solid solid; border-width: medium 1px 1px; text-align: center;/* border: 1px solid #d8dfe5; /*border-top: none; background-color: white; border-radius: 0 0 4px 4px; text-align: center;*/ } .main-wrapper section a:hover, .main-wrapper section a:active { text-decoration: none; } /* .main-wrapper section.color-red a, .main-wrapper section.color-red a:visited { color: #d8534e; } .main-wrapper section.color-red a:hover, .main-wrapper section.color-red a:active { color: #f77941; } */ .main-wrapper section .content > ul { list-style: none; padding: 0; margin: 0; width: 100%; } .main-wrapper section .content > ul li { padding: 10px 12px 14px; border-bottom: 1px solid #d8dfe5; position: relative; display: block; background-color: #f5f5f5; } .main-wrapper section #listing .content > ul li { border-bottom: 3px solid #d8dfe5; } .main-wrapper section .content > .horizontal li { float: left; } .main-wrapper section .content > .horizontal li { padding: 0; border-bottom: none; border-right: 1px solid #d8dfe5; width: 33.33%; overflow: hidden; } .main-wrapper section .content > .horizontal li:last-child { border-radius: 0 0 4px 0; border-right: none; margin-right: -1px; } .main-wrapper section .content > .horizontal li:nth-child(4) { border-radius: 0 0 0 3px; } .main-wrapper section .content > ul li:nth-child(even) { background-color: transparent; } /* Clasificado Premium */ .main-wrapper section .content > ul li.premium:nth-child(even) { background-color: #fee6bf; } .main-wrapper section .content > ul li.premium:nth-child(even):hover { background-color: #f1dab5; } .main-wrapper section .content > ul li.premium:nth-child(odd) { background-color: #fcebd0; } .main-wrapper section .content > ul li.premium:nth-child(odd):hover { background-color: #e9d9c0; } /* Usuario Premium */ .main-wrapper section .content > ul li.upremium:nth-child(even) { background-color: #d2ddae; } .main-wrapper section .content > ul li.upremium:nth-child(even):hover { background-color: #bcc69c; } .main-wrapper section .content > ul li.upremium:nth-child(odd) { background-color: #c9cc80; } .main-wrapper section .content > ul li.upremium:nth-child(odd):hover { background-color: #b7ba75; } .main-wrapper section .content > ul li.upremium .note .published { color: #783F6B !important; } /* fecha */ .main-wrapper section .content > ul li.upremium .note { color: #8F5F84 !important; } /* precio */ .main-wrapper section .content > ul li.upremium .note2 a { color: #783F6B !important; } /* usuario */ /* Usuario Empresa */ .main-wrapper section .content > ul li.unegocio:nth-child(even) { background-color: #feba9a; } .main-wrapper section .content > ul li.unegocio:nth-child(even):hover { background-color: #e0a488; } .main-wrapper section .content > ul li.unegocio:nth-child(odd) { background-color: #fea977; } .main-wrapper section .content > ul li.unegocio:nth-child(odd):hover { background-color: #dc9267; } .main-wrapper section .content > ul li.unegocio .note .published { color: #247659 !important; } /* fecha */ .main-wrapper section .content > ul li.unegocio .note { color: #419074 !important; } /* precio */ .main-wrapper section .content > ul li.unegocio .note2 a { color: #247659 !important; } /* usuario */ .main-wrapper section .content > ul li:hover { background-color: #E1E1E1; } .main-wrapper section .content > .horizontal li:nth-child(3) { border-right: none; margin-right: -1px; } .main-wrapper section .content > .horizontal li:nth-child(4), .main-wrapper section .content > .horizontal li:nth-child(5), .main-wrapper section .content > .horizontal li:nth-child(6) { border-top: 1px solid #d8dfe5; } .main-wrapper section .content > ul li:last-child { border-radius: 0 0 3px 3px; } .main-wrapper section .date { text-transform: uppercase; font-size: 11px; font-weight: bold; font-weight: 500; color: #b1b8bd; margin-bottom: 2px; } .main-wrapper section .title, .flyer .title { font-size: 14px; line-height: 18px; font-weight: bold; font-weight: 500; } .main-wrapper section .horizontal .title { padding: 0 12px; } .main-wrapper section .title a, .main-wrapper section .title2 a, .main-wrapper section .title a:visited, .main-wrapper section .title2 a:visited, .flyer .title a, .flyer .title2 a, .flyer .title a:visited, .flyer .title2 a:visited { color: #42494e; display: inline-block; max-height: 75px; overflow: hidden; } .main-wrapper section .title a:hover, .main-wrapper section .title2 a:hover, .main-wrapper section .title a:active, .main-wrapper section .title2 a:active, .flyer .title a:hover, .flyer .title2 a:hover, .flyer .title a:active, .flyer .title2 a:active { color: #656d74; text-decoration: none; } .main-wrapper section .author { color: #d8534e; font-size: 12px; margin-top: 2px; } .main-wrapper section .number { color: #42494e; font-size: 30px; -webkit-font-smoothing: subpixel-antialiased; letter-spacing: -1px; } .main-wrapper section .number, #skycon { line-height: 30px; margin-top: 12px; vertical-align: top; } .main-wrapper section .note { text-transform: uppercase; font-size: 11px; margin-top: 8px; margin-bottom: 12px; } .main-wrapper section.color-red .note { color: #d8534e; } .main-wrapper section.color-cyan .note { color: #5bc1de; } .main-wrapper section.color-blue .note { color: #428bca; } .main-wrapper section.color-orange .note { color: #ff9c5b; } .main-wrapper section.color-orange-red .note { color: #f77941; } .main-wrapper section.color-deep-blue .note { color: #3165a0; } .main-wrapper section .photo { height: 104px; border-radius: 0; } .main-wrapper section .medal { background-color: #42494e; width: 40px; height: 40px; display: inline-block; margin-top: -20px; border-radius: 20px; background-repeat: no-repeat; background-position: center center; } .medal.alimentos { background-image: url(/public/img/medal-alimentos.png); } .medal.animales { background-image: url(/public/img/medal-animales.png); } .medal.mascotas { background-image: url(/public/img/medal-animales.png); } .medal.automoviles { background-image: url(/public/img/medal-automoviles.png); } .medal.autopartes { background-image: url(/public/img/medal-autopartes.png); } .medal.bebes { background-image: url(/public/img/medal-bebes.png); } .medal.bicicletas { background-image: url(/public/img/medal-bicicletas.png); } .medal.casas { background-image: url(/public/img/medal-casas.png); } .medal.celulares { background-image: url(/public/img/medal-celulares.png); } .medal.computadoras { background-image: url(/public/img/medal-computadoras.png); } .medal.departamentos { background-image: url(/public/img/medal-departamentos.png); } .medal.deportes { background-image: url(/public/img/medal-deportes.png); } .medal.electrodomesticos { background-image: url(/public/img/medal-electrodomesticos.png); } .medal.electronicos { background-image: url(/public/img/medal-electronicos.png); } .medal.extravios { background-image: url(/public/img/medal-extravios.png); } .medal.herramientas { background-image: url(/public/img/medal-herramientas.png); } .medal.hogar { background-image: url(/public/img/medal-hogar.png); } .medal.instr_musicales { background-image: url(/public/img/medal-instrumentos-musicales.png); } .medal.joyeria { background-image: url(/public/img/medal-joyeria.png); } .medal.libros_y_revistas { background-image: url(/public/img/medal-libros-y-revistas.png); } .medal.locales-comerciales { background-image: url(/public/img/medal-locales-comerciales.png); } .medal.motocicletas { background-image: url(/public/img/medal-motocicletas.png); } .medal.muebles { background-image: url(/public/img/medal-muebles.png); } .medal.musica-y-peliculas { background-image: url(/public/img/medal-musica-y-peliculas.png); } .medal.oficinas { background-image: url(/public/img/medal-oficinas.png); } .medal.robos { background-image: url(/public/img/medal-robos.png); } .medal.ropa { background-image: url(/public/img/medal-ropa-y-calzado.png); } .medal.saldos { background-image: url(/public/img/medal-saldos.png); } .medal.salud_y_belleza { background-image: url(/public/img/medal-salud-y-belleza.png); } .medal.servicios_generales { background-image: url(/public/img/medal-servicios-generales.png); } .medal.terrenos { background-image: url(/public/img/medal-terrenos.png); } .medal.tractocamiones { background-image: url(/public/img/medal-tractocamiones.png); } .medal.varios { background-image: url(/public/img/medal-varios.png); } .medal.videojuegos { background-image: url(/public/img/medal-videojuegos.png); } .main-wrapper section.banner { background-color: white; /* border-radius: 4px; */ border: 1px solid #d8dfe5; } .main-wrapper section.banner2 div { background-color: white; /* border-radius: 4px; border: 1px solid #d8dfe5; */ } .btn { padding: 5px 13px; } .dropdown-menu { border-color: #b1b8bd; } .dropdown-menu > li > a, .btn-default { color: #42494e; font-size: 12px; /*text-transform: uppercase;*/ font-weight: bold; font-weight: 500; } .btn-default, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: white; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, white, #f5f5f5); background-image: -ms-linear-gradient(top, white, #f5f5f5); background-image: -webkit-linear-gradient(top, white, #f5f5f5); background-image: -o-linear-gradient(top, white, #f5f5f5); background-image: linear-gradient(top, white, #f5f5f5); border-color: #d8dfe5; } .navbar-default .navbar-toggle { border-color: #d8dfe5; } .navbar-default .navbar-toggle:active { box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { border-color: #b1b8bd; background-color: #f5f5f5; } .radio { margin-bottom: 8px; } .reset { clear: both; } .main-wrapper > .container { padding-bottom: 15px; } #titulares .content { height: 570px; color: #8e98a0; font-size: 11px; } #skyscraper { height: 600px; } #banner-1, #banner-2, #banner-3 { height: 250px; } #el-clima-de-hoy, #tipo-de-cambio { float: left; margin-top: 15px; margin-left: 16px; height: 108px; } #el-clima-de-hoy .content, #tipo-de-cambio .content { height: 78px; } #el-clima-de-hoy { width: 175px; } #skycon { /*height: 30px; display: inline-block;*/ left: -10px; position: relative; } #el-clima-de-hoy .number { display: inline-block; margin-left: -12px; margin-right: 10px; } #tipo-de-cambio { width: 223px; } #tipo-de-cambio li { width: 110px; height: 76px; } #tipo-de-cambio .content > ul li:last-child { background-color: white; } #tipo-de-cambio .number { margin-left: -2px; } #tipo-de-cambio .note { margin-left: 2px; } #encuesta { overflow: visible; } #encuesta .content { text-align: left; } #encuesta .title { text-align: center; padding: 14px 18px 0; } #encuesta form { font-size: 12px; color: #42494e; line-height: 12px; margin: 0px 10px; } #encuesta .btn-group { margin-left: 7px; margin-top: 6px; left: 45px; } .radio2 { margin-top: 5px; } #cartelera .content { position: relative; background-size: cover; background-position: center -32px; background-repeat: no-repeat; min-height: 220px; } #cartelera .title { position: absolute; bottom: 0; background-color: white; border-radius: 0 0 3px 3px; width: 100%; padding: 10px 20px; } #bienes-raices .photo { height: 118px; } #bienes-raices .title { padding-top: 11px; } #empleos .title { padding-top: 11px; } #la-frase-de-hoy .medal { background-image: url(/public/img/medal-quote.png); margin-top: 24px; } #la-frase-de-hoy .title { margin: 8px 24px 0; font-weight: normal; } #la-frase-de-hoy .note { margin-top: 10px; text-transform: none; font-size: 12px; } footer { height: 68px; border-top: 1px solid #d8dfe5; background-color: white; } footer .copyright { float: left; display: inline-block; font-size: 12px; color: #8e98a0; -webkit-font-smoothing: subpixel-antialiased; line-height: 16px; padding-left: 38px; margin-top: 17px; margin-left: 2px; position: relative; } footer a, footer a:visited { font-weight: bold; font-weight: 500; color: #8e98a0; } footer a:hover, footer a:active { color: #656d74; text-decoration: none; } footer .logo { display: block; position: absolute; float: left; width: 31px; height: 31px; left: 0; top: 0; border-radius: 16px; background-image: url(/public/img/footer-logo-normal.png); background-repeat: no-repeat; } footer .logo::before { width: 0; height: 0; background-position: -100px -100px; background-repeat: no-repeat; } footer .logo:hover, footer .logo::before { background-image: url(/public/img/footer-logo-hover.png); } footer .nav { text-transform: uppercase; font-size: 12px; -webkit-font-smoothing: subpixel-antialiased; margin-left: 303px; margin-top: 15px; } footer .nav a { font-weight: normal; } footer .nav > li > a:hover, footer .nav > li > a:focus { background-color: transparent; } .social { float: right; font-size: 0; margin-top: 17px; } .nav7 { margin-top: 7px !important; } .social a { width: 32px; height: 32px; display: inline-block; margin-left: 8px; transition: background-image 0.2s ease-in-out; background-repeat: no-repeat; } .social a::before { content: ''; width: 0; height: 0; background-position: -100px -100px; background-repeat: no-repeat; } .social a.fb { background-image: url(/public/img/social-fb-normal.png); } .social a.fb:hover, .social a.fb::before { background-image: url(/public/img/social-fb-hover.png); } .social a.tw { background-image: url(/public/img/social-tw-normal.png); } .social a.tw:hover, .social a.tw::before { background-image: url(/public/img/social-tw-hover.png); } .ava { background-image: url(/public/img/navbar-avatar.png); display: block; width: 32px; height: 32px; } .ava:hover, .ava::before { background-image: url(/public/img/navbar-avatar-hover.png); } .flyer { z-index: 1020; position: fixed; top: -117px; left: 0; right: 0; height: 180px; background-color: #f5f5f5; border-bottom: 3px solid #428bca; visibility: hidden; transition: top 0.2s ease-out; overflow: hidden; } .flyer .container { padding: 15px 16px 0; } .flyer-arrow { position: fixed; left: 0; right: 0; top: 109px; z-index: 1040; visibility: hidden; pointer-events: none; -webkit-user-select: none; } .flyer-arrow .arrow { width: 18px; height: 10px; background-repeat: no-repeat; background-image: url(/public/img/flyer-arrow.png); transition: margin-left 0.2s ease-in-out; } .flyer .container > ul { list-style: none; margin: 0; padding: 0; position: relative; } .flyer .container > ul > li { display: block; position: absolute; top: 0; left: 0; visibility: hidden; } .flyer.visible .container > ul > li.visible { visibility: visible; } .flyer .container > ul > li > ul { float: left; } .flyer .nav { width: 179px; } .flyer .nav a { padding: 0; font-size: 12px; text-transform: uppercase; color: #428bca; line-height: 11px; } .flyer .nav a.selected { font-weight: bold; } .flyer .nav-stacked > li, .flyer .nav-stacked > li + li { margin: 12px 0 0 0; } .flyer .nav a.selected::after { border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 6px solid #428bca; width: 0; height: 0; display: inline-block; content: ''; margin-left: 6px; margin-bottom: 0px; } .flyer .nav > li > a:hover, .flyer .nav > li > a:focus { background-color: transparent; color: #5bc1de; } .flyer .nav > li > a.selected:hover, .flyer .nav > li > a.selected:focus { color: #428bca; } .flyer .container > ul > li ul { margin: 0; padding: 0; list-style: none; } .flyer .item { width: 160px; float: left; margin-right: 16px; } .flyer .item:last-child { margin-right: 0; } .flyer .item .photo { /*border-radius: 4px;*/ height: 85px; margin-bottom: 8px; } .flyer .item .title { font-size: 13px; line-height: 17px; } .flyer .items-groups { position: relative; width: 768px; height: 162px } .flyer .items-group { position: absolute; top: 0; left: 0; right: 0; visibility: hidden; } .flyer.visible li.visible .items-group.visible { visibility: visible; } .flyer .boxed-groups .item { background-color: white; margin-bottom: 15px; border-radius: 4px; padding: 30px 10px 0; text-align: center; width: 140px; height: 140px; border: 1px solid #d8dfe5; overflow: hidden; } .flyer .boxed-groups .item .photo { display: none; } .flyer .boxed-groups .item:nth-child(even) { background-color: #f5f5f5; } .flyer .boxed-groups .title { font-size: 14px; line-height: 18px; } .flyer .boxed-groups .note { margin-top: 8px; font-size: 11px; color: #428bca; text-transform: uppercase; } .flyer .double-panel { width: 100%; } .flyer .double-panel div { float: left; width: 50%; } .flyer .double-panel .nav { width: auto; } .flyer .double-panel .nav a { font-size: 16px; } .flyer .double-panel .left-panel { border-right: 1px solid #d8dfe5; text-align: right; padding-bottom: 22px; padding-right: 20px; } .flyer .double-panel .right-panel { padding-left: 20px; } .flyer .double-panel .nav-stacked > li, .flyer .double-panel .nav-stacked > li + li { margin-top: 20px; } .flyer .nav .separator { border-bottom: 1px solid #d8dfe5; width: 150px; margin-bottom: 12px; margin-top: 16px; } .modal-dialog-login { width: 300px !important; margin: 62px auto; } .modal-dialog .small-modal { width: 300px; margin: 62px auto; } .modal-dialog .sm-modal { width: 400px; margin: 62px auto; } .modal-dialog .medium-modal {width: 500px; margin: 62px auto; } .modal-header { border-bottom: 1px solid #d8dfe5; /* background-image: url(/public/img/modal-logo.png);*/ background-repeat: no-repeat; background-position: 35px 20px; height: 70px; padding-top: 18px; padding-left: 77px; font-weight: bold; } .modal-body { background-color: #f5f5f5; border-radius: 0px 0px 4px 4px; padding: 20px 32px 16px; } .modal-body ul li { list-style: upper-roman; } .modal-content { border: none; border-radius: 4px; } .btn-social { background-repeat: no-repeat; width: 232px; padding: 7px; } .btn-social, .btn-social:hover { color: white; } .btn-social:hover { box-shadow: inset 0 3px 6px rgba(255, 255, 255, 0.2); } .btn-social:active, .btn-social:focus { color: white; box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.2); } .btn-social-fb, .btn-social-fb:hover, .btn-social-fb:active, .btn-social-fb:focus { background-image: url(/public/img/social-fb-hover.png); background-color: #3165a0; border-color: #1c4d85; } .btn-social-fb:hover { border-color: #0b2341; } .btn-social-tw, .btn-social-tw:hover, .btn-social-tw:active, .btn-social-tw:focus { background-image: url(/public/img/social-tw-hover.png); background-color: #5bc1de; border-color: #389fbc; } .btn-social-tw:hover { border-color: #2389a4; } .modal .social-btns { border-bottom: 1px solid #d8dfe5; padding-bottom: 10px; margin-bottom: 20px; } .modal .form-group { margin-bottom: 10px; } .modal .form-group .btn { width: 100%; padding: 7px; } .modal .form-group .btn:hover, .modal .form-group .btn:active { color: #42494e; } .modal form { margin-bottom: 20px; } .avatar-big { width: 80px; height: 80px; border: 1px solid #d8dfe5; margin: 0 auto 8px;/*border-radius: 40px;*/ } .welcome { font-size: 18px; margin-bottom: 24px; } #secciones a { font-weight: 500; font-size: 13px; } #secciones a:link, #secciones a:visited { color: #42494e; } #secciones a:hover, #secciones a:active { color: #656d74; } #secciones .content { height: auto; } #secciones li { padding: 4px 12px 5px; } #secciones li:last-child { border-bottom: none; } .breadcrumb { min-height: 31px; text-transform: uppercase; color: white; font-size: 16px; padding-top: 6px; -webkit-font-smoothing: subpixel-antialiased; border-radius: 4px; background-color: #428bca; border: 1px solid #357ebd; margin-bottom: 15px; } .breadcrumb a:link, .breadcrumb a:visited { color: #fff !important; } .breadcrumb a:hover, .breadcrumb a:active { color: #fff !important; text-decoration: none; } .breadcrumb .active { font-weight: 500; } .banner + .banner { margin-top: 15px; } #listing .header, #detail .header { font-size: 16px;/*margin-bottom: 10px;*/ } #listing .posicion { color: #428bca; margin-top: 20px; } #listing .photo { height: 85px; } #listing .photo-bienes-raices { height: 104px; } .pagination { margin: 5px 0; font-size: 12px; } .listing .col-sm-3 { text-align: center; } #listing .content { height: auto; overflow: visible; } #listing .content li:last-child { border-bottom: none; } #listing .bienes-raices-list li { height: 105px; } #listing li { padding: 0; position: relative; height: 86px; overflow: hidden; } #listing .photo { position: absolute; width: 160px; outline: 0px; } .clas9 { } .clas9 a { display: block; width: 160px; height: 85px; } #listing .photo img { width: 160px; height: 85px; } #listing .photo-bienes-raices { position: absolute; width: 136px; } #listing .medal { position: absolute; margin: 0; left: 139px; top: 22px; } #listing .title { margin-left: 132px; margin-right: 5px; padding-top: 5px; text-align: left; } #listing .title2 { margin-left: 170px; margin-right: 5px; padding-top: 5px; text-align: left; } #listing .title2 a { overflow: visible !important; } #listing .title-bienes-raices { margin-left: 150px; margin-right: 20px; /* No se Ocupa padding-top: 12px; */ text-align: left; } #listing .note { /*margin-left: 190px; text-align: left; font-size: 12px;*/ margin-right: 20px; bottom: 5px; margin-top: 0; margin-bottom: 0; position: absolute; right: 0; font-size: 12px; } #listing .note2 { bottom: 8px; margin-top: 0; margin-bottom: 0; position: absolute; left: 170px; font-size: 12px; width: 330px; height: 16px; outline: 0px; /*overflow:hidden; */ text-align: left; } #listing .note2.br { left:150px;} #listing .note3 { font-size: 11px; left: 170px; position: absolute; text-align: left; width: 150px; bottom: 20px; } #listing .note-bienes-raices { font-size: 9pt; margin-left: 150px; margin-right: 20px; text-align: left; } #listing .note .published { display: inline-block; float: right; color: #93a0ac; } #listing span.precio { color: gray; } .detail .col-sm-4 { text-align: center; } .detail .col-sm-4 .col-sm-2 { margin-left: 15px; } #detail .content { position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; height: auto; } #article .photo { position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; height: 350px; } #detail .content .text { position: absolute; bottom: 0; background-color: white; border-radius: 0 0 2px 2px; width: 100%; padding: 10px 20px 12px; } ul.semi-table, .semi-table li, ul.semi-tablebr, .semi-tablebr li { float: left; } .semi-table div, .semi-tablebr div { float: left; width: 50%; } .semi-tablebr1 { width: 24% !important; } .semi-tablebr2 { width: 76% !important; } .semi-table span, .semi-tablebr span { float: left;/* No se Ocupa // width: 50%; */ } .semi-table div.extendido, .semi-tablebr div.extendido { float: left; width: 100%; } .main-wrapper section .content > ul.semi-table li, .main-wrapper section .content > ul.semi-tablebr li { min-height: 40px; padding: 8px 10px 0; width: 100%; display: block; } .main-wrapper section .content > ul.semi-table li:after, .main-wrapper section .content > ul.semi-tablebr li:after { clear: both; } .main-wrapper section .content > ul.semi-table li:last-child, .main-wrapper section .content > ul.semi-tablebr li:last-child { border-bottom: none; } .semi-table div:first-child, .semi-tablebr div:first-child { text-align: right; padding-right: 5px; } .semi-table div:last-child, .semi-tablebr div:last-child { text-align: left; font-weight: 500; padding-left: 5px; } #article .photo { border-radius: 4px 4px 0 0; } #article .title { margin-bottom: 6px; color: #3165a0; font-size: 20px; line-height: 22px; font-weight: 500; } #article .subtitle { font-size: 12px; color: #8e98a0; margin-bottom: 12px; } #article .content { text-align: left; padding: 12px 24px; } #article .text { /*font-size: 13px;*/ color: #42494e; line-height: 19px; margin-bottom: 4px; } @media (max-width: 767px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5 { float: left; margin: 15px 0 0; padding: 0 10px; width: 100%;} #campos_extra div { width:100% !important; padding:5px; text-align:inherit !important; float:none;} #listing .note2 { bottom: 5px; font-size: 11px; } #listing .note { font-size: 11px !important; } .clas9 { width: 100px !important; } .clas9 a { width: 100px !important; } .clas8 { left: -60px; position: absolute; } .title2 { margin-left: 109px !important; } .note3 { left: 105px !important; } .note2 { left: 105px !important; } .note { margin-right: 5px !important; } .navbar-default .collapse.in, .navbar-default .collapsing { background-color: #f5f5f5; border-bottom: 3px solid #428bca; padding-bottom: 3px; } .navbar-default .collapse.in .navbar-nav > li > a, .navbar-default .collapsing .navbar-nav > li > a { margin: 0; text-align: center; font-size: 16px; } .text-right { text-align: left !important; } .xs-text-center { text-align: center !important; } .brand_center { position: relative; top: 16px; height: 33px; /* width: 156px; */ /* float: none; */ margin: 0 !important; } .txt16 { font-size: 14px !important; } .xs-no-pad { padding: 0 !important; } .xs-no-mar { margin: 0 !important; } .xs-pad-5 { padding-left: 5px !important; padding-right: 5px !important; } .xs-pad-10 { padding-left: 10px !important; padding-right: 10px !important; } .xs-pad-15 { padding-left: 15px !important; padding-right: 15px !important; } .xs-mar-5 { margin-left: 5px !important; margin-right: 5px !important; } .xs-mar-10 { margin-left: 10px !important; margin-right: 10px !important; } .xs-mar-15 { margin-left: 15px !important; margin-right: 15px !important; } .btn-add { padding: 6px !important; margin: 11px 3px 3px 3px !important; font-size: 22px !important; } .no-pad-md { padding-left: 15px !important; padding-right: 15px !important; } .cats_xs1 { width: 77% !important; } .cats_xs2 { width: 40% !important; } .headernav { float: none !important; padding-right: 15px; padding-left: 15px; width: auto !important; } .main-wrapper { margin-top: 77px; } .b320x100 { height:102px !important; } /*Detalles texto Publicaiones*/ .detalles {max-height: 34px; overflow: hidden;} } @media (min-width: 768px) { .cats_xs1 { width: 35%; } .cats_xs2 { width: 18%; } .show-xs { visibility: hidden; } .navbar { height: 142px; /* overflow: hidden; */ } .container { width: 980px; } .col-sm-1 { width: 200px; } .col-sm-2 { width: 300px; } .col-sm-3 { width: 414px; } .col-sm-4 { width: 630px; } .col-sm-5 { width: 730px; } .col-sm-4 .col-sm-2 { width: 308px; } .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4 { margin-right: 0; } .navbar > .container .navbar-brand { /*margin: 24px 32px 0 0;*/ } .navbar-form input.form-control[type=search] { width: 145px; } .main-wrapper .container { border: 1px solid #d8dfe5; border-top: none; border-bottom: none; background-color: #f5f5f5; } /* Fondo Actual .main-wrapper { background-image: url(/public/img/background2016.jpg); background-repeat: repeat; /* background-repeat: repeat-x; / background-position: center top; } */ /* TODO Fondo color degradado */ /* .main-wrapper { background: -webkit-linear-gradient(top, #D6EAF4, #FFFFF4); background: -moz-linear-gradient(top, #D6EAF4, #FFFFF4); background: -o-linear-gradient(top, #D6EAF4, #FFFFF4); background: linear-gradient(top, #D6EAF4, #FFFFF4); } */ .bxslider { height: 477px; } .bxslider-container .photo { height: 310px; } .bxslider-container .details { height: 167px; } .bx-wrapper .bx-controls-direction a { top: 142px; } .bx-wrapper .bx-pager { /* top: 286px; */ bottom: 5px; } .bx-wrapper .bx-prev, .bx-wrapper .bx-next { opacity: 0.0; } /* .main-wrapper section .content { min-height: 220px; } */ #clasificados-detalles .content { min-height: 40px; } .clasificados-descripcion { background-color: white; /* border: 1px solid #d8dfe5; border-radius: 4px; */ width: 100%; margin-top: 10px; margin-bottom: 10px; } .clasificados-descripcion .texto { padding: 10px 20px 12px; height: auto; border: 1px solid #d8dfe5; } .clasificados-descripcion .contenido-escondido { height: 250px; overflow: hidden; } .clasificados-descripcion #mostrar-mas { background-color: #428bca; color: white; font-size: 12px; font-weight: 500; height: 30px; overflow: hidden; padding-top: 7px; text-align: center; text-transform: uppercase; cursor: pointer; } .main-wrapper section .horizontal li { width: 137px; height: 219px; } .main-wrapper section .horizontal li:nth-child(2), .main-wrapper section .horizontal li:nth-child(5) { width: 138px; } .flyer.visible { top: 120px; visibility: visible; } .flyer-arrow.visible { visibility: visible; } #empleos .title { padding-top: 15px; } .detail .main-wrapper section .content { height: auto; } .detail .main-wrapper section .content > ul li:last-child { border-bottom: none; } } @media (min-width: 992px) { .container { width: 980px; } } @media (max-width: 300px) { .breadcrumb { overflow: hidden } } @media (min-width: 1200px) { .container { width: 980px; } .demo2 { width: 1170px !important; } } @media (-webkit-min-device-pixel-ratio: 2) { .navbar-default .navbar-brand { background-image: url(/public/img/navbar-logo@2x.png); background-size: 34px 32px; } footer .logo { background-image: url(/public/img/footer-logo-normal@2x.png); background-size: 31px 31px; } footer .logo:hover, footer .logo::before { background-image: url(/public/img/footer-logo-hover@2x.png); background-size: 31px 31px; } footer .social a.fb { background-image: url(/public/img/social-fb-normal@2x.png); background-size: 32px 32px; } footer .social a.fb:hover, footer .social a.fb::before { background-image: url(/public/img/social-fb-hover@2x.png); background-size: 32px 32px; } footer .social a.tw { background-image: url(/public/img/social-tw-normal@2x.png); background-size: 32px 32px; } footer .social a.tw:hover, footer .social a.tw::before { background-image: url(/public/img/social-tw-hover@2x.png); background-size: 32px 32px; } .flyer-arrow .arrow { background-image: url(/public/img/flyer-arrow@2x.png); background-size: 18px 10px; } .navbar-default { background-image: url(/public/img/navbar-line-background@2x.png); background-size: 700px 4px; } .bx-wrapper .bx-prev { background-image: url(/public/img/slider-control-prev@2x.png); background-size: 16px 26px; } .bx-wrapper .bx-next { background-image: url(/public/img/slider-control-next@2x.png); background-size: 16px 26px; } } .principal-titulo-seccion { color: #FFF; } .detalles-tipo-anuncio { height: 30px; width: 30px; } #mapa { background-color: #E5E3DF; border: 1px solid #AAAAAA; border-radius: 4px 4px 4px 4px; height: 350px; margin: 10px 2px 10px 0; overflow: hidden; position: relative; } .clasificados-descripcion { margin-top: 10px; margin-bottom: 10px; background-color: white; } .clasificados-descripcion .texto { padding: 10px 20px 12px; height: auto; border: 1px solid #d8dfe5; } .clasificados-descripcion .contenido-escondido { height: 250px; overflow: hidden; } .clasificados-descripcion #mostrar-mas2 { background-color: #428bca; color: white; font-size: 12px; font-weight: 500; height: 30px; overflow: hidden; padding-top: 7px; text-align: center; text-transform: uppercase; cursor: pointer; } .sidebar-iconos { margin-top: 10px; margin-bottom: 10px; padding-top: 8px; padding-bottom: 0px; } .cat_menu { color: #FFF !important; font-size: 12px !important; border-radius: 4px 4px 4px 4px !important; } .glyph-anchors { color: #B3B3B3; } a.acciones-anuncios { float: left; margin-right: 4px; cursor: pointer; margin-top: 2px; margin-left: 6px; } p.mensajes { padding: 15px; } .tabbed { padding-top: 10px; } .btn_breadcrumb { border-radius: 0 3px 3px 0; height: 30px; margin-right: -15px; margin-top: -8px; width: 132px; padding: 5px 0 !important; border:none !important; } .btn_breadcrumb2 { border-radius: 3px 0 0 3px; height: 30px; margin-left: -15px; margin-top: -8px; width: 85px; padding: 5px 0 !important; border:none !important; } .empleos3 a { width: 160px; height: 85px; display: block; outline: 0px; } .br3 a { display: block; width: 136px; height: 104px; outline: 0px; } .no-pad-md { padding: 0 } .perfil_borrar_ico { position: absolute !important; right: 9px; top: 2px; } .carrusel_principal { height: 600px; width: 300px; background-color: #ffffff; background-position: center center; background-repeat: no-repeat; } .carrusel_principal a { height: 600px; width: 300px; display: block; } .banner_principal { height: 250px; width: 300px; background-color: #ffffff; background-position: center center; background-repeat: no-repeat; } .banner_principal a { height: 250px; width: 300px; display: block; } .patrocinio_seccion { height: 90px; width: 728px; background-color: #ffffff; background-position: center center; background-repeat: no-repeat; } .patrocinio_seccion a { height: 90px; width: 728px; display: block; } .patrocinio_grande { background-size: cover; background-color: #ffffff; background-position: center center; background-repeat: no-repeat; } .patrocinio_grande a { height: 90px; width: 948px; display: block; } .lateral_seccion { height: 600px; width: 160px; background-color: #ffffff; background-position: center center; background-repeat: no-repeat; } .lateral_seccion a { height: 600px; width: 160px; display: block; } #banner-patr { display: none; width: 728px; } #banner-laterales { display: none; } #banner-superiores { display: none; } #banner-superiores section, .banner-superior-principal section { background-color: white; border: 1px solid #d8dfe5; } .banner-superior-principal { float: right; width: 732px; margin-right: 15px; } .patr { height: 90px; /* Fix Tamaño para que no salten los elementos al mostrarlo */ background-image: url(/public/js/lightbox/images/loading.gif); background-position: center center; background-repeat: no-repeat; } .found { background-color: #d8534e !important; } .btnmes a, .btnmes a:hover, .btnmes a:focus, .btnmes a:active { color: #FFF !important; text-decoration: none } .headernav { float: right; padding-right: 15px !important; width: 756px; } .nav6 a { display: block; width: 361px; height: 60px; } .main_logo { position: absolute; left: 35px; top: -16px } .main_photo a { display: block; width: 414px; height: 310px; } .main_clas a { display: block; width: 136px; height: 104px; } .main_br a { display: block; width: 136px; height: 118px; } .main_car { display: block; width: 198px; height: 219px; } .no-show { position: absolute !important; top: -9999px !important; left: -9999px !important; } .comentarios7 { color: #d8534e; left: 162px; position: absolute; top: 10px; } .comentarios8 { display: block; font-family: sans-serif; font-size: 10px; left: 0; position: relative; top: -18px; width: 22px; } .comentarios8 a { color: #fff; } .evento_principal { border-radius: 4px 4px 0 0; /*max-width: 630px;*/ width: 100%; } .pubs_principal .bx-wrapper .bx-controls .bx-default-pager { top: 294px !important; } .banners_superiores_nav .bx-wrapper .bx-controls .bx-controls-direction { top: -185px !important; position: relative; } #banner-patr .bx-wrapper .bx-controls .bx-controls-direction { top: -200px !important; position: relative; } .banners_superiores_nav { min-height: 60px; } .banners_superiores_nav section:first-child { background-image: url(/public/js/lightbox/images/loading.gif); background-position: center center; background-repeat: no-repeat; } .banners_superiores_nav section:last-child { background-image: url(/public/js/lightbox/images/loading.gif); background-position: center center; background-repeat: no-repeat; } .paypal-btn img { margin: -16px -3px 0; padding: 0; width: 55px; } .pp2 { height: 31px; padding: 0 !important; top: 4px; } .filtrou { } guia-contenedor { border-radius: 12px; background-color: #ffffff; border: 5px solid #000000; /* default */ border: 5px solid rgba(0, 0, 0, 0.5); /* transparent, if supported */ color: #333; font-family: Helvetica, Arial; font-size: 13px; position: absolute; z-index: 999999; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -moz-background-clip: padding; /* for Mozilla browsers*/ -webkit-background-clip: padding; /* Webkit */ background-clip: padding-box;/* browsers with full support */ } .guia-contenido { padding: 15px; position: relative; text-align: left; -webkit-font-smoothing: antialiased;/* to fix text flickering */ } .guia_principal { float: right; left: -178px; position: relative; top: 55px; display: none; } /*.item*/ .photo a { display: block; width: 100%; height: 100%; } .main-header { background-position: 0 1px; background-repeat: no-repeat; font-weight: bold; left: 5px; padding-left: 40px; top: 8px; color: #000; text-decoration: none; letter-spacing: -1px; } .main-header:hover, .main-header:focus { color: #444; text-decoration: none; } .top7 { float: right; height: 34px; } .top7 li { height: 30px; } .top7 li a { font-size: 12px !important; } .btn-sesion { padding-top: 4px; float: right; margin-top: -4px; width: 218px; } .btn-sesion button:last-child { margin-right: 1px; } #fecha3 { left: -11px; position: relative; top: 44px; width: 220px; } .widget_top { color: #444; margin-left: 15px; } .bxslider { padding: 0 !important } .noti { max-height: 36px; overflow: hidden; } .publicaciones_main li { height: 95px; } .cambio_secundarias { width: 200px !important; height: 95px !important; } .casa_cambio_logo { height: 77px; width: 140px; float: left; } .cambio4 { line-height: 14px; margin-top: 3px; width: 56px; } .cambio4 .note { margin: 0; } .title_casa { border: 1px solid #d8dfe5; border-radius: 4px 4px 0 0; background-color: #428bca; color: #FFF; } .demo4 li { height: auto !important; padding: 5px !important; overflow: visible !important; } .agregar-menu { padding: 0; border: 0; /* background-color: transparent !important; */ } .agregar-menu li { padding: 0; } .agregar-menu li a:hover { background-color: #9b9b9b !important; color: #FFF !important; } .agregar-menu li a { display: block; font-size: 16px; height: 45px; line-height: 40px; width: 200px; } .agregar-menu li { font-size: 16px; } #categorias_clas { height: 325px; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 0px; -moz-column-gap: 0px; column-gap: 0px; /* box-shadow: none !important; */ } #categorias_clas li { display: inline-block; } #catsMenu1 { width: 200px; } #categorias_clas2 { top:0 !important; left:202px !important; } #categorias_clas2 a { display: block; font-size: 16px; height: 45px; line-height: 40px; width: 200px; } #categorias_clas2 li a:hover { background-color: #9b9b9b !important; color: #FFF !important; } .dropdown-submenu { position: relative; } .dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px; } .dropdown-submenu:hover>.dropdown-menu { display: block; } .dropdown-submenu>a:after { border-color: transparent transparent transparent #ccc; border-style: solid; border-width: 5px 0 5px 5px; content: " "; display: block; height: 0; position: absolute; right: 8px; top: 20px; width: 0; } .dropdown-submenu:hover>a:after { border-left-color: #F00; } .dropdown-submenu:hover>a { background-color: #ababab !important; color: #FFF !important; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } .dropdown a#dLabel { width:100%; outline:0 none;} .dropdown-menu.multi-level { left: 200px; top: -30px; } .dropdown-menu.multi-level.cat-byr { top: -65px;} .dropdown-menu.multi-level.cat-autos {} .dropdown-menu.multi-level.cat-electronicos { top: -115px;} .dropdown-menu.multi-level.cat-hogar { top: -163px;} .dropdown-menu.multi-level.cat-hobbies { top: -178px;} .dropdown-menu.multi-level.cat-servicios { top: -80px;} .dropdown-menu.multi-level.cat-fiestas { top: -75px;} .dropdown.top a#dLabel { border-radius: 4px 4px 0 0; } .dropdown.middle a#dLabel { border-radius:0px; } .dropdown.bottom a#dLabel { border-radius: 0 0 4px 4px;} /* Estilos Override, para cuando se necesita un estilo especifico sin crear una nueva clase */ /* Multiples reglas = multiples renglones*/ .txt32 { font-size: 32px !important; } .txt30 { font-size: 30px !important; } .txt28 { font-size: 28px !important; } .txt26 { font-size: 26px !important; } .txt24 { font-size: 24px !important; } .txt22 { font-size: 22px !important; } .txt20 { font-size: 20px !important; } .txt18 { font-size: 18px !important; } .txt16 { font-size: 16px !important; } .txt14 { font-size: 14px !important; } .txt12 { font-size: 12px !important; } .txt10 { font-size: 10px !important; } .boldu { font-weight: bold !important; } .txtBlack { color: #000 !important; } .txtWhite { color: #FFF !important; } .txtGrey { color: #999 !important; } .bgBlue { color: #428bca; } .bgWhite { background-color: #FFF !important; } .no-pad { padding: 0 !important; } .no-mar { margin: 0 !important; } .no-bor { border: 0 !important; } .no-pad-top { padding-top:0 !important;} .no-mar-top { margin-top: 0 !important; } .col-mar-10 { margin-left: 10px !important; margin-right: 10px !important; } .col-mar-5 { margin-left: 5px !important; margin-right: 5px !important; } .col-pad-10 { padding-left: 10px !important; padding-right: 10px !important; } .col-pad-5 { padding-left: 5px !important; padding-right: 5px !important; } .col-left-5 { padding-left: 5px !important; } .col-right-5 { padding-right: 5px !important; } .col-left-10 { padding-left: 10px !important; } .col-right-10 { padding-right: 10px !important; } .col-left-15 { padding-left: 15px !important; } .col-right-15 { padding-right: 15px !important; } .col-left-0 { padding-left: 0 !important; } .col-right-0 { padding-right: 0 !important; } .left-0 { margin-left:0 !important;} .left-5 { margin-left:5px !important;} .left-10 { margin-left:10px !important;} .left-15 { margin-left:15px !important;} .right-0 { margin-right:0 !important;} .right-5 { margin-right:5px !important;} .right-10 { margin-right:10px !important;} .right-15 { margin-right:15px !important;} .documentacion1 { background-color: #F3F3F3; padding-bottom: 15px; margin-bottom: 20px; } button.bottom { margin-bottom: 10px; } .notilink a { color: #428bca !important; } .notilink a:hover { color: #2a6496 !important; } .title-br { color: #42494e !important; font-size: 14px !important; } /*Jcarousel*/ /* This is the visible area of you carousel. Set a width here to define how much items are visible. The width can be either fixed in px or flexible in %. Position must be relative! */ .jcarousel { position: relative; overflow: hidden; width: 100%; height: 144px; } .jcarousel ul { width: 20000em; position: relative; /* Optional, required in this case since it's a