/* color azul corporativo: #1A6194 */
/* color amarillo corporativo: #FFDF00 */

@font-face {
    font-family: 'icomoon';
    src:  url('../fonts/icomoon.eot?uaw9mo');
    src:  url('../fonts/icomoon.eot?uaw9mo#iefix') format('embedded-opentype'),
      url('../fonts/icomoon.ttf?uaw9mo') format('truetype'),
      url('../fonts/icomoon.woff?uaw9mo') format('woff'),
      url('../fonts/icomoon.svg?uaw9mo#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  
  [class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 30px !important;
  
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .icon-ico-check-yellow:before {
    content: "\e907";
    color: #ffdf00;
    vertical-align: middle;

  }
  .icon-ico-menor:before {
    content: "\e906";
    color: #4d4d4d;
    vertical-align: middle;
  }
  .icon-ico-compras:before {
    content: "\e905";
    color: #4e4d4d;
    vertical-align: middle;
  }
  .icon-ico-ac:before {
    content: "\e900";
    color: #4d4d4d;
    vertical-align: middle;
  }
  .icon-ico-gear:before {
    content: "\e901";
    color: #4d4d4d;
    vertical-align: middle;
  }
  .icon-ico-maleta:before {
    content: "\e902";
    color: #4d4d4d;
    vertical-align: middle;
  }
  .icon-ico-places:before {
    content: "\e903";
    color: #4d4d4d;
    vertical-align: middle;
  }
  .icon-ico-puertas:before {
    content: "\e904";
    color: #4d4d4d;
    vertical-align: middle;
  }

/* //////// HERRAMIENTAS ////////// */

.divider-xlarge {padding-top: 100px}
.divider-large {padding-top: 75px}
.divider-medium {padding-top: 40px}
.divider-small {padding-top:20px}
.divider-xsmall {padding-top:10px}

.divider-xlarge-blackline {padding-top: 100px; border-bottom: 1px solid dimgray}
.divider-large-blackline {padding-top: 75px; border-bottom: 1px solid dimgray}
.divider-medium-blackline {padding-top: 40px; border-bottom: 1px solid dimgray}
.divider-smal-blacklinel {padding-top:20px; border-bottom: 1px solid dimgray}
.divider-xsmall-blackline {padding-top:10px; border-bottom: 1px solid dimgray}

.divider-line-bottom {margin: 15px 0px;
                    border-bottom: 1px solid dimgray}

.texto-derecha {text-align: right}
.texto-izquierda {text-align: left}
.texto-centrado {text-align: center}

/* //////// NORMAS GENERALES ////////// */

a:hover {text-decoration: none}

/*///////// FUENTES /////*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed|Roboto:100,200,300,400,700');

body {font-family: 'Open Sans', sans-serif;}

/*///////// ESTILOS MENU BOOTSTRAP /////*/

.navbar{
    position: relative;
    /* display: -webkit-box; */
    /* display: -ms-flexbox; */
    display: block !important;
    -ms-flex-wrap: wrap;
    /* flex-wrap: wrap; */
    /* -webkit-box-align: center; */
    -ms-flex-align: center;
    align-items: center;
    /* -webkit-box-pack: justify; */
    /* -ms-flex-pack: justify; */
    /* justify-content: space-between; */
    padding: .5rem 1rem;
}

.contenedor-menu {background: black}

.navbar-nav {text-align: center}

.navbar-dark .navbar-toggler {
    color: #ffdf00;
    border-color: transparent;
}

.bg-dark {
    background-color: black !important;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,253,0,1)' stroke-width='3' stroke-linecap='square' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
}

.navbar-toggler, .login{
    float: right;
}

.navbar-toggler{
    margin-top: 13px !important;
}

.login{
    margin-right: 20px !important;
    margin-top: 20px !important;
}

.navbar-nav {margin: 20px 0px}

.navbar {padding: 1rem 0 1rem 0;}

.navbar-brand img {width: 190px}

.navbar-toggler:not([disabled]):not(.disabled) {
    cursor: pointer;
    outline: none;
}

.menu-text-icon {
    
    position: relative;
    top: 2px;
    color: #ffdf00;
    
}

/*///////// ESTILOS TOPBAR /////*/

.top-bar {display: none}

/*///////// ESTILOS SLIDER-BUSCADOR /////*/

.slider-buscador {
    max-width: 100%; 
    height: 500px; 
    background-image: url("../img/malaga.jpg");
    background-size: cover;
    background-position: center;
}

.contenedor-buscador {padding-right: 0px;
                    padding-top: 20px}

.contenedor-buscador h3 {color: #FFF;
                        font-weight: 700;
                        text-align: center}

.buscador {width: 100%;
        /*height: 300px;*/
        background: #ffffff}

.titular-buscador {background: #FFDF00;}

.titular-buscador h3 {color: black;
                    padding: 10px 0px;
                    font-weight: 900;
                    margin: 0px;
                    font-size: 1.5rem}

.label-buscador {text-align: center; margin: 0px
                }

.buscador .label-buscador h5 {font-weight: 400; font-size: 0.85rem; padding-top:15px}

.buscador .label-buscador .fa-calendar {position: relative; color: black; top:0; left: 0px}

input[type="date"] {padding: 5px; width: 60%}
input[type="text"] {width: 60%; text-align: center;}
input[type="time"] {padding: 5px; width: 30%}
input[type="submit"] {margin: 5px 0px 25px 0px;
                    width: 90%;
                    background: #1A6194;
                    border: 2px solid #1A6194;
                    padding: 8px;
                    color: #ffffff;
                    font-weight: 700;
                    font-size: 1.15rem;
                    transition: all 0.4s ease;
                    cursor: pointer}

input[type="submit"]:hover {border: 2px solid #FFDF00;
                            background: #FFDF00;
                            color: black}
.submit {padding: 5px; width: 60%}
.submit {width: 60%; text-align: center;}
.submit {padding: 5px; width: 30%}
.submit {margin: 5px 0px 25px 0px;
                    width: 90%;
                    background: #1A6194;
                    border: 2px solid #1A6194;
                    padding: 8px;
                    color: #ffffff;
                    font-weight: 700;
                    font-size: 1.15rem;
                    transition: all 0.4s ease;
                    cursor: pointer}

.submit:hover {border: 2px solid #FFDF00;
                            background: #FFDF00;
                            color: black}								  

/*///////// ESTILOS SLIDER-OFERTAS /////*/

.ofertas {padding: 50px 0px}

section .container h1 {text-align: center;
                    color: #1A6194;
                    font-weight: 300;
                    margin-bottom: 50px}

section .slider-ofertas {position: relative}

/*section .slider-ofertas:after {display: none;
                            position: absolute;
                            content: "\f104";
                            font-family: fontawesome;
                            top:25%;
                            left: -25px;
                            color: #FFDF00;
                            font-size: 120px}

section .slider-ofertas:before {display: none;
                            position: absolute;
                            content: "\f105";
                            font-family: fontawesome;
                            top:25%;
                            right: -25px;
                            color: #FFDF00;
                            font-size: 120px}  */                          

section .slider-ofertas .item-slider {margin-bottom: 75px}

section .slider-ofertas .item-slider img {max-width: 80%; margin: 0px auto 30px auto}

section .slider-ofertas .item-slider h2 {text-align: center; font-weight: 700; color: dimgray}

section .slider-ofertas .item-slider .desde {font-size: 30px;
                                            font-weight: 400;
                                            text-align: center;
                                            color: #1A6194;
                                            margin-bottom: 0px}

section .slider-ofertas .precio-slider {font-size: 60px;
                                        text-align: center;
                                        color: #1A6194;
                                        font-weight: 700;
                                        line-height: 100%}

section .slider-ofertas .precio-slider .euro {font-size:50px;
                                            color: #1A6194;
                                            font-weight: 700;}

section .slider-ofertas .precio-slider span {font-size: 30px;
                                            font-weight: 400;}

.boton {text-align: center}

.boton a {border: 2px solid dimgray;
        color: dimgray;
        padding: 10px;
        display: inline-block;
        width: 75%;
        font-size: 24px;
        transition: all 0.4s ease}

.boton a:hover {border: 2px solid #1A6194;
                color: #ffffff;
                background: #1A6194}

/*///////// ESTILOS SECCIÓN VENTAJAS /////*/

.ventajas {margin-bottom: 50px}

.ventajas .item-ventajas {text-align: center; margin-bottom: 50px}

.ventajas .item-ventajas img {max-width: 65%;
                            margin-bottom: 30px}

.ventajas .container h2 {text-align: center;
    color: #1A6194;
    font-size: 2.5rem;
    font-weight: 300;
    margin-bottom: 50px}

.ventajas .container .item-ventajas h3 {text-align: center;
                                        font-family: 'Open Sans Condensed', sans-serif;
                                        font-weight: 700;
                                        color: #1A6194;
}

.ventajas .container .item-ventajas .ventajas-descripcion {padding-top: 20px; font-size: 30px; line-height: 100%; font-weight: 300}

/*///////// ESTILOS SECCIÓN SERVICIOS /////*/

.servicios {background: #1A6194;
            padding: 50px 0px}

.servicios h2 {text-align: center;
    color: #ffffff;
    font-size: 2.5rem;
    font-weight: 300;
    margin-bottom: 50px}

.servicios h2 span {font-weight: 700}

.servicios h4 {padding-top: 30px}

.servicios h4, .servicios p {color: #ffffff}

.servicios p {font-weight: 300;
            font-size: 18px;
            text-align: justify}

/*///////// ESTILOS FICHA-COCHE ///////*/

.subheader {background: black;
            color: white;
            padding-top: 15px}

.dato-subheader {list-style: none; text-align: center; margin-left: -20px}

.dato-subheader li {display: inline-block;
                    position: relative;
                    padding-left: 3px}

.fa.fa-calendar, .fa.fa-arrow-right {
    position: absolute;
    top: -23px;
    left: 6px;
    color: #FFDF00;
	width:76px;
}

.fa-chevron-down {position: relative !important;
                color: #FFDF00;}

.dato-subheader .fechas-subheader h5{font-family: 'Open Sans Condensed', sans-serif;
                                    padding: 0;
                                    margin:0;
                                    font-size: 20px;
                                    font-weight: 700}

.dato-subheader .fechas-subheader p {font-family: 'Open Sans', sans-serif; padding: 0; margin:0}

.ficha-coche h3 {font-family: 'Open Sans Condensed', sans-serif;
                font-weight: 700;
                font-size: 40px;
                color: #333333}
            
.ficha-coche select{
    background: transparent;
    border: none;
    font-size: 16px;
    height: 30px;
    padding: 5px;
    width: 100%;
 }

 .ficha-coche select option {font-size: 18px}

 .ficha-coche select:focus{ outline: none;}

.ficha-coche .caja-select {
    margin:20px auto 40px auto;	
    border-bottom:1px solid #d9d9d9;
    height:30px;
    overflow: hidden;
    width: 97%;
    position:relative;}

.ficha-coche .caja-select::after {
    content: "\f078";
    font-family: 'fontawesome', sans-serif;
    display: table-cell;
    padding-top: 7px;
    text-align: center;
    width: 30px;
    height: 35px;
    background-color: white;
    position: absolute;
    top: -5px;
    right: 0px;
    pointer-events: none;
}  

.ficha-coche .caja-select option {width: 90%}

.ficha-coche input[type="submit"] {
    margin: 12px 0px 25px 0px;
    width: 100%;
    background: #1A6194;
    
    padding: 8px;
    color: #ffffff;
    font-weight: 700;
    font-size: 1.15rem;
    transition: all 0.4s ease;
    cursor: pointer;
}

.ficha-coche input[type="submit"]:hover {background: #ffdf00; color: black}

/*///////////////////////////////////////*/
/*///////// ESTILOS GRID COCHE //////////*/
/*///////////////////////////////////////*/

/*.foto-coche, .detalles-coche {border: 1px solid black}*/

.foto-coche img{vertical-align: middle}

.foto-coche img {max-width: 100%; height: auto; }

.icono-grid {list-style: none; padding: 0px}

.icono-grid li {display: inline;}

.detalles-coche {padding: 10px}

.detalles-coche h2, .detalles-coche h4 {color: black}

.detalles-coche li {color: #444444}

.detalles-coche h2, .detalles-coche h4, .detalles-coche ul, .detalles-coche p {text-align: center}

.lista-oferta {text-align: center !important; padding-left: 0px ; margin-left:-10px;}

.lista-oferta li {list-style: none}
.lista-oferta li i {color: #ffdf00}

.opcion-premium, .opcion-barato, .opcion-cancela-gratis {
    border: 2px solid black;
    text-align: center;
    padding: 10px;
    vertical-align: middle;
    margin-bottom: 30px}

.opcion-premium sup, .opcion-barato sup, .opcion-cancela-gratis sup {
        top: -0.5rem;
        color: white;
        }

.opcion-barato {background: white; color: black}
.opcion-barato h3, .opcion-barato h3 sup {color: black; padding:0; margin:0}
.opcion-barato button {color: black;
                        border: 2px solid black;
                        padding: 8px;
                        display: block;
                        transition: all 0.25s ease;
                        background-color: white;
						width:100%;
                    }

.opcion-barato button:hover {background: black; color: white;  cursor: pointer;}        
              

.opcion-premium {background: #FFDF00; color: black}
.opcion-premium h3, .opcion-premium h3 sup {color: black; padding:0; margin:0}
.opcion-premium h4{padding: 14px 0px;}
.opcion-cancela-gratis h4{padding: 14px 0px;}
.opcion-barato h4{padding: 14px 0px;}
h4 {font-size:1.4rem;}
.opcion-premium button {color: black;
                border: 2px solid black;
                padding: 8px;
                display: block;
                transition: all 0.25s ease;
                background-color: #FFDF00;
				width:100%;
            }

.opcion-premium button:hover {background: black; color: #ffdf00; cursor: pointer;}                

.opcion-cancela-gratis {background: white; color: black}
.opcion-cancela-gratis h3, .opcion-cancela-gratis h3 sup {color: black; padding:0; margin:0}
.opcion-cancela-gratis button {color: black;
                        border: 2px solid black;
                        padding: 8px;
                        display: block;
                        transition: all 0.25s ease;
                        background-color: white;
						width:100%;
                    }

.opcion-cancela-gratis button:hover {background: black; color: white; cursor: pointer;}                        

/*///////// ESTILOS CONTACTO.PHP /////*/

.contacto h1 {text-align: center; margin-top: 35px}


/*////////// FOOTER ////////////*/

.fa-map-marker {color: #1A6194}
.fa-volume-control-phone {color: #1A6194}

footer h3 {color: dimgrey; text-align: center}
.logo-footer img {width: 300px}
footer h3 {padding-top: 15px; color: #1A6194}
footer ul{text-align: left; list-style: none}
footer ul li {padding: 15px 0px;
            border-top: 1px solid yellow;
            position:relative}
footer ul li::before {display: block;
                    content:"\f105";
                    position: absolute;
                    color: dimgray;
                    font-family: 'FontAwesome',sans-serif;
                    top: 17px;
                    left: -15px;
                    }
footer ul li:last-child {border-bottom: 1px solid yellow}
footer a {font-size: 18px;
                color: dimgray;
                }

footer p {text-align: left; font-size: 18px; line-height: 28px}

.security {padding-top: 0px}

footer form {margin: 0px 15px;  }

.footer-form input[type="text"],
.footer-form input[type="email"],
.footer-form input[type="tel"],
.footer-form input[type="submit"],
.footer-form textarea {
                        width: 100%;
                        margin-bottom: 23px;
                        padding: 5px 10px;
                    }

.footer-form textarea {min-height: 150px; max-height: 150px}

footer .copy {text-align: center; padding: 20px 0px}
footer .copy h4 {font-weight: 300; font-size: 15px}

/*///////////////////////////////////*/
/*//////////   ALQUILER  ////////////*/
/*///////////////////////////////////*/

.proceso-compra {background: black;}

.proceso-compra ul {width: 100%;
                    padding: 25px 0px;                    
                    list-style: none;
                    margin: 0px;
                    text-align: center;
                    font-family: 'Open Sans Condensed', sans-serif;
                    }

.proceso-compra ul li:first-child {color: gray}                    

.proceso-compra ul li:nth-child(2) {color: #ffdf00}

.datos_factura ul li:nth-child(2) {color: gray}

.datos_factura ul li:nth-child(3) {color: #ffdf00 !important;}

.proceso-compra ul li:nth-child(3), .proceso-compra ul li:nth-child(4) {color: white}

.proceso-compra ul li {display: inline-block;
                    width: 24.0%; margin:0; padding: 0px}                    

.proceso-compra ul li h5{font-weight: 700;}

.img-responsive {max-width: 100%;
                height: auto;}

.modelo-coche {font-family: 'Open Sans', sans-serif;
            font-weight: 300;
            font-size: 36px;
            color: #1A6194}
            
.texto-pedido {font-family: 'Roboto', sans-serif !important;
                color: dimgray;
                font-weight: 300;
                }

.titulo-pedido {font-family: 'Roboto Condensed', sans-serif;
                font-weight: 700;
                color: dimgray}
                
.sangrado {list-style: none; padding-left: 5px}                

.sangrado span {
    display: inline-block;
    width: 30px;
    text-align: center;
    font-size: 22px;
    height: 16px;
    line-height: 100%;
    }

.condiciones {display: block;
            text-decoration: underline} 
            
.titular-formulario-alquiler {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 100;
    color: #1A6194;
    font-size: 45px;
    line-height: 100%;
    padding-top: 25px;
}

.titular-bloque-alquiler {font-family: 'Roboto Condensed', sans-serif;
                        font-size: 25px;
                        color: dimgray}

.roboto-negrita {font-family: 'Roboto', sans-serif;
                font-weight: 700}

.precio-sección {font-family: 'Roboto', sans-serif;
                font-weight: 700;
                text-align: right;
                padding-right: 30px}

.check-amarillo {font-family: 'Roboto', sans-serif;
                color: dimgray;
                font-weight: 300;
                list-style: none;
                padding-left: 20px}                
                
.check-amarillo li{position: relative;}
                
.check-amarillo li::before {
    display: block;
    content: "\e907";
    font-family: 'icomoon' !important;
    position: absolute;
    top: 0;
    left: -20px;
    color: #ffdf00;
}

.contenedor-lista {vertical-align: middle; padding: 15px 0px}

.icono-servicio {padding: 5px; text-align: center;}

.descripcion-servicio {padding: 5px;}

.ico-svg {width: 50px}

.contenedor-lista {padding: 10px;}

.contenedor-lista-dos {padding: 10px; border: 2px solid #FFDF00}

.contenedor-lista-relleno {padding: 10px;
                        border: 2px solid #FFDF00;
                        background: #fff5c0}

.contenedor-lista .texto-pedido,
.contenedor-lista-dos .texto-pedido,
.contenedor-lista-relleno .texto-pedido {margin-bottom: 0px}

.contenedor-lista .fondo-amarillo {background: #ffdf00; padding: 10px 0px}

.lista-icono {padding: 0px;
            list-style: none;
            margin-bottom: 0px}

.lista-icono li {
    display: inline-block;
    vertical-align: middle;
}

.lista-icono li a:hover {text-decoration: underline}

.texto-pedido-cantidad {padding-left: 10px}

.mejor-precio {font-family: 'Roboto', sans-serif;
                font-size: 24px;
                font-weight: 400;
                color: #1A6194}

.boton-pedido {background:#1a6194;
                color: white;;
                border:1px solid #1A6194;
                transition: all 0.25s ease;
                cursor: pointer;
                font-family: 'Roboto', sans-serif;
                font-size: 24px;
                font-weight: 700;
                padding: 10px 15px}
                
.boton-pedido:hover {background: #ffdf00;
                    border:1px solid black;
                    color: #1A6194}


/*///////////////////////////////////*/
/*////////// MEDIA QUERY ////////////*/
/*///////////////////////////////////*/

@media (min-width: 768px) {

    .top-bar {display: block;
            padding: 10px 0px}

    .top-bar .direccion-telefono h5 {font-weight: 300;
                                    padding-left: 15px;
                                    color: #1A6194}
    
    .top-bar .login {text-align: right;
                    padding-right: 30px;
                    color: #1A6194}
    
    .top-bar a {color: #1A6194}

    .navbar-brand img {width: 369px}

    .contenedor-buscador {padding-right: 30px}

    .label-buscador h5 {font-weight: 400; font-size: 1.25rem}

    .security {padding-top: 35px}

    /*section .slider-ofertas:after {display: block;
        position: absolute;
        content: "\f104";
        font-family: fontawesome;
        top:25%;
        left: -25px;
        color: #FFDF00;
        font-size: 120px}

section .slider-ofertas:before {display: block;
        position: absolute;
        content: "\f105";
        font-family: fontawesome;
        top:25%;
        right: -25px;
        color: #FFDF00;
        font-size: 120px}*/

.ventajas .item-ventajas img {max-width: 90%;}

.dato-subheader {list-style: none; text-align: left}

.lista-ofeta {padding-left: 20px !important}

}


.login a, .login a:hover, .login a:visited, .login h5, .login i{
    color: #ffdf00;
}

section.confirmacion-reserva{
    margin-top: 50px !important;
}

.mensaje-reserva{
    font-size: 24px;
    text-align: center;
}

.recuadro-amarillo{
    border: #FFDF00 thick solid;
    padding: 10px;
    border-radius: 10px;
}

.boton-volver{
    background: #1a6194;
    color: white !important;
    border: 1px solid #1A6194;
    transition: all 0.25s ease;
    cursor: pointer;
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    font-weight: 700;
    padding: 10px 15px;
    margin: 30px auto 50px auto !important;
}

.boton-volver:hover{
    background: #ffdf00;
    border: 1px solid black;
    color: #1A6194 !important;
}

.apunte_reserva{
    font-weight: bold;
}
/*
 * Let's target IE to respect aspect ratios and sizes for img tags containing SVG files
 *
 * [1] IE9
 * [2] IE10+
 */
/* 1 */
.ie9 img[src$=".svg"] {
  width: 100%; 
}
/* 2 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  img[src$=".svg"] {
    width: 100%; 
  }
}
#barraaceptacion {
    display:none;
    position:fixed;
    left:0px;
    right:0px;
    bottom:0px;
    padding-bottom:20px;
    width:100%;
    text-align:center;
    min-height:110px;
    background-color: rgba(0, 0, 0, 0.5);
    color:#fff;
    z-index:99999;
}
 
.inner {
    width:100%;
    position:absolute;
    padding-left:5px;
    font-family:verdana;
    font-size:12px;
    top:30%;
}
 
.inner a.ok {
    padding:4px;
    color:#faff00;
    text-decoration:none;
}
 
.inner a.info {
    padding-left:5px;
    text-decoration:none;
    color:#1A6194;
}
#estrella1::before{content:none !important}
#estrella2::before{content:none !important}
.codexworld_rating_widget{
    padding: 0px;
    margin: 0px;
    float: left;
}
.codexworld_rating_widget li{
    line-height: 0px;
    width: 28px;
    height: 28px;
    padding: 0px;
    margin: 0px;
    margin-left: 2px;
    list-style: none;
    float: left;
    cursor: pointer;
}
.codexworld_rating_widget li span{
    display: none;
}