<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="IE=edge">
<meta name='viewport' content='width=device-width, initial-scale=1.0, user-scalable=0'>
<meta name="msapplication-TileColor" content="#162946">
<meta name="theme-color" content="#e72a1a">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-capable" content="yes">
<meta name="HandheldFriendly" content="True">
<meta name="description"
content="autos usados, autos nuevos, vendedores">
<meta name="keywords"
content="crautos">
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
<!-- Title -->
<title>crautos.com</title>
<!-- Bootstrap Css -->
<link id="style" href="/assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Dashboard Css -->
<link href="/assets/css/style.css" rel="stylesheet">
<link href="/assets/css/style2023.css" rel="stylesheet">
<link href="/assets/css/plugins.css" rel="stylesheet">
<!-- Font-awesome Css -->
<link href="/assets/css/icons.css" rel="stylesheet">
<!-- Install PWA -->
<link rel="manifest" href="manifest.json">
<script>
if('serviceWorker' in navigator) {
navigator.serviceWorker.register('./sw.js');
}
</script>
<script async='async' src='https://www.googletagservices.com/tag/js/gpt.js'></script>
<script>
var googletag = googletag || {};
googletag.cmd = googletag.cmd || [];
</script>
<style type="text/css">
.pheader {
text-shadow: 4px 4px 6px #000;
}
</style>
</head>
<body class="dark-theme">
<!--Topbar-->
<div class="header-main">
<div class="top-bar">
<div class="container">
<div class="row">
<div class="col-xl-6 col-lg-4 col-md-5 col-sm-3 col-4">
<div class="top-bar-left d-flex">
<div class="clearfix">
<ul>
<li>
<a class="social-icon text-dark d-none d-md-block d-lg-block" href="mailto:soporte@crautos.com" style="margin-top:10px"><i class="fa fa-envelope"></i> soporte@crautos.com</a>
</li>
<li>
<a class="social-icon text-dark" href="tel: 22914141" style="line-height:3"><i class="fa fa-phone"></i> 2291-4141</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-xl-6 col-lg-8 col-md-7 col-sm-9 col-8">
<div class="top-bar-right">
<ul class="custom">
<li>
<a href="/micrautos/register.cfm" class="text-dark"><i class="fa fa-user me-1"></i> Regístrate</a>
</li>
<li>
<a href="/micrautos/login.cfm" class="text-dark"><i class="fa fa-sign-in me-1"></i> Ingresar</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- Horizontal Header -->
<div class="horizontal-header clearfix ">
<div class="container">
<a id="horizontal-navtoggle" class="animated-arrow"><span></span></a>
<span class="smllogo">
<img src="/assets/images/brand/logo.png?v=26" width="220" alt="">
</span>
<span class="smllogo-dark">
<img src="/assets/images/brand/logo.png?v=26" width="220" alt="">
</span>
<a class="callusbtn" href="javascript:window.history.back();">
<img src="/images/leftarrow2.png" />
</a>
</div>
</div>
<!-- /Horizontal Header -->
<!-- Horizontal Main -->
<div class="horizontal-main bg-dark-transparent clearfix">
<div class="horizontal-mainwrapper container clearfix">
<div class="desktoplogo col-4">
<a href="/index.cfm"><img src="/assets/images/brand/logo.png?v=26" alt=""></a>
</div>
<!--
<div class="desktoplogo-1">
<a href="index.cfm"><img src="/assets/images/brand/logo.png?v=26" alt=""></a>
</div>
-->
<!--Nav-->
<nav class="horizontalMenu clearfix d-md-flex">
<ul class="horizontalMenu-list">
<li aria-haspopup="true"><a href="/index.cfm">Inicio</a></li>
<li aria-haspopup="true"><a href="/autosnuevos">Autos Nuevos</a></li>
<li aria-haspopup="true"><a href="javascript:void(0);">Autos Usados<span class="fa fa-caret-down m-0"></span></a>
<ul class="sub-menu">
<li aria-haspopup="true"><a href="/autosusados/index.cfm">Autos en Venta</a></li>
<li aria-haspopup="true"><a href="/autosusados/ofertasdeldia">Ofertas del Día</a></li>
<li aria-haspopup="true"><a href="/autosusados/zonaverde">Zona Verde</a></li>
<li aria-haspopup="true"><a href="/autosusados/premium">Autos Premium</a></li>
<li aria-haspopup="true"><a href="/bluebook">Bluebook</a></li>
<li aria-haspopup="true"><a href="/autosusados/anunciarse.cfm">Anuncie su Auto</a></li>
<li aria-haspopup="true"><a href="/anuncios">Edite su Anuncio</a></li>
<li aria-haspopup="true"><a href="/vendedores">Vendedores Registrados</a></li>
</ul>
</li>
<li aria-haspopup="true"><a href="/contact.cfm">Contáctenos</a></li>
<li aria-haspopup="true" class="d-lg-none mt-5 pb-5 mt-lg-0">
<span>
<a class="btn btn-green" href="/autosusados/anunciarse.cfm"><i class="fa fa-car text-white me-1"></i>Anuncie Su Auto</a><br><br>
<a class="btn btn-blue ad-post" href="/anuncios"><i class="fa fa-edit text-white me-1"></i> Edite Su Anuncio</a>
</span>
</li>
</ul>
<ul class="mb-0">
<li aria-haspopup="true" class="mt-5 d-none d-lg-block ">
<span><a class="btn btn-sm btn-green ad-post" href="/autosusados/anunciarse.cfm" style="margin-bottom:3px"><i
class="fa fa-car text-white me-1"></i> Anuncie Su Auto</a><br>
<a class="btn btn-sm btn-blue ad-post" href="/anuncios"><i
class="fa fa-edit text-white me-1"></i> Edite Su Anuncio</a></span>
</li>
</ul>
</nav>
<!--Nav-->
</div>
</div>
<!-- /Horizontal Main -->
</div>
<!-- Topbar End-->
<!--Section-->
<section>
<div class="cover-image sptb-2 sptb-tab bg-background2"
data-image-src="./images/bgnew/bg76.jpg">
<div class="header-text mb-0">
<div class="container">
<div class="text-center text-white pheader">
<h1 class="mb-1">Encuentra el auto que quieres<br>o vende el tuyo</h1>
<h3>Visita nuestras secciones de autos nuevos y usados.</h3>
<br>
</div>
<div align="center" class="col-12 d-md-none">
<button style="background-color:gold; color:black; height:32px; border:none; border-radius:6px; font:Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, 'sans-serif'; font-size: 14px; margin-top:10px;" type="button" id="pwabutton">
Instalar APP de CRautos
</button>
<br>
</div>
<!--Section-->
<section class="categories">
<div class="container">
<h3 align="center">
<br><br><br><font color="000">
Por motivos de fuerza mayor, y debido a una actualización en los sistemas de uno de nuestros proveedores, nuestro sitio permaneció fuera de servicio durante mucho más tiempo del previsto. No obstante, ya se nos ha confirmado que todos los problemas fueron resueltos. Pedimos disculpas a nuestros clientes por los inconvenientes que esto pudo haberles causado y agradecemos profundamente su comprensión.</font>
</h3>
</div>
</section>
<!--Section-->
<!-- Options buttons -->
<div align="center">
<a href="./autosnuevos" target="_self"><img class="img-fluid" src="./images/bt-nuevos2.png" alt="" vspace="10" hspace="5" /></a>
<a href="./autosusados/index.cfm" target="_self"><img class="img-fluid" src="./images/bt-usados2.png" alt="" vspace="10" hspace="5" /></a>
<a href="./autosusados/zonaverde" target="_self"><img class="img-fluid" src="./images/bt-zonaverde2.png" alt="" vspace="10" hspace="5" /></a>
<a href="./autosusados/premium" target="_self"><img class="img-fluid" src="./images/bt-premium2.png" alt="" vspace="10" hspace="5" /></a>
<a href="./bluebook" target="_self"><img class="img-fluid" src="./images/bt-bluebook2.png" alt="" vspace="10" hspace="5" /></a>
<a href="https://www.facebook.com/crautos" target="_blank"><img class="img-fluid" src="./images/bt-fb.png" alt="" width="200" vspace="10" hspace="5" /></a>
</div>
<!-- Options buttons end -->
</div>
</div><!-- /header-text -->
</div>
</section>
<!--Section-->
<!--Section-->
<section class="categories">
<div class="container">
<br><br><br><br><br>
<h3 class="mb-1" align="center">VEHÍCULOS NUEVOS DESTACADOS</h3>
<br>
<div id="small-categories" class="owl-carousel owl-carousel-icons2">
<div class="item">
<div class="card mb-0">
<div class="card-body">
<div class="cat-item text-center">
<a href="./autosnuevos/cardetail.cfm?c=3494356"></a>
<div>
<img src="https://crautos.com/newcars/suzuki/dzire-1.jpg" alt="img" class="mx-auto">
</div>
<div class="cat-desc">
<h5 class="mb-1">Suzuki DZire AMT</h5>
<span class="text-muted">
Gasolina 1,197 cc
</span>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="card mb-0">
<div class="card-body">
<div class="cat-item text-center">
<a href="./autosnuevos/cardetail.cfm?c=6831107"></a>
<div>
<img src="https://crautos.com/newcars/renault/oroch-1.jpg" alt="img" class="mx-auto">
</div>
<div class="cat-desc">
<h5 class="mb-1">Renault Oroch 1.3t</h5>
<span class="text-muted">
Gasolina 1,300 cc
</span>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="card mb-0">
<div class="card-body">
<div class="cat-item text-center">
<a href="./autosnuevos/cardetail.cfm?c=4576011"></a>
<div>
<img src="https://crautos.com/newcars/suzuki/xl7-1.jpg" alt="img" class="mx-auto">
</div>
<div class="cat-desc">
<h5 class="mb-1">Suzuki XL7 GLX</h5>
<span class="text-muted">
Gasolina 1,462 cc
</span>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="card mb-0">
<div class="card-body">
<div class="cat-item text-center">
<a href="./autosnuevos/cardetail.cfm?c=3494356"></a>
<div>
<img src="https://crautos.com/newcars/suzuki/dzire-1.jpg" alt="img" class="mx-auto">
</div>
<div class="cat-desc">
<h5 class="mb-1">Suzuki DZire AMT</h5>
<span class="text-muted">
Gasolina 1,197 cc
</span>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="card mb-0">
<div class="card-body">
<div class="cat-item text-center">
<a href="./autosnuevos/cardetail.cfm?c=1268942"></a>
<div>
<img src="https://crautos.com/newcars/changan/newcs35-1.jpg" alt="img" class="mx-auto">
</div>
<div class="cat-desc">
<h5 class="mb-1">Changan Nuevo CS35 </h5>
<span class="text-muted">
Gasolina 1,400 cc
</span>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="card mb-0">
<div class="card-body">
<div class="cat-item text-center">
<a href="./autosnuevos/cardetail.cfm?c=6314069"></a>
<div>
<img src="https://crautos.com/newcars/hyundai/ioniq-1.jpg" alt="img" class="mx-auto">
</div>
<div class="cat-desc">
<h5 class="mb-1">Hyundai Ioniq 5 Elegant TA 4X2</h5>
<span class="text-muted">
Eléctrico
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Section-->
<!--Footer Banner Start-->
<section>
<div class="container">
<div class="row">
<br>
<div class="col-md-12 d-none d-md-block" align="center">
<div class="banner728x90title">
PUBLICIDAD
</div>
<div class="banner728x90" id='div728x90'>
<script>
googletag.cmd.push(function() {googletag.pubads().display('/21819284543/crusados', [728, 90], 'div728x90');});
</script>
</div>
<br>
</div>
<div class="col-12 d-md-none" align="center">
<br>
<div class="banner320x100title">
PUBLICIDAD
</div>
<div class="banner320x100" id='div320x100'>
<script>
googletag.cmd.push(function() {googletag.pubads().display('/21819284543/crusados', [320, 100], 'div320x100');});
</script>
</div>
<br>
</div>
</div>
</div>
<br>
</section>
<!--Footer Banner End-->
<!--Footer Section-->
<div class="clearfix"></div>
<section class="copyright-wrap">
<div class="container">
<div class="row">
<div class="col-12 col-md-4" align="center">
<br><br>
<div class="logo-footer"><a href="https://crautos.com">
<img class="img-responsive" src="/images/crautoslogob.png" hspace="10"><br>
<span><h4>La Página de Autos de Costa Rica</h4></span>
</a>
</div>
<p>Copyright © 1998-2025.<br>Todos los derechos reservados.</p>
</div>
<div class="col-12 col-md-4" align="center">
<br><br>
<h4>Contáctanos</h4>
<div class="footer-contact">
<ul>
<li><b><i class="fa fa-phone"></i> Teléfono: </b><span> (506) 2291-4141</span></li>
<li><b><i class="fa fa-envelope-o"></i> Email: </b><span><a href="mailto:soporte@crautos.com">soporte@crautos.com</a></span></li>
</ul>
</div>
</div>
<div class="col-12 col-md-4" align="center">
<br><br>
<ul class="social">
<li><a href="https://facebook.com/crautos" target="_blank" class="sc-1"></a></li>
<a href="https://facebook.com/crautos" target="_blank" class="h4">Síguenos en Facebook</a>
</ul>
<br>
</div>
</div>
</div>
</section>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-VSKP37KZJC"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-VSKP37KZJC');
</script>
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Oxygen" media="screen" />
<!-- JQuery js-->
<script src="/assets/js/vendors/jquery.min.js"></script>
<!-- Bootstrap js -->
<script src="/assets/plugins/bootstrap/js/popper.min.js"></script>
<script src="/assets/plugins/bootstrap/js/bootstrap.min.js"></script>
<!--JQueryVehiclerkline Js-->
<script src="/assets/js/vendors/jquery.sparkline.min.js"></script>
<!-- Circle Progress Js-->
<script src="/assets/js/vendors/circle-progress.min.js"></script>
<!--Owl Carousel js -->
<script src="/assets/plugins/owl-carousel/owl.carousel.js"></script>
<!--Horizontal Menu-->
<script src="/assets/plugins/horizontal-menu/horizontal3.js"></script>
<!--JQuery TouchSwipe js-->
<script src="/assets/js/jquery.touchSwipe.min.js"></script>
<!--Select2 js -->
<script src="/assets/plugins/select2/select2.full.min.js"></script>
<script src="/assets/js/select2.js"></script>
<!-- Count Down-->
<script src="/assets/plugins/count-down/jquery.lwtCountdown-1.0.js"></script>
<!-- Custom scroll bar Js-->
<script src="/assets/plugins/scroll-bar/jquery.mCustomScrollbar.js"></script>
<!-- sticky Js-->
<script src="/assets/js/sticky.js"></script>
<!-- Ion.RangeSlider -->
<script src="/assets/plugins/jquery-uislider/jquery-ui.js"></script>
<script src="/assets/plugins/jquery-uislider/jquery.ui.touch-punch.min.js"></script>
<!--Showmore Js-->
<script src="/assets/js/jquery.showmore.js"></script>
<script src="/assets/js/showmore.js"></script>
<!-- Swipe Js-->
<script src="/assets/js/swipe.js"></script>
<!-- Vertical scroll bar Js-->
<script src="/assets/plugins/vertical-scroll/jquery.bootstrap.newsbox.js"></script>
<script src="/assets/plugins/vertical-scroll/vertical-scroll.js"></script>
<!-- sticky Js-->
<script src="/assets/plugins/boot-slider/boot-slider.min.js"></script>
<!-- Owl Carousel Js-->
<script src="/assets/js/owl-carousel.js"></script>
<!--ThemeColors JS -->
<script src="/assets/js/themeColors.js"></script>
<!-- Custom Js-->
<script src="/assets/js/custom.js"></script>
<!--Footer Section End-->
<!-- Install PWA -->
<script src="A2HS.js"></script>
</body>
</html>