/*** generales ***/
.container > .row > *[class^='col-md-'] {}
body{font-size:1.4em}
h1{color:#fff;margin: 0; padding: 0;}
h2{color:#72a300;font-size:2.142857em;font-weight: 400;margin-bottom: 1em;}
h3{font-size:1.428571em} /*20px*/
.btn.btn-lg {padding: .2em 1.8em;}
a.flecha{padding-left: .85em;background: transparent url("../img/flecha_links.png") no-repeat 0 .3em;font-weight:600;}
label{font-weight:normal}
ul.none {list-style:none none}
.well {border: none;box-shadow: none; background-color:#eeeeee}
.well.success {background-color: #90ce00;}
.well.notes{background-color:transparent;border: 1px solid #a8abad;}
/*tablas*/
.table caption{font-size: 1.142857em;padding:0.25em;text-transform:uppercase; text-align:center; background-color:#6f767d; color:#fff}
.table {border:1px solid #c6c9cc; border-collapse: collapse}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    border-top: 1px solid #c6c9cc;
}
.table>thead>tr>th{border-bottom: 1px solid #c6c9cc;}
.table.table-bordered * {border-color: #c6c9cc !important;}
.table th{color:#1a2732;}
/* .table >.row{color:#1a2732; border-bottom:1px solid #c6c9cc; border-collapse: collapse} */

.no_float {float: none;}

.botonera{margin-top:1em;clear: both;}

.botonera.confirm p{font-weight:bold;font-size: 1.285714em;margin-bottom: 1em;}
.botonera.confirm .btn {padding: .2em 4em;}
.botonera.confirm .btn + .btn{margin-left:1em;}

iframe{display:none}

/************ ESTRUCTURA ************/
/*header*/
.header{background-color: #1a2732;color:#fff;display: block;padding: 3.5em 0;width: 100%;min-height: 13em;font-size: 0.71428571em;/*10px*/}
h1.logo{background: transparent url(../img/aena-parking.png)  no-repeat 0 50%;font-size:1em;height: 5.8em;width: 23.2em;}
.header .navbar {position:relative;}
.header .tools > * {float:left;}
.header .tools{margin-top:1.4em;height:4em;float: right;text-align: right;}
.header .tools p.user{display:inline-block;font-size:1.4em;line-height:2.4;background: url(../img/usuario-ico-90CE00.png) no-repeat 0 50%;padding:0 1em 0 3em;}
.header .tools span.sep{background-color:transparent;margin-left: 1.7em;border-right: 1px solid #6f767d;display:inline-block;height: 3.6em;padding:0;}
.header .tools .btn{margin-left: .7em; margin-bottom: 1em;}
.header .tools .btn.quit{background-color: #eee;color: #000;border-color: #fff;}
.header .idiomas {border: 1px solid #fff;z-index: 1000;font-size: 1.4em;display: inline-block;height: 2.4em;overflow: hidden;border-radius: .25em;position: relative;padding-right: 1em;margin-left:1.4em;background-color: #1a2732;/* float: right; */}
    .header .idiomas.open{ height:auto }
    .header .idiomas.open .caret{border-top-width: 0; border-bottom: 4px solid #fff;}
.header .idiomas ul{color:#fff;z-index: 1000;list-style:none;padding: .25em 1em;}
.header .idiomas ul li {text-align: left;line-height: 1.8;}
.header .idiomas ul li a {color:#fff}
.header .idiomas ul + a {float:right;display:inline-block;color:#fff;position: absolute;right: .6em;top: .35em;}
.header .idiomas .btn, .header .idiomas .btn:focus , .header .idiomas .dropdown-menu{border-color:#fff;}

/*footer*/
.footer {background-color: #1a2732;color: #a8abad;font-size: 1em;display: block;padding: 1.8em 0;width: 100%;text-transform:lowercase;margin-top: 2.5em;} 
.footer a {color:#a8abad}
.footer ul {list-style:none none; margin:0; padding:0}

.footer ul.menu{margin-top:.25em}
.footer ul.menu li{display:inline;width:auto;float:left;list-style:none none;text-align:center;height:Auto}
.footer ul.menu li a{border-right:1px solid #90CE00;padding: 0 .2em}
.footer ul.menu li:last-child a{border:none}
.footer ul.menu li:first-child a{padding-left:0}
.footer ul.menu li a abbr {text-transform:uppercase}
.footer .copyR{text-align:right}
.footer .copyR, .footer .sub_pie a {text-transform:lowercase;color:#90ce00;margin-bottom: 0;font-weight:bold}
.footer hr.sep {border-top: 1px solid #525c65;clear: both;margin: 2em 0;width: 100%;}

/*contenedor principal*/
.mainContent .container {}
#login{background-color:#eeeeee; overflow:hidden; padding: .4em 0; text-align:right;border-bottom:1px solid #ddd}
#login p, #login form {display:inline; margin-right:0.9em;}
#login em {font-weight:bold}
#login em + span {margin:0 .4em 0 .6em;}
#login span.sep {margin: 0 1em;border-right: 1px solid #6f767d;display: inline-block;width: 1px;height: 25px;/padding: 0;}
#login .form-group{margin-right:1em}
#login label {font-weight:600; font-size:0.9;}
#login .btn{padding:.2em 1.2em}
#login .btn-default{background-color:#a8abad;border-color:#a8abad}

/*Pestaņas de UNF*/
.nav-pills > li > a{background-color:#a8a4a4;color: #1a2732;text-align: center;width: 154px;}
.opciones{margin-left:auto;margin-bottom:2px}
.modal-body .container-fluid .row+.row {margin-top: 1rem;}

/*Pasos de compra*/
.nav-pills.steps {background: transparent url("../img/fnd_pills.png") repeat-x scroll 0 50%;margin: 0 0 1.5em;}
.nav-pills.steps > li > span{background-color:#eeeeee;color: #1a2732;text-align: center;display: block;padding: 10px 0;border-radius: 4px;margin-right: 15px;width: 154px;}
.nav-pills.steps > li > span > span {margin-left:.2em;}
.nav-pills.steps > li:last-child > span{margin-right:0;}
.nav-pills.steps > li.active > span {background-color: #1a2732; color: #fff;}
.nav-pills.steps > li.off > span {background-color: #90ce00; color: #1a2732;}
.nav-pills.steps > li.off > span > span {cursor: pointer;}

/*** HOME ***/
.intro h3{font-size: 1.714285em;margin: 0 0 1em;}
ul.ventajas{list-style:none;font-size:18px;margin:0 0 1em;padding: 0;}
ul.ventajas li {background: transparent url("../img/flecha-ventajas.png") no-repeat scroll 0 0.4em;padding: 0 0 .5em 1em;}
ul.ventajas li > strong{color:#72a300}
/*promociones*/
ul.tipoParking {list-style:none; margin:0; padding:0}
ul.tipoParking li{font-size:0.71428571em;/*10px*/float:left;padding: 0 2.5em 0 1.8em;width:32%;border-right:1px solid #a8abad;position: relative;height: 20em;}
ul.tipoParking li:last-child{border:none}
ul.tipoParking li > img {margin-bottom:1em}
ul.tipoParking li p {font-size:1.6em;line-height: 1.2;}
ul.tipoParking li p > strong{font-size:1.125em}
ul.tipoParking li p.nota{font-size: 1.2em;font-style:italic;position: absolute;bottom: 0.5em;}
/*tipos de parking*/
ul.tipoParking li.bajo-coste p:first-of-type {color:#f13473; background: transparent url("../img/ico_bajo_coste.png") no-repeat scroll 0 0}
ul.tipoParking li.general p:first-of-type {color:#00a9e0;background: transparent url("../img/ico_general.png") no-repeat scroll 0 0;}
ul.tipoParking li.larga-estancia p:first-of-type {color:#f9b200;background: transparent url("../img/ico_larga_estancia.png") no-repeat scroll 0 0}

/*modulo reserva*/
#modulo_reserva {background: #90ce00 url("../img/parking_logo.png") no-repeat scroll 94% .8em;padding: 0 1.2em .6em 1.2em;border-radius:.3em;overflow: hidden;}
#modulo_reserva > h3 {margin: 1em 0 .5em;font-weight:bold;font-size: 1.714285em; max-width:9em;}
#modulo_reserva .form-group{margin-bottom: .5em;}
#modulo_reserva label{margin:0 0 .15em;font-size:1.142857em}
input[type=text].cald{background: #fff url("../img/ico_calendar.png") no-repeat 0.4em center; padding-left: 2.8em}
#modulo_reserva button[type=submit]{text-transform:uppercase;margin: 0 0%;width: 100%;padding: .5em;margin-top: .5em;}
#modulo_reserva .glyphicon{font-size: 2em; color: #1a2732;}
#modulo_reserva #info{float: right;padding-top:1.8em}
#modulo_reserva .popover.left {}

/*** DISPONIBILIDAD ***/
.chat_help {float:right;color: #72a300;font-size:1.143em;background: transparent url("../img/ayuda_chat.png") no-repeat scroll right 50%;padding-right: 3em;line-height: 1.8;position: relative;top: 1.4em;right: .4em;}

.datos_reserva {border:1px solid #cbcdce;border-radius:.4em;padding: 1.5em; margin-bottom:1.5em}
.datos_reserva h3{margin: 0;font-size:1.429em} /*20px*/
.datos_reserva p {margin-bottom:0;font-size:1.143em}/*16px*/
.datos_reserva p > strong {color:#72a300}
.datos_reserva p > .btn {margin-left:2.5em}

/*** MODIFICAR RESERVAS ***/
@media screen and (max-width:979px){
    div.wrapper-table{width: 100% !important;overflow-x:scroll;overflow-y: hidden;padding-left: 0 !important;clear: both;margin-bottom: 1em;}     
}


/*** MODIFICAR PARKING ***/
form.modifica_parking{margin-top:1em;position: relative;overflow: hidden;}
form.modifica_parking > div {float:left;margin: .5em 0 0 0;}

form.modifica_parking > .btn{
}
form.modifica_parking label{margin: 0 0 .15em;display:block;font-size: 1em;}
form.modifica_parking .form-control{padding:0 .25em;}
form.modifica_parking #cod_prom{width: 11em;}
form.modifica_parking input.cald{background: #fff url("../img/ico_calendar.png") no-repeat 0.4em center;padding-left: 2.8em;width: 9.5em;}

.myModal-dialog {width: 350px;margin-top: 34px;margin-bottom: 34px;margin-left: auto;margin-right: auto;position: relative;}
.myModal-dialog p.text-warning{font-size: 1.25em;}

/*inicio - ofertas*/
.promos{overflow:hidden;}

.filtro{background-color:#96ce00;overflow: hidden;border-radius: .25em;height: 2.5em;margin-bottom: .75em;}
.filtro > div {line-height:2.5;border-right:1px solid #fff;font-weight: 600;}
.filtro > div:first-of-type{padding-right:1em}

.ofertas{background-color:#eeeeee;border-radius:.5em;font-size: 1em;margin-bottom: .75em;padding: 0;overflow: hidden;}/*1.143em - 16px*/
.ofertas > div {border-right:1px solid #fff;padding: 1em;}
.ofertas > div:last-of-type{border:none}
.ofertas .tipo_pkg{float:left;margin-right:1em;}
.ofertas a {font-weight:600}
.ofertas ul {list-style-type:none;padding-left: 0;}
.ofertas ul li {padding:0 0 .6em 0;line-height:1;overflow: hidden;}
.ofertas .ventajas h4 {margin:0 0 1em;min-height: 2em;}
.ofertas .ventajas ul {margin-left:10.4em}
    .ofertas .ventajas.promocion ul {width:52%}
     .ofertas .ventajas.promocion img ~ img{position:absolute; top:3em; right:.4em}
.ofertas .ventajas ul li {padding:0 0 .6em 1.5em; background: url('../img/ico_check.png') no-repeat 0 0 }
.ofertas .datos ul li > img {margin: 0 .5em .5em 0;float:left;}
.ofertas .precios {text-align:center;}
.ofertas .precios .fijo, .ofertas .precios .descuento  {color:#dc4768;}
.ofertas .precios .descuento{margin-bottom:0}
.ofertas .precios .fijo{font-size: 2.57143em;font-weight: 700;line-height: 1;margin-bottom: 0;}
.ofertas .precios .btn{ padding: .2em 1.4em; font-weight:normal; margin-top:1em }

/*** MEJORAS ***/
/*mejoras*/
h3.sub_title_inside{background-color:#90ce00;line-height: 2.1666;margin-top:0;border-radius: .25em;padding-left: .8em;font-weight: 400;font-size: 1.71428571em;}
.mejoras{background-color:#eee;border-radius:.5em;font-size: 1em; padding:0; margin-bottom: .75em;}/*1.143em - 16px*/
.mejoras > div{padding:1.2em;}
.mejoras h4 {font-size:1.42857em}
.mejoras p {line-height:1.2}
.mejoras > div > img + div{margin-left:6.5em;}
.mejoras > div:first-of-type{border-right:2px solid #fff}
.mejoras .traslado + ul {list-style:none; padding-left:0; margin-bottom:1.5em}
.mejoras a.plus, .complementos a.plus  {background: url('../img/ico_plus.png') no-repeat 0 .2em;padding-left: 1.5em;font-weight:600;}
.mejoras .precios{text-align: center;padding-top: 2em;}
.mejoras .precios p {margin-bottom:0}
.mejoras .precios .fijo, .mejoras .precios .descuento  {color:#dc4768;}
.mejoras .precios .descuento{margin-bottom:0;}
.mejoras .precios .fijo{font-size: 2.14285em;font-weight: 700;line-height: 1;}
.mejoras .precios .btn{margin-top:1em}
.mejoras #mejorarYPagarProducto{width: 9em; padding-left: 1em;}

/*** COMPLEMENTOS ***/
.row.tab_complementos h2 {margin-bottom: .25em;}
.row.tab_complementos h3{margin: 0 0 1em;} /*20px*/

/*bloques*/
.complementos{background-color:#eeeeee;border-radius:.5em;font-size: 1em; padding:1.2em 1em;margin-bottom: .75em;}/*1.143em - 16px*/
.complementos > div {margin-left: 6em;}
.complementos h4{margin: 0 0 .5em 4.5em;font-size: 1.42857em;}
.complementos > img {margin: 0 1em 1em 0;}
.complementos ul {list-style-type:none;padding-left: 0;margin-bottom:1em}
.complementos ul:first-of-type li {padding:0 0 0 1.5em; background: url('../img/ico_check.png') no-repeat 0 .2em }
.complementos ul li{overflow:hidden; margin-bottom:.35em}
.complementos ul li > img {margin: 0 .5em 0 0; float: left;}
.complementos li a {font-weight:bold}
.complementos .precios{text-align:right}
.complementos .precios p {margin-bottom:0}
.complementos .precios .fijo, .complementos .precios .descuento  {color:#dc4768;}
.complementos .precios .descuento{margin-bottom:0;font-size: 1.14285em;}
.complementos .precios .fijo{font-size: 2.571428em;font-weight: 700;line-height: 1;}
.complementos .tachado{text-decoration:line-through;}
.complementos .btn{padding: .2em 0;font-weight:normal;margin-top: 1.1em;}
.complementos .btn-default {background-color: transparent;}

.complementos #salasVip, .complementos #carWash {overflow: hidden;margin-top: 1em;}
.complementos label{margin: 0;}
.complementos #salasVip select, .complementos #salasVip input[type="text"]{padding: .25em;}


/*** DETALLES ***/
.detalles {font-size: 1em;}
.detalles .row > div[class^='col-md-']{float:none; clear:both}
.detalles h4{margin:0 0 1em;font-size: 1.42857em;}
.detalles legend {border-bottom:1px solid #c8cacc;margin: 0 0 .7em;}
h4.head_sep {border-bottom:1px solid #c8cacc;margin: .7em 0 0;padding-bottom:.25em;font-size: 1em;}
.detalles fieldset:first-of-type legend{margin-top:0}
.detalles label, .detalles .label_false {margin:1em 0 0; font-size:1.142857em} /*16px*/
 p.oblig {font-size: 0.85714em;position:absolute;right: 1.5em;top: 6em;}
 p.obligGestion {font-size: 0.85714em;text-align:right; right: 1.5em;top: 1.5em;}
 p.checkPromo{font-size: 0.8em;}
 label > sup, .detalles .label_false > sup, p.oblig > sup, p.obligGestion > sup{color: #d9154a;font-weight:bold;font-size:1.05em;position:relative;top:.05em;padding:0 .35em;}
.detalles .no_left_padd{padding-left: 0;}
.detalles .accesos input[type=radio] {margin-right:.4em}
/* .detalles .accesos input[type=text] {margin:0 0 0 2.5em;width: 10em;} */
.detalles .accesos input[type=text] {width: 12em;}
.detalles .accesos #ocupantes {width:5em}
.detalles .datos_adicionales input[type="text"]{width:15em;}
.detalles .notas label{font-size:1em;margin:0}
.detalles .notas a{font-weight:bold}
.detalles .notas .help-block a{margin-left:1.5em;}
.detalles .usuario_logado p{font-size:1.142857em;font-weight:bold;padding: 0;min-height: initial;}
.btn.go_back{color:#71777d !important}
.go_back > span {font-size: 1.4em;display: inline-block;width: .6em;overflow: hidden;line-height: .8;vertical-align: text-top;color: #71777d;}
#botImp{margin-right: 0.5em; margin-left: 0.5em;}
	

/*login*/
 a.registro {font-size: 0.9em !important;;font-style: italic;color: #f56102 !important; cursor:pointer;}
 a.recordar {font-size: 0.9em;font-style: italic;color: #f56102; cursor:pointer;}
 input#psw {width: 100px;}


/*** MODULO RESUMEN COMPRA ***/
#mod_resumen_compra {background-color: #90ce00;float: left;padding: 0 1.2em .6em 1.2em;border-radius:.3em;width: 100%;max-width: 27em;;z-index:1}  /*10px*/
#mod_resumen_compra > .row{padding:.8em 0;}
#mod_resumen_compra > .row.brd {border-top: 1px solid #1a2732;}
#mod_resumen_compra > .row hr{border-top: 1px dotted #71777d;margin: .5em 0 1em;}
#mod_resumen_compra img.ico {width: 2.857142em;float:left;}
#mod_resumen_compra img.ico + div {margin-left: 3.571428em;}
#mod_resumen_compra h3 {font-weight: 400;font-size: 1.71428571em;margin: 0;line-height: 2.1666;}
#mod_resumen_compra h4 {font-weight: 400;font-size: 1.285714em;margin: 0;line-height:2;}
#mod_resumen_compra .row .glyphicon-remove-circle {color: #830000;font-size:2em;float:right;margin-right: .5em;}
#mod_resumen_compra .row p {margin-bottom:0;font-size:1.1428571em;margin-right: 2em;} /*16px*/
#mod_resumen_compra .row p:first-of-type {font-size:1.285714em;margin-bottom: .25em;line-height: 1.1;} /*16px*/
#mod_resumen_compra > .row p:last-child{font-size: 1.714285em;} /*24px*/
#mod_resumen_compra .row .total{margin-left: 3em;}
#mod_resumen_compra .row .total > p {font-size:1.1428571em;margin-bottom:0;}
#mod_resumen_compra .row .total > p:last-child{font-size: 2.571428em ;margin-bottom: 0;line-height:1;} /*36px*/
#mod_resumen_compra .btn{padding: .25em 1em;font-weight: 600;font-size: 1.571428em;}
#mod_resumen_compra .btn > span.glyphicon {font-weight:300 !important;top: .2em;}
#mod_resumen_compra.affix{top: 5px;}


/*** RESUMEN COMPRA ***/
.resumen {margin-bottom: .75em;font-size: 1.142857em;} /*16px*/
.resumen .form-horizontal{margin: .5em 0;}
.resumen .form-horizontal .control-label{text-align:left;padding-top: 0; line-height: 1.1; }
.resumen .form-horizontal .control-label-info{text-align:left;padding-top: 0.3em; line-height: 1.1; }
.resumen .form-control-static{font-weight:bold;padding-top: 0;}
    .narrow_static .form-control-static {padding-bottom: 0;min-height: inherit;}
.resumen .form-control-static-info{font-weight:600;font-size:0.8em; text-align:justify; padding-top: 0;}
.resumen .form-group {margin:0;}
.col-md-11 .resumen .form-group {}
.resumen .form-group.titular {font-size: 1.25em;border-bottom:1px solid #c8cacc;margin: .5em 0 1em;padding-bottom:0;line-height: 1;}
.resumen .form-group.titular p {min-height: initial;padding-bottom: .35em;}
.resumen .form-group.loc{font-size: 1.25em;}
.resumen .form-horizontal.total{border-top:1px solid #c8cacc; border-bottom:none; padding-top:1em}
.resumen .form-group.total label strong{display:block; text-transform:uppercase}
.resumen .form-group.total .form-control-static {font-size:2.5em}
.resumen h4 {border-bottom:1px solid #c8cacc;padding-bottom: .25em;margin-bottom: .75em;font-size: 1.25em;}
.resumen .localizador{background-color: #7d5cc6;color:#fff;padding:.2em 1em;margin-left:.5em;border-radius:.5em;font-weight:normal;display:inline-block;}
.resumen .localizador.QR{padding: .85em;text-align:center;margin:1em auto;min-width: initial;clear: both;}
.resumen .localizador.QR > span {display:block;margin-bottom: .8em;}
.resumen p.localizador {font-size:1.25em;display:block; text-align:center;margin:0 0 1em; padding:.5em;font-family: "Times New Roman", Times, serif;}
.resumen.success p:first-of-type{font-size:1.25em}

/*modulo encuesta*/
#mod_encuesta {position:relative;} 
#mod_encuesta h4 {font-size: 1.42857em; border-bottom:1px solid #86b326;padding-bottom: .25em;margin-bottom: .75em;}
#mod_encuesta form p {line-height:1.2; margin-bottom:1.5em;font-size: 1.142857em;} /*16px*/
#mod_encuesta p.oblig{top:2.5em}
#mod_encuesta .form-group {margin-bottom:1.5em}
#mod_encuesta .form-group > label{font-weight: bold;margin-bottom: 0;line-height:1.2; font-size: 1.142857em;}
#mod_encuesta label.radio-inline{}


/*modulo notas*/
.notes h4{margin-top:0}
.notes p {color:#71777d; line-height:1.1}
.notes p a.flecha{display:inline-block} 

/*** GESTION DE RESERVAS ***/
.well.gestion {}
.gestion h4 {font-size: 1.42857em;margin: 0 0 .5em;}
.gestion label {font-size: 1.142857em; margin: 1em 0 0;}
.gestion .form-control{padding:0 .5em;}
.gestion div[class^='col-md-'] {min-height:5em;}
.btn_inline {position:absolute;bottom: 0;/* right: 0; */}
h4.subTitulo{font-size: 1.142857em;padding:0.35em;text-transform:uppercase; text-align:center; background-color:#6f767d; color:#fff; border-radius:.25em}
.mod_reserva{border: 1px solid #6f767d;border-radius:.5em;padding: 0;margin: 0 0 1em;}
.mod_reserva h5{font-weight:bold;margin: 1em .8em;font-size: 1.1428571em;;font-family: "Times New Roman", Times, serif;}
.mod_reserva dl{margin: 0 1em 1em;color: #71777d;}
.mod_reserva dl dt{float:left;line-height:1.2; margin-bottom:.5em}
.mod_reserva dl dd{margin: 0 0 .5em 7em;line-height:1.2;word-break: break-all;text-overflow: ellipsis;}
.mod_reserva .btn{padding:.2em .8em}
.mod_reserva .btn + .btn {margin-left:.5em}
.mod_reserva .checkbox-inline {background-color: #dddfe0;color:#1a2732;display:block;margin-top:1em;padding:.5em;text-align:right;border-radius: 0 0 .5em .5em;}
.mod_reserva .checkbox-inline input[type="checkbox"]{position:static; margin:0 0 0 .5em }
#icono #exportarExcel {width: 25px;mheight: 25px; margin-bottom: 10px; margin-right: 10px; cursor:pointer;}
#loc_1 {font-family: "Times New Roman", Times, serif;}

/*** pie ***/
p.primera_letra:first-letter {
    text-transform: uppercase;
}

/*** Solicitud factura ***/
.solicitud h4{margin: .5em 0;font-size: 1.42857em;}
.solicitud label{
    margin: 1em 0 0;
    font-size: 1.142857em;
}

@media screen and (min-width: 980px){
    form.modifica_parking *[class^='col-xs-'] {width: inherit;}
}


@media (min-width: 1200px){
	
	#inbenta .container {
	    max-width: 1170px;
	    width:100%;
	}
}

@media (min-width: 992px){
#inbenta .container {
    max-width: 970px;
    width:100%;
	}
}

@media (min-width: 768px){
#inbenta .container {
    max-width: 750px;
    width:100%;
	}
}

@media screen and (min-width: 320px) and (max-width: 979px){
   /*generales*/
   .container > .row {margin-left: 5px;margin-right: 5px;} 
   .row.tab_complementos{padding:.5em}
   h1.logo{background-size: 16em;display: inline-block;width: 16em;height: 4em;margin-left: .5em;}
   h2 {font-size: 2em;display:block;}
   h3 {font-size:16px; } 
   
   #mod_resumen_compra.affix{position:static; max-width:100%; margin:10px 0}
   p.oblig{position:static;margin:0 0 1em;text-align: right;}


    /*header*/
    .header{min-height: 4.5em;padding: 1em;}   
    .navbar {margin-bottom:0}
    .navbar .navbar-toggle .icon-bar { background-color: #fff;}
    .navbar-collapse{text-align: center;padding-top: 1em;}
    .navbar-collapse.in{/* overflow-y:initial; */}
    .navbar-collapse > .btn{margin:0 auto;width: 13.57142em;}

    .header .tools {float:none;margin.top: 0;height: auto;text-align:center}
    .header .tools > * {float:none}    
    .header .tools > a {width:13.8em;margin-top:.75em;margin-left: 0 !important;}    
    .header .idiomas_xs {border-left:none;border-top:1px solid #e9ecef;margin: 1.5em auto 0;padding: 1.5em 0 0;width: 19em;clear: both;}
    .header .idiomas_xs .btn{background-color:transparent;color:#e9ecef;border:1px solid #e9ecef;margin-bottom:1em;margin-left: 0;}
    .header .idiomas_xs .btn.active{background-color:#e9ecef;color:#1a2732;margin-left: 0;}

    /*login*/
/*     #login{text-align:center;height: 3.6em;} */
    #login{text-align:center}
/*     #login.open{height: auto;}    */
    #login p{margin: 0 0 1em;padding-bottom: .6em;background: transparent url("../img/flecha_down.png") no-repeat 50% bottom;display: block;}
    #login form {width: 100%;margin: 0.5em auto;overflow: hidden;display: block;}
    #login .form-group {margin:.5em 0;position: relative;}
    #login .form-inline .form-control { display: inline-block; width: 15em;  vertical-align: middle;}
    #login a.help{position:absolute;margin:.2em 0 0 .4em;}
    #login label{display:inline-block;width:6em;text-align:right;padding-right: .25em;}
    #login span.sep {border-bottom:1px solid #1a2732;border-right:none;display:block;width:100%;margin: .75em 0 0;height: 1px;}
    #login .btn {width:8em;margin-top: .75em;}



   /*pasos*/
   .nav-justified{}
   .nav-pills.steps {width: auto;}
   .nav-justified>li{float:left;width: 12%;margin: 0 5% 0 0;}
   .nav-pills.steps > li > span {margin: 0 0;width: auto;}
   .nav-pills.steps > li:last-child{margin-right:0;float: right;}
    
    /*pie*/
   .footer {padding: 0.8em;}
   .footer hr.sep{margin:.8em 0}

   .footer ul.menu {columns: 2;column-gap: 20px;}
   .footer ul.menu li {float:none; display:block;text-align:left}
   .footer ul.menu li {display: inline-block;text-align:left;line-height: 1;width: 100%;}
   .footer ul.menu li a{border:none; padding:0; }
   .footer .sub_pie p {text-align:center}
    
    /*inicio*/
    #modulo_reserva{margin: 0 -5px 1.5em;}
    ul.tipoParking li {width:100%;clear: both;height: auto;border-bottom: 1px solid #a8abad;border-right: none;padding: 0 0 0.6em 1.8em;
    margin-bottom: 1.6em;}    
    ul.tipoParking li p.nota {position:static}

    /*disponibilidad*/
    .filtro > div{text-align:center}
    
    .datos_reserva{padding:.8em}
    .datos_reserva h3 {margin-bottom:.5em}
    .ofertas {padding: 1em .5em;margin-bottom: 1em;}    
    .ofertas .ventajas ul{margin: 1em 0;width:100%;clear:both;display:inline-block}
    .ofertas .ventajas.promocion ul{width:75%}
    .ofertas .ventajas.promocion img ~ img{position:static; float:right}
    .ofertas .precios .btn{width: 95%;margin-top:.5em;}

    /*** mejoras ***/
    .mejoras > div > img {width:3.5em}
    .mejoras > div > img + div{margin-left:4.5em;}
    .mejoras .precios {padding-top:0; margin-left:4.5em; text-align:left}

    /*** complementos ***/   
    .complementos label{margin-top:.8em}
    .complementos .precios {text-align:center}
    .complementos #salasVip {padding: 0;margin-top: 0;}
    .complementos .btn{width: 46.5%;}
    #mod_resumen_compra{margin: 2em 0 0;} 
    #mod_resumen_compra h3{font-size: 1.428571em;}

    /*** detalles ***/
    .detalles h4{/* width:65% */margin-bottom: 0;}
    .detalles legend {line-height:1;padding-bottom:.25em;margin: 1.5em 0 0;display:inline-block;font-size: 18px;}
    .detalles .datos_adicionales input[type="text"]{width:100%}

    /*** gestion de reservas ***/        
    .gestion div[class^='col-md-']{min-height:initial;}
    .gestion .btn{width: 50%;position:static; float:right; margin-top:1em}    

    /*** resumen ***/   
   .well.resumen {padding: .5em;}
   .resumen.well.success {font-size: 1em;}
   
   .resumen .form-group.titular{font-size: 1.125em;}
   .resumen .form-control-static{line-height: 1.1;padding-bottom: .8em;}
   .narrow_static .form-control-static{}   
  
  
   /*** modificar ***/
   form.modifica_parking.xs-mod > div{ margin: .5em 0 0 0;}   
   form.modifica_parking > div.clearfix{float:none}
   form.modifica_parking.xs-mod > div > *, form.modifica_parking.xs-mod #cod_prom{width: 100%;}   
   form.modifica_parking.xs-mod > .btn{position: relative; margin: 1em 10% 0; width: 80%;}

    /*anular*/
    .botonera .btn.btn-lg {padding: .2em 1.8em;}

    /*** confirmar ***/
   .botonera.confirm .btn {width:45%}
   .botonera.confirm .btn + .btn{margin-left:2.4%}


    /*encuesta*/
    #mod_encuesta {padding:1em}
    #mod_encuesta .row{margin:.5em}
    #mod_encuesta p.oblig{top:1.5em}    
    #mod_encuesta form p, #mod_encuesta .form-group > label{font-size:1em}    
    #mod_encuesta .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin:0;} 
    #mod_encuesta .radio-inline{display:block}

}



@media screen and (min-width: 415px) and (max-width:979px){
 .form-group > label, .form-group > div {float:left; width:auto}
 .form-group > label{width:33%}  
} 



@media screen and (max-width: 375px){
   .botonera.col-xs-16 .btn, .xs-full-btn .btn{float:none;width:80%;margin: 0 10% 1em;}
   .resumen .xs-full-btn .btn{margin:0.5em 10%}
}


@media screen and (max-width: 320px){
    .nav-justified>li { width: 15.45%;}
    .resumen{font-size:1em}    
}
}