.oculto {
    display: none !important;
}
.invisible {
    visibility: hidden;
}
.app {
    background-color: white;
}
#parking-map-html5 {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#parking-plazas-html5{
    float: left;
    width: 100%;
    padding-bottom: 25px!important;
}

.localizador{
    float: left;
    padding-right: 50px;
    width: 40%;
    box-sizing: border-box;
}

.localizador p{
    color:#2CAAAB;
    font-size:24px;
    margin-bottom:1em;
}

#parking-plazas-html5 .localizador a{
    background-color: #2CAAAB;
    color: #fff!important;
    font-size: 18px;
    padding: 7px 30px;
    display: inline-block;
    border-radius: 18px;
    text-transform: uppercase;
}
#parking-plazas-html5  .localizador a:hover{
    color:#000!important;
}

.tablaInicial{
    float:left;
    width: 60%;
}

.popLeyenda {
	position: absolute;
	z-index: 1020;
	width: 100%;
	height: 100%;
	top:0;
	left: 0;
}

.popLeyenda .overlay {
	background-color: rgba(0, 0, 0, 0.7);
	width: 100%;
	height: 100%;
	top:0;
	left: 0;
}

.popLeyenda .ventana {
	background-color: white;
	border-radius: 20px;
	padding: 20px;
    display:block; 
    width:660px; 
    height:500px; 
    position:absolute; 
    top:50%; 
    left:50%; 
    margin-top:-270px; 
    margin-left:-350px;
}
.popLeyenda .ventana .cabecera{ margin-bottom: 50px;}

.popLeyenda .ventana .cabecera div {
	display: inline-block;
}
.popLeyenda .ventana .titulo {
	font-size: 30px;
    text-transform: uppercase;
    color:#00AAAE;
    padding-right: 60px;
}
.popLeyenda .ventana .cabecera .cerrar {
    position:
    absolute;
    top:12px;
    right:12px;
    background:#888;
    color:#fff;
    border-radius: 17px;
    font-weight: bold;
    padding: 4px;
    height: 26px;
    width: 26px;
    text-align: center;
    line-height: 26px;
}
.popLeyenda .ventana .cabecera .cerrar:hover{
    cursor:pointer;
    color:#000;
}
.popLeyenda .ventana .inner table, .tablaInicial table{
    width:100%;
}
.popLeyenda .ventana .inner table th, .tablaInicial table th{
    position:relative;
    border-bottom:1px solid #ddd;
    text-indent: -9999em;
    min-width: 40px;
}
.popLeyenda .ventana .inner table tr, .tablaInicial table tr{
    height:50px;
    line-height: 100%;
}
.popLeyenda .ventana .inner table tr .camion,.popLeyenda .ventana .inner table tr .coche,.popLeyenda .ventana .inner table tr .moto, .tablaInicial table tr .coche, .tablaInicial table tr .moto, .tablaInicial table tr .camion{
    line-height: 50px;
}
.popLeyenda .ventana .inner table tr, .tablaInicial table tr{
    width:25%;
}
.popLeyenda .ventana .inner table tr td, .tablaInicial table tr td, .modoAbono{
    border-bottom:1px solid #ddd;
    padding: 0 20px;
    font-size: 18px;
    vertical-align: middle;
}

.popLeyenda .ventana .inner table tr td:first-child, .tablaInicial table tr td:first-child{
    width:50%;
}
.popLeyenda .ventana .inner table{margin-bottom: 0em;}
table .disponible{
   color:#7EBB00;
   border-left:17px solid #c2d87f;
}
table  .abono{
   color:#00AAB0;
   border-left:17px solid #7fd4d7;
}
table .rotacion{
   color:#B8A961;
   border-left:17px solid #dbd4b0;
}
table  .vendida{
   color:#BBBBBB;
   border-left:17px solid #dddddd;
}
table .alquilerconcompra{
   color:#739DBE;
   border-left:17px solid #b9cede;
}
table .alquilada{
   color:#777777;
   border-left:17px solid #bbbbbb;
}
table .reservada{
   color:#EFB20A;
   border-left:17px solid #f7d884;
}
table .ocupada{
   color:#E35D4C;
   border-left:17px solid #f1aea5;
}
.modoAbono{
    color:#666;
    padding:0 20px 0 37px;
    height:50px;
    line-height:50px;
    position:relative;
    border-bottom: none;
}
.modoAbono:before{
    display: block;
    position: absolute;
    content: "";
    width: 17px;
    background-color: #666;
    top: 25px;
    left: -8px;
    height: 5px;
}

.popLeyenda .ventana .inner table tr td:nth-child(2), .popLeyenda .ventana .inner table tr td:nth-child(3), .popLeyenda .ventana .inner table th:nth-child(2), .popLeyenda .ventana .inner table th:nth-child(3),.tablaInicial table tr td:nth-child(2), .tablaInicial table tr td:nth-child(3), .tablaInicial table th:nth-child(2), .tablaInicial table th:nth-child(3){color:#666; font-size: 24px; padding: 0px 10px;border-left:1px solid #ddd;}
.popLeyenda .ventana .inner table th.coche:before, .popLeyenda .ventana .inner table th.moto:before, .tablaInicial table th.coche:before, .tablaInicial table th.moto:before{left: 10px!important;}

.tablaInicial table tr:nth-child(2),.tablaInicial table tr:nth-child(3),.tablaInicial table tr:nth-child(4),.tablaInicial table tr:nth-child(5),.tablaInicial table tr:nth-child(6),.tablaInicial table tr:nth-child(7),.tablaInicial table tr:nth-child(8){
    border-left:0px;
}
.tablaInicial table tr:nth-child(5){
   color:#FF7A45;
}
.tablaInicial table tr:last-child td{border-bottom: 0px solid;}

#parking-map-html5 .cabeceraApp{
	height: 50px;
	width: 100%;
	background-color: #00AAAE;
	color: white;
	font-size: 20px;
	padding: 10px 50px;
	box-sizing: border-box;	
}
.cabeceraApp div {
	display: inline-block;
}
.cabeceraApp .cerrar {
	float: right;
    color: #00AAAE;
    background-color: #fff;
    border-radius: 17px;
    font-weight: bold;
    padding: 4px;
    height: 26px;
    width: 26px;
    text-align: center;
    line-height: 26px;
}
.cabeceraApp .cerrar:hover {
    color:#000;
    cursor:pointer;
}

#parking-map-html5 {
	position: fixed;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
}

.cropViewport, .app {
	position: relative;
	width: 100%;
	height: 100%;
}

text.plazaParking,
.infoMap .minimapa .cuadro {
    pointer-events: none;
}

.plazaParking:not(.estado_2) {
    cursor: pointer;
}

.plazaParking:not(.estado_2):hover {
    fill-opacity: 1;
}

.app {
    margin-bottom: 30px;
}

.cropViewport {
    
    width: 100%;
   /* height: 450px;*/
    overflow: hidden;
    background: #eee;
    -webkit-box-shadow: inset 0px -5px 5px 0px rgba(206, 206, 206, 1);
    -moz-box-shadow: inset 0px -5px 5px 0px rgba(206, 206, 206, 1);
    box-shadow: inset 0px -5px 5px 0px rgba(206, 206, 206, 1);
}

.filtroSelector {
    padding: 10px;
    background-color: white;
    border: 1px solid black;
    margin-right: 10px;
}
.miniMapaMovil {
    position: fixed;
    display: none;
    right: 0;
    top:0;
    width: 40% !important;
    height: 15% !important;

    background-color: rgba(255, 255, 255, 0.5);
}
.miniMapaMovil.volador {
    display: block;
 
    z-index: 10000;
}
.plaza.filtrado .plazaParking {
    pointer-events: none;
    fill: #444444;
    fill-opacity: .3;
}

.viewport {
    position: relative;
    overflow: scroll;
}

.viewport .planta {
    position: absolute;
}

.viewport text {
    opacity: 1;
    fill: black;
    font-family: Lato;
}

.viewport text.estado_undefined,
text.estado_6,
text.estado_5,
text.estado_4,
.viewport text.estado_3 {
    fill: white;
}

g {
    fill-opacity: 0.9;
}


/* estados */

.estado_0 {fill: #7EBB00;}
.estado_1,.estado_1.abono {fill: #EFB20A;}
.estado_2 {fill: #BBBBBB;}
.estado_3 {fill: #739DBE;}
.estado_4 {fill: #777777;}
.estado_5 {fill: #E35D4C;}
.estado_6 {fill: #B8A961;}
.abono {
    fill: #00AAB0;
}
.abono text {
    fill:#fff;
}
.estado_1.abono text{fill:#000;}
/*
.estado_0.abono {fill: #85B200;}
.estado_0.abono text {fill: #000;}
.estado_0.abono:hover text {fill: #000;}
.estado_4.abono {fill: #94a16d;}
.estado_4.abono:hover text {fill: #fff;}
*/


.estado_undefined {
    fill-opacity: 1;
    fill: #000000;
}

.listadoEstados {
    margin-top: 20px;
    font-weight: bold;
}

.listadoEstados > div {
    position: relative;
    padding-left: 32px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.7em;
    margin-left: 18px;
}

.listadoEstados > div::before {
    position: absolute;
    display: block;
    content: "";
    width: 23px;
    height: 20px;
    left: 0;
    top: 50%;
    margin-top: -10px;
    background: #AAAAAA;
    opacity: 0.4;
}

.listadoEstados .estado_0 {
    color: #20AAAC;
}

.listadoEstados .estado_0::before {
    background: #20AAAC;
}

.popPlaza .cabecera.estado_0 {
    background: #B6E5E6;
    color: #20AAAC;
}

.popPlaza .cabecera.abono {
    background: #7BD2D5!important;
    color: #00AAB0!important;
}

.listadoEstados .estado_1 {
    color: #DBA500;
}

.listadoEstados .estado_1::before {
    background: #DBA500;
}



.listadoEstados .estado_2 {
    color: #AAAAAA;
}

.listadoEstados .estado_2::before {
    background: #AAAAAA;
}

.listadoEstados .estado_3,
.listadoEstados .estado_4 {
    color: #D32B0C;
}

.listadoEstados .estado_3::before,
.listadoEstados .estado_4::before,
.listadoEstados .estado_5::before {
    background: #D32B0C;
}
.listadoEstados .estado_6::before {
    background: #444444;
}

.popPlaza .cabecera.estado_0 {
    background: #bbdb7b;
    color: #85b200;
}
.popPlaza .cabecera.estado_1 {
    background: #F6D680;
    color: #EFB20A;
}
.popPlaza .cabecera.estado_2 {
    background: #DBDBDB;
    color: #BBBBBB;
}
.popPlaza .cabecera.estado_3 {
    background: #B6CBDC;
    color: #739DBE;
}
.popPlaza .cabecera.estado_4 {
    background: #B8B8B8;
    color: #777777;
}
.popPlaza .cabecera.estado_5 {
    background: #F0AAA2;
    color: #E35D4C;
}
.popPlaza .cabecera.estado_6 {
    background: #D9D2AD;
    color: #B8A961;
    ;
}

/*.popPlaza .cabecera.estado_0.abono {
    background: #BFD67B;
    color: #85B200;
    ;
}*/


.infoMap .tablaInfo .libres {
    color: #20AAAC;
}

.infoMap .tablaInfo .ocupadas {
    color: #CE312D;
}

.infoMap .tablaInfo .reservadas {
    color: #D9A300;
}


/*popup plaza*/

.popPlaza {
    position: absolute;
    width: 298px;
    background: white;
    font-size: 14px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
}

.popPlaza::after {
    position: absolute;
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #ffffff;
    border-width: 15px;
    margin-left: -15px;
}

.popPlaza .cabecera div {
    display: inline-block;
}

.popPlaza .cabecera {
    padding: 10px 10px 10px 20px;
    z-index: 80;
}

.popPlaza .cerrar {
    position: absolute;
    right: 6px;
    top: 6px;
    width: 15px;
    height: 15px;
    cursor: pointer;
    font-size: 24px;
    font-weight: bold;
}

.popPlaza .tipoPlaza {
    float: left;
    width: 26px;
    height: 35px;
    position: absolute;
    left: 12px;
    background: url(../img/plazas.png) -110px 0;
    top: 7px;
}

.popPlaza .tipoPlaza.tipoPlaza_1 {background-position: -140px 0;}
.popPlaza .tipoPlaza.tipoPlaza_0 {background-position: -140px -40px;}
.popPlaza .tipoPlaza.tipoPlaza_2 {background-position: -140px -80px;}

.popPlaza .abono .tipoPlaza.tipoPlaza_1 {background-position: -171px 0;}
.popPlaza .abono .tipoPlaza.tipoPlaza_0 {background-position: -171px -40px;}
.popPlaza .abono .tipoPlaza.tipoPlaza_2 {background-position: -171px -80px;}

.popPlaza .estado_1:not(.abono) .tipoPlaza.tipoPlaza_1 {background-position: -201px 0;}
.popPlaza .estado_1:not(.abono) .tipoPlaza.tipoPlaza_0 {background-position: -201px -40px;}
.popPlaza .estado_1:not(.abono) .tipoPlaza.tipoPlaza_2 {background-position: -201px -80px;}

.popPlaza .estado_2:not(.abono) .tipoPlaza.tipoPlaza_1 {background-position: -231px 0;}
.popPlaza .estado_2:not(.abono) .tipoPlaza.tipoPlaza_0 {background-position: -231px -40px;}
.popPlaza .estado_2:not(.abono) .tipoPlaza.tipoPlaza_2 {background-position: -231px -80px;}

.popPlaza .estado_3:not(.abono) .tipoPlaza.tipoPlaza_1 {background-position: -261px 0;}
.popPlaza .estado_3:not(.abono) .tipoPlaza.tipoPlaza_0 {background-position: -261px -40px;}
.popPlaza .estado_3:not(.abono) .tipoPlaza.tipoPlaza_2 {background-position: -261px -80px;}

.popPlaza .estado_4:not(.abono) .tipoPlaza.tipoPlaza_1 {background-position: -291px 0;}
.popPlaza .estado_4:not(.abono) .tipoPlaza.tipoPlaza_0 {background-position: -291px -40px;}
.popPlaza .estado_4:not(.abono) .tipoPlaza.tipoPlaza_2 {background-position: -291px -80px;}

.popPlaza .estado_5:not(.abono) .tipoPlaza.tipoPlaza_1 {background-position: -322px 0;}
.popPlaza .estado_5:not(.abono) .tipoPlaza.tipoPlaza_0 {background-position: -322px -40px;}
.popPlaza .estado_5:not(.abono) .tipoPlaza.tipoPlaza_2 {background-position: -322px -80px;}

.popPlaza .estado_6:not(.abono) .tipoPlaza.tipoPlaza_1 {background-position: -352px 0;}
.popPlaza .estado_6:not(.abono) .tipoPlaza.tipoPlaza_0 {background-position: -352px -40px;}
.popPlaza .estado_6:not(.abono) .tipoPlaza.tipoPlaza_2 {background-position: -352px -80px;}

.popPlaza .estado_0:not(.abono) .tipoPlaza.tipoPlaza_1 {background-position: -383px 0!important;}
.popPlaza .estado_0:not(.abono) .tipoPlaza.tipoPlaza_0 {background-position: -383px -40px;}
.popPlaza .estado_0:not(.abono) .tipoPlaza.tipoPlaza_2 {background-position: -383px -80px;}
/**/

/*.popPlaza .estado_3 .tipoPlaza.tipoPlaza_1,
.popPlaza .estado_4 .tipoPlaza.tipoPlaza_1,
.popPlaza .estado_5 .tipoPlaza.tipoPlaza_1 {background-position: -80px 0;}
.popPlaza .estado_3 .tipoPlaza.tipoPlaza_0,
.popPlaza .estado_4 .tipoPlaza.tipoPlaza_0,
.popPlaza .estado_5 .tipoPlaza.tipoPlaza_0 {background-position: -80px -40px;}
.popPlaza .estado_3 .tipoPlaza.tipoPlaza_2,
.popPlaza .estado_4 .tipoPlaza.tipoPlaza_2,
.popPlaza .estado_5 .tipoPlaza.tipoPlaza_2 {background-position: -80px -80px;}
.popPlaza .estado_6 .tipoPlaza.tipoPlaza_1 {background-position: -110px 0;}
.popPlaza .estado_6 .tipoPlaza.tipoPlaza_0 {background-position: -110px -40px;}
.popPlaza .estado_6 .tipoPlaza.tipoPlaza_2 {background-position: -110px -80px;}*/

.popPlaza .nPlaza {
    font-size: 30px;
    position: absolute;
    left: 47px;
    top: 13px;
}

.popPlaza .estadoPlaza {
    text-transform: uppercase;
    font-size: 16px;
    position: relative;
    top: 0em;
    margin-left: 99px;
    margin-right: 15px;
    min-height: 29px;
    display: flex!important;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}

.popPlaza .contenido {
    padding: 9px 13px;
}

.popPlaza .enunciado {
    color: #666;
    width: 39%;
    float: left;
}

.popPlaza .resultado {
    color: #212121;
    font-weight: bold;
    text-align: right;
    width: 60%;
    float: right;
}

.popPlaza .precioAlquilerCompra .enunciado {
    width: 60%;
}

.popPlaza .precioAlquilerCompra .resultado {
    width: 39%;
}

.popPlaza .botondiv {
    margin: 0.5em auto;
    text-align: center;
}

.popPlaza .botonSolicitud {
    display: inline-block;
    font-weight: bold;
    background: #7EBB00;
    color: white;
    padding: 8px 25px;
}

.popPlaza .linea {
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}

.popPlaza .linea::last-child {
    border-bottom: 0;
}

.popPlaza .linea div {
    display: inline-block;
}

.popPlaza .botonSolicitud{
    color:#fff!important;
}

/* info inferior */

.infoMap {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: white;
    padding: 10px 0px 10px 0px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
}

.infoMap .col {
    float: left;
}

.infoMap .col_1 > div {
    width: 100%;
    text-align: center;
}

.infoMap .col_1 {
    width: 33%;
    min-width: 0;
    padding: 0 50px;
    box-sizing: border-box;
    border-right: 1px solid #ddd;
}
.infoMap .col_1 .pieza{
    display: inline-block;
    margin-top: 20px;
    color:#868686;
}
.infoMap .col_1 .pieza.plazasLibres{
    color:#7EBB00;
}
.infoMap .col_1 .coche{
    position:relative;
    padding: 0 
    0 0 43px;
    font-size: 30px;
    line-height: 39px;
    margin-top: 14px;
    margin-right:20px;
}
.infoMap .col_1 .coche:before, .popLeyenda .ventana .inner table th.coche:before, .tablaInicial table th.coche:before{
    display: block;
    background: url(../img/sprite.png) -36px 0px;
    width: 35px;
    height: 39px;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
}
.infoMap .col_1 .moto{
    position:relative;
    padding: 0 
    0 0 43px;
    font-size: 30px;
    line-height: 39px;
    margin-top: 14px;
    margin-right:40px;
}
.infoMap .col_1 .moto:before, .popLeyenda .ventana .inner table th.moto:before, .tablaInicial table th.moto:before{
    display: block;
    background: url(../img/sprite.png) -73px 0px;
    width: 35px;
    height: 39px;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
}
.infoMap .col_1 .camion{
    position:relative;
    padding: 0 
    0 0 43px;
    font-size: 30px;
    color:#868686;
    line-height: 39px;
    margin-top: 14px;
    margin-right:40px;
}
.infoMap .col_1 .camion:before, .popLeyenda .ventana .inner table th.camion:before, .tablaInicial table th.camion:before{
    display: block;
    background: url(../img/sprite.png) -0px 0px;
    width: 35px;
    height: 39px;
    position: absolute;
    top: 0;
    left: 0px;
    content: "";
}
.infoMap .col_1 .titulo{
    float: none;
    clear: both;
    display: block;
    color:#7EBB00;
    font-size:20px;
    margin-right: 30px;
}

.app .minimapa {
    width:15.8%;
    border-right:1px solid #ddd;
    height:110px;
}

.app .info, .app .listadoPlantas {
    width:24.8%;
    border-right:1px solid #ddd;
    height:110px;
}

.infoMap .info div{
    margin: 0 auto;
    position: relative;
    padding: 52px 0 0 0;
    text-transform: uppercase;
    color: #00AAAF;
    font-size: 16px;
    width: 48px;
    text-align: center;
    margin-top: 20px;
}
.infoMap .info div:hover{
    cursor:pointer;
    color:#000;
}
.infoMap .info div:before{
    display: block;
    background: url(../img/sprite.png) -111px 0px;
    width: 45px;
    height: 45px;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
}
.infoMap .listadoPlantas{
    text-align: center;
}
.infoMap .listadoPlantas select{
    border: none;
    color:#2CAAAB;
    font-size:20px;
    margin-top: 20px;
}


.infoMap .listadoPlantas .planta {
    height: 75px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 13px 8px 13px 13px;
    background: #ddd;
    color: #999;
    cursor: pointer;
}

.infoMap .planta.seleccionada {
    background: white;
    color: #21AAAC;
    cursor: default;
}

.infoMap .literal {
    float: left;
}

.infoMap .numPlanta {
    float: right;
    font-size: 40px;
}

.infoMap div.tablaInfo {
    margin: 20px 0px 0 30px;
    width: 60%;
    max-width: 450px;
}

.infoMap table.tablaInfo {
    border-right: 1px solid #ccc;
}

.infoMap .tablaInfo th {
    font-weight: bold;
    font-size: 14px;
    vertical-align: middle;
}

.infoMap .tablaInfo th.coche span,
.infoMap .tablaInfo th.moto span,
.infoMap .tablaInfo th.camion span {
    display: block;
    width: 18px;
    height: 24px;
    text-indent: -1000px;
    overflow: hidden;
    background: url(../img/plazas.png);
    margin-right: 3px;
}

.infoMap .tablaInfo th.moto span {
    background-position: 0 -40px;
}

.infoMap .tablaInfo th.camion span {
    background-position: 0 -80px;
}

.infoMap .tablaInfo td {
    font-size: 24px;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    width: 27%;
}

.infoMap .tablaInfo td:nth-child(2),
.infoMap .tablaInfo td:nth-child(3),
.infoMap .tablaInfo td:nth-child(4),
.infoMap .tablaInfo th:nth-child(2),
.infoMap .tablaInfo th:nth-child(3),
.infoMap .tablaInfo th:nth-child(4) {
    border-left: 1px solid #ccc;
    padding-left: 11px;
    padding-right: 3px;
}

.infoMap .tablaInfo .plazas0 {
    color: #bbb !important;
}

.minimapa .cuadro {
    border: 2px solid #21AAAC;
    position: absolute;
}

.infoMap .minimapa {
    position: relative;
    cursor: pointer;
    min-width: 164px;
    float: right !important;}

.minimapa .inner-minimapa{
    position: relative;
}
.group-basicinfo-foto{
    background-color:#eee;
}
.group-basicinfo-foto .field-name-field-images{ width: 50%!important; float: left; margin: 0!important;}
.group-basicinfo-foto .group-information{ width: 100%!important; float: left; margin: 0!important;}
.group-basicinfo-foto .group-information{
    padding:20px;
    color:#666;
    box-sizing:border-box;
}
#block-system-main .group-basicinfo-foto .group-information h3{border-bottom: 1px solid #ccc; margin-top: 0;}
#block-system-main .group-basicinfo-foto .group-information .field-label{font-weight: 400;font-weight:700;}
.node-parking #parking-plazas-html5{border-top: 0px;margin-bottom: 0px!important;}
.region-content-inner .node-parking  section,.node-parking  #parking-plazas-html5{padding:10px 0 0 0;}
.node-parking .field-name-field-place .field-items{float:none;}
.botonPlanta{
    background-color: #2CAAAB;
    color: #fff!important;
    font-size: 18px;
    padding: 7px 30px;
    display: inline-block;
    border-radius: 18px;
    text-transform: uppercase;
    margin-top: 3px;
    border: solid 1px #2CAAAB;
    margin-right: auto;
}
.botonPlanta.deseleccionado{
    background-color: #fff;
    color: #2CAAAB!important;
    cursor:pointer;
}



@media only screen and (max-width: 1024px) {
    .popLeyenda .ventana {margin-top: -270px; width: 600px; margin-left: -320px;}
    .infoMap .col_1 { width: 30%;padding: 0 20px;}
    .infoMap .col_1 .titulo{width:100%; margin-top: 0px;}
    .group-basicinfo-foto .group-information, .group-basicinfo-foto .field-name-field-images {width: 100%!important;}
    .popLeyenda .ventana .inner table tr td, .tablaInicial table tr td {padding: 0 10px; font-size: 17px;}
    .popLeyenda .ventana .inner table tr td:nth-child(2), .popLeyenda .ventana .inner table tr td:nth-child(3), .popLeyenda .ventana .inner table th:nth-child(2), .popLeyenda .ventana .inner table th:nth-child(3), .tablaInicial table tr td:nth-child(2), .tablaInicial table tr td:nth-child(3), .tablaInicial table th:nth-child(2), .tablaInicial table th:nth-child(3) { font-size: 22px;}
    .app .listadoPlantas { width: 22%;}
    .infoMap .col_1 {width: 36%; border-right: 1px solid #ddd;}
    .infoMap .info div { margin-top: 0;}
    .app .info, .app .listadoPlantas, .app .minimapa,.infoMap .col_1 {height: 76px;}
    .app .minimapa {width:13.8%; min-width: 0;}
    /*.infoMap .col_1 .coche,.infoMap .col_1 .moto, .infoMap .col_1 .camion, .infoMap .col_1 { margin-top: 10px;}*/
    /*.botonPlanta { margin-top: 20px;}*/
}
@media only screen and (max-width: 768px) {
    .infoMap table.tablaInfo { border-right: 0;}
    .infoMap .tablaInfo td:nth-child(2),
    .infoMap .tablaInfo td:nth-child(3),
    .infoMap .tablaInfo td:nth-child(4),
    .infoMap .tablaInfo th:nth-child(2),
    .infoMap .tablaInfo th:nth-child(3),
    .infoMap .tablaInfo th:nth-child(4) {padding-left: 4px;}
    .listadoEstados {clear: both;} 
    .tablaInicial table tr td:first-child {line-height: normal;}
    .localizador{ padding-right: 0px; width: 100%;margin-bottom: 20px;}
    .localizador a { width: 100%; box-sizing: border-box; text-align: center;}
    #parking-map-html5 .cabeceraApp {height: auto;}
    .cabeceraApp .cerrar {position:absolute; right: 10px;}
    #parking-map-html5 .cabeceraApp {padding: 10px 50px 10px 20px;font-size: 16px; min-height: 54px;}
    .infoMap { padding: 5px 0px;}
    .infoMap .col_1 .coche,.infoMap .col_1 .moto, .infoMap .col_1 .camion{margin-right: 10px; font-size: 22px;}
    .infoMap .listadoPlantas select {font-size: 16px; margin-top: 12px;}
    
    .app .info { width: 23%;}
    .app .info, .app .listadoPlantas, .app .minimapa,.infoMap .col_1 { height: 52px;}
    .infoMap .info div { margin-top: 6px;font-size: 16px;}
    .popLeyenda .ventana{ width: 550px; box-sizing: border-box; overflow-y: auto; height: 520px;margin-left: -275px;}
    .popLeyenda .ventana .cabecera{margin-bottom: 10px;}
    .popLeyenda .ventana .titulo {font-size: 22px;}
    .popLeyenda .ventana .inner table tr, .tablaInicial table tr {line-height: inherit;}
    .popLeyenda {position: fixed;z-index: 10000;}
    .tablaInicial {width: 100%;}
    .infoMap .col_1 .coche, .infoMap .col_1 .moto,.infoMap .col_1 .camion { padding: 0 0 0 26px; margin-top: 0px;line-height: 30px;}
    .infoMap .col_1 .coche:before {background: url(../img/sprite_mobile.png) -21px 0px; width:21px; height:21px; top: 4px;}
    .infoMap .col_1 .moto:before {background: url(../img/sprite_mobile.png) -42px 0px; width:21px; height:21px; top: 4px;}
    .infoMap .col_1 .camion:before {background: url(../img/sprite_mobile.png) 0px 0px; width:21px; height:21px; top: 4px;}
    .infoMap .info div:before {background: url(../img/sprite_mobile.png) -64px 0px;width: 27px; height: 27px; left: 11px;}
    .infoMap .info div {padding: 25px 0 0 0;}
    .infoMap .col_1 .titulo { font-size: 13px;}
    .infoMap .col_1 > div{margin: 0 15px;}
    .botonPlanta { 
        font-size: 13px;
        padding: 1px 13px;
        margin-top: 0;
        margin-bottom: 2px;
    }
}
@media only screen and (max-width: 767px) {
    .popLeyenda .ventana{ width: 100%; margin-left: 0; left: 0; box-sizing: border-box; border-radius: 0; overflow-y: auto; top: 0;
    margin-top: 0; height: 100%;}
    .infoMap .minimapa{display:none;}
    .app .listadoPlantas {width: 36%;}
    .infoMap .col_1 { width: 40%; padding: 0 10px; border-right: 0px solid #ddd;}
   
     
}