A       {color:#6c92a8; text-decoration:none;}
A:hover {color:#000000;}


/* ----------------------------- ICONOS WEB ------------------------------------*/

@font-face {font-family:'IconWeb'; font-weight:400; font-style:normal; src:url('modulos/IconWeb.woff') format('woff');}

[class^="icon"], [class*=" icon"] {font-family:'IconWeb'; -webkit-font-smoothing:antialiased;}
.iconHome:before         {content:"\e900";}
.iconCerrar:before       {content:"\e90c";}
.iconFlechaTop:before    {content:"\e901";}
.iconFlechaRight:before  {content:"\e902";}
.iconFlechaBottom:before {content:"\e903";}
.iconFlechaLeft:before   {content:"\e904";}
.iconIconoMenu:before    {content:"\e905";}
.iconIconoEmail:before   {content:"\e906";}
.iconIconoTelef:before   {content:"\e907";}
.iconPieDirec:before     {content:"\e908";}
.iconPieEmail:before     {content:"\e909";}
.iconPieTelef:before     {content:"\e90a";}
.iconPieMovil:before     {content:"\e917";}
.iconPieFax:before       {content:"\e90b";}
.iconFacebook:before     {content:"\e90d";}
.iconTwitter:before      {content:"\e90e";}
.iconWordpress:before    {content:"\e90f";}
.iconBlog:before         {content:"\e910";}
.iconInstagram:before    {content:"\e911";}
.iconYoutube:before      {content:"\e912";}
.iconWhatsapp:before     {content:"\e913";}
.iconLinkedin:before     {content:"\e914";}
.iconPinterest:before    {content:"\e915";}
.iconMenuRedes:before    {content:"\e916";}
.iconEstrella:before     {content:"\e918";}
.iconFecha:before        {content:"\e919";}


/* ---------- Separadores ------------------ */

.limpiar {clear:both;}

.alto35  {height:35px;}
.alto140 {height:140px;}

[class^="separa-"], [class*=" separa-"] {clear:both;}
.separa-01 {height:1px;}
.separa-02 {height:2px;}
.separa-03 {height:3px;}
.separa-05 {height:5px;}
.separa-10 {height:10px;}
.separa-15 {height:15px;}
.separa-20 {height:20px;}
.separa-25 {height:25px;}
.separa-30 {height:30px;}
.separa-40 {height:40px;}
.separa-50 {height:50px;}
.separa-60 {height:60px;}
.separa-70 {height:70px;}
.separa-80 {height:80px;}
.separa-90 {height:90px;}
.separa-100 {height:100px;}
.separa-120 {height:120px;}
.separa-150 {height:150px;}
.separa-200 {height:200px;}

[class^="fontSize_"], [class*=" fontSize_"] {line-height:1.1em !important;}
.fontSize_12 {font-size:12px;}
.fontSize_14 {font-size:14px;}
.fontSize_15 {font-size:15px;}
.fontSize_16 {font-size:16px;}
.fontSize_17 {font-size:17px;}
.fontSize_18 {font-size:18px;}
.fontSize_20 {font-size:20px;}
.fontSize_22 {font-size:22px;}
.fontSize_24 {font-size:24px;}
.fontSize_25 {font-size:25px;}
.fontSize_26 {font-size:26px;}
.fontSize_28 {font-size:28px;}
.fontSize_30 {font-size:30px;}
.fontSize_36 {font-size:36px;}
.fontSize_40 {font-size:40px;}
.fontSize_50 {font-size:50px;}


/* ----------------------------- ESTILOS UTILES VARIOS  ----------------------------------------*/

.capa950 {width:950px; margin:auto;}

.imags, .formas-pago-cont-item, .profile-items {text-align:center;}
.imags img, .formas-pago-cont-item img, .profile-items img {display:inline;}

.textoTitulo {width:100%; padding:20px auto 10px; font-weight:600; font-size:28px; line-height:50px; border-bottom:solid 1px #6C92A8;}

.textoResaltado {padding-top:15px; font-weight:600; font-size:20px; line-height:24px; color:#6C92A8;}
.textoResaltado p {margin-bottom:15px;}
.parraSep p {margin-bottom:1.2em;}

.txtOk {color:#0c9b60;}
.txtKo {color:#ba1717;}

.cent {text-align:center;}
.izda {text-align:left;}
.dcha {text-align:right;}
.just {text-align:justify;}

.fina {font-weight:200;}
.norm {font-weight:400;}
.semi {font-weight:600;}
.bold {font-weight:800;}

.txtMedio {font-size:18px;}
.txtGrand {font-size:26px;}

.listaTitular {margin:40px 0px 20px 50px; font-weight:400;}
.listaTopos {list-style:disc;}
.listaTopos li, .listaOrdenada li {margin:10px auto 10px 30px;}

.flotaDcha {float:right;}
.flotaIzda, .flotar {float:left;}

.pad-left  {padding-left:20px;}
.pad-right {padding-right:20px;}
.pad-total {padding:20px;}
.pad-lados {padding:0px 20px;}

.parraSep p {margin-bottom:10px;}

.ancho-5  {width:5%;}
.ancho-10 {width:10%;}
.ancho-15 {width:15%;}
.ancho-20 {width:20%;}
.ancho-25 {width:25%;}
.ancho-30 {width:30%;}
.ancho-33 {width:33.33%;}
.ancho-35 {width:35%;}
.ancho-40 {width:40%;}
.ancho-45 {width:45%;}
.ancho-50 {width:50%;}
.ancho-55 {width:55%;}
.ancho-60 {width:60%;}
.ancho-65 {width:65%;}
.ancho-66 {width:66.66%;}
.ancho-70 {width:70%;}
.ancho-75 {width:75%;}
.ancho-80 {width:80%;}
.ancho-85 {width:85%;}
.ancho-90 {width:90%;}
.ancho-95 {width:95%;}
.ancho100 {width:100%;}

.margen-5  {margin-top:5px;}	
.margen-10 {margin-top:10px;}
.margen-15 {margin-top:15px;}
.margen-20 {margin-top:20px;}
.margen-25 {margin-top:25px;}
.margen-30 {margin-top:30px;}
.margen-35 {margin-top:35px;}

.alto35  {height:35px; line-height:35px;}
.alto40  {height:40px; line-height:40px;}
.alto45  {height:45px; line-height:45px;}
.alto140 {height:140px;}


/* ----------------------------- Secciones y Categorias ----------------------------------------*/

[class^="ancho-"], [class*=" ancho-"], #contactos input, #contactos, #contactos textarea, .modalVentana, .modalSalir, .capa950, .capa1000,
.ancho100, .anchoTotal, .botonLeerMas {-webkit-box-sizing:border-box; box-sizing:border-box;}
.inputrans {display:none;}
.capa1000 {width:1000px; margin:auto;}

.fondoGris  {background:#dddddd;}
.fondoAzul  {background:#6C92A8;}
.fondoCrema {background:#BBB599;}

.txtBlanc {color:#ffffff;}
.txtNegro {color:#000000;}
.txtCrema {color:#8a8362;}
.txtAzul  {color:#6C92A8;}
.txtVerde {color:#1a672d;}

.anchoTotal {width:100%; margin:-20px auto auto auto;}
.listaImg  {margin-bottom:13px; padding-left:42px; line-height:34px; background:url(images/btnNext.svg) no-repeat left top;}
.listaChek {margin-bottom:10px; padding-left:42px; line-height:34px; background:url(images/btnChek.svg) no-repeat left top;}

.separa-10 {width:100%; height:10px; clear:both;}
.separa-20 {width:100%; height:20px; clear:both;}
.separa-30 {width:100%; height:30px; clear:both;}
#bannerCuerpo {width:1000px; margin:0px 0px 0px 5px;}
#bannerCuerpo img {width:100%;}
	
#franjaMarcas {width:970px; margin:auto; padding:15px; text-align:center; background:#BBB599; color:#ffffff;}
.marcasTitulo {font-weight:600; font-size:22px; margin-bottom:10px;}
.marcasTextos {font-size:15px;}

#secNosotros, #secServiTech {line-height:1.6em;}
.sliderNosotros {width:1000px; height:337px; margin:-25px 17px 0px -20px;}
.sliderOfertas  {width:230px; height:362px; margin:auto;}

h1.txtGrand a {color:#dbe8ef;}
h1.txtGrand a:hover {color:#ffffff;}

.mapas   {width:90%; height:550px; margin:auto; box-shadow:0px 0px 15px rgba(0,0,0,0.3);}
.mapa100 {width:100%; height:400px; margin:auto;}
.mapaFon {width:100%; height:100%; margin:0; position:absolute; z-index:10;}
.hoverON {pointer-events:none;}
.mapa100 iframe {width:100%; height:100%; border:0;}

.ocultaCapa {display:none; text-align:justify;}
.muestraCapa {display:block;}

#secArticulos p {margin:8px 0;}

.botonLeerMas {width:150px; margin:20px auto; text-align:center; background:#6d93a8; border-radius:10px; border:solid 2px #ffffff;
	box-shadow:0px 0px 6px rgba(0,0,0,0.3); transition:all 0.4s; -webkit-transition:all 0.4s;}
.botonLeerMas:hover {border:solid 2px #ffffff; background:#1d313c; box-shadow:0px 0px 10px rgba(0,0,0,0.5);}
	.botonLeerMas a {color:#ffffff; font:normal 18px Arial, Helvetica, sans-serif; line-height:40px;}


/* -------- Sección Cambia tu Carro ---------- */

#secContacto .capa1000 p {margin-bottom:10px;}

#contactos {padding:20px; text-align:left; border:solid 3px #6C92A8; border-radius:20px; background:#ffffff;}
#contactos input, #contactos select, #contactos textarea {border-radius:5px;
	padding:10px; font-size:18px; line-height:22px; border:solid 1px rgba(0,0,0,0.2); background:rgba(0,0,0,0.02);}
#contactos input:hover, #contactos textarea:hover, #contactos select:hover {background:#ffffff; box-shadow:0px 0px 15px rgba(0,0,0,0.2);}
#contactos div {margin:0px 10px 10px 10px;}
.contactoTexto {padding:10px; text-align:center; color:#00213C; font-weight:600; font-size:23px; line-height:25px;}

.flotarForm {float:left;}
.flotarNone {margin:auto; float:none; display:inline;}

.cajaTxt {width:90%; margin:auto !important; padding:20px 20px 10px 20px; border:solid 1px #1c4387;}
.contactoEtiqueta {padding-left:10px; font-size:18px; font-weight:600;}

.contacto50  {width:50px;}
.contacto160 {width:160px;}
.contacto200 {width:200px;}
.contacto250 {width:250px;}
.contacto270 {width:270px;}
.contacto300 {width:300px;}
.contacto320 {width:320px;}
.contacto350 {width:350px;}
.contacto400 {width:400px;}
.contacto420 {width:420px;}
.contacto560 {width:560px;}
.contacto610 {width:610px;}
.contacto700 {width:700px;}
.contacto860 {width:860px; max-width:860px;}

.modeloMotokaddy, .modeloGolfstream, .modeloInfinity, .modeloKaddam, .modeloGreencar, .modeloRoket {display:none;}

#contactoEnviar {display:flex; flex-wrap:wrap; justify-content:center;}
	.contactoCondiciones {padding-top:10px;}
	.contactoCheck {margin:15px 0px 0px 5px; transform:scale(1.4);}

#contactoBoton input {margin-left:10px; color:#ffffff; background:#6C92A8; cursor:pointer; /* text-indent: -9999px; */}
#contactoBoton input:hover {color:#ffffff; background:#222222;}
	
#contactos .botonWeb a {padding:10px 15px;}

.modal {position:fixed; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.6); opacity:0; text-align:left; pointer-events:none; z-index:9999;}
.modal:target {opacity:1; pointer-events:auto;}

.modalVentana {width:500px; height:200px; top:45%; left:50%; background:#ffffff; box-shadow:0px 0px 25px rgba(0,0,0,0.8); overflow:hidden;
    border-radius:20px; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); position:fixed;}
	.modalSalir {width:100%; height:50px; line-height:48px; padding:0px 15px; background:#6C92A8; border:solid 2px #fff; border-radius:20px 20px 0 0;}
	.modalSalir a {font-size:16px; line-height:14px; color:#ffffff;}
	.modalSalir a:hover {color:#cccccc;}
	.modalSalir .iconCerrar {margin:0 5px;}
	.modalFotos img {width:300px; margin:30px 0px 0px 30px; border-radius:15px; box-shadow:0px 0px 10px rgba(0,0,0,0.5); position:fixed;}
	.modalInfor {top:70px; left:350px; bottom:20px; padding:0px 30px; color:#000000; text-align:justify; position:fixed; overflow-y:auto;}
	.modalInfor p {margin-top:15px;}

	.formularioEnviado {padding:25px; font-size:22px; font-weight:400; line-height:25px; text-align:center;}
	.formularioEnviado p {padding:10px 0px;}

.modalNotaCarro {width:800px; height:500px; top:45%; left:50%;}
	.puntuacionCarro {padding:10px 20px; font-size:17px; font-weight:400; line-height:18px; text-align:left;}
	.puntuacionCarro p {padding:5px 0px;}


/* ---------------------- BANNERS EFECTOS ---------------------------------- */

#textoBanner  {width:100%; margin:auto; padding:15px; text-align:center; color:#fff; background:#aa0d0e; box-sizing:border-box;}
.textoAnimado {font-weight:600; animation:animaTexto 1s linear infinite 0s;}
.textoNormal  {padding-top:10px; font-weight:400;}

@keyframes animaTexto {
	0%   {color:#fff;}
	50%  {color:#fff000;}
	100% {color:#fff;}
}


/* ---------------------------------------- RESPONSIVE ---------- RESPONSIVE ---------- RESPONSIVE ------------------------------------------ */


@media only screen and (min-width: 1350px) {

#bannerCuerpo {width:1245px;}
.sliderNosotros {width:1245px; height:420px; margin:-25px 17px 0px -20px;}
#franjaMarcas {width:1215px;}	
	
}


@media only screen and (max-width: 1000px) {	

	.capa1000 {width:100%; margin:auto; padding:10px 20px;}
	.capa950  {width:100%; margin:auto;}

	.anchoTotal {width:100%; margin:auto;}

	#secNosotros .ancho-60, #secNosotros .ancho-40, #secServiTech .ancho-60, #secServiTech .ancho-40 {width:100%; margin:auto;}
	#secNosotros, #secServiTech {line-height:1.2em;}
	.listaImg a {font-family:'PTS';}

	#secArticulos h2 {font-size:22px;}
	#secArticulos h3 {font-size:20px; text-align:left;}
	#secArticulos h4 {font-size:18px; text-align:left;}
	#secArticulos p, #secArticulos li {font-family:'PTS'; font-size:17px; line-height:18px;}


	/* -------- Sección Cambia tu Carro ---------- */

	.mapas, .mapa100 {height:300px;}
	.flotarForm {float:none;}
	.flotarNone {margin:auto !important; display:block;}
	.flotarNone input {margin:0px auto 10px auto; left:49%;}
	#contactos {width:98%; margin:auto; padding:5px;}
	#contactos div {margin:5px;}

	.contactoTexto {padding:10px 5px; font-size:20px; line-height:22px;}

	.cajaTxt {width:95%; margin:auto !important; padding:10px; border:solid 1px #1c4387;}
	.contactoEtiqueta {padding-left:0px; text-align:left;}

	.contacto50, .contacto160, .contacto200, .contacto250, .contacto270, .contacto300, .contacto320, .contacto350, .contacto400, .contacto420, .contacto560, .contacto610, .contacto700, .contacto860 {width:100%; max-width:100%;}

	#contactoEnviar {text-align:center; display:block;}
	#contactoEnviar div {clear:both; margin:auto; padding-top:15px; text-align:center;}
	.contactoCheck {margin:0px 5px;}

	.modalVentana {width:96%; height:auto; top:50%; right:7%; left:2%; bottom:auto; border-radius:15px; transform:translate(0%,-50%); -webkit-transform:translate(0%,-50%);}
	.modalSalir {height:45px; line-height:43px; border-radius:15px 15px 0 0;}
	.formularioEnviado {width:100%; margin:0px; padding:20px; font-size:20px; line-height:24px;}

	.puntuacionCarro {padding:10px; font-family:'PTS'; font-size:16px; line-height:16px;}
	.puntuacionCarro p {padding:4px 0px;}

	.preguntasFAQ {width:94%; margin:auto;}
	.preguntasFAQ p {font-size:16px;}
	.preguntasFAQ .textoResaltado {font-size:18px;}


	/* ---------------------- BANNERS EFECTOS ---------------------------------- */

	#textoBanner {padding:10px;}
	#textoBanner .fontSize_28 {font-size:22px;}
	#textoBanner .fontSize_22 {font-size:17px;}	


}