.pageHeader {
    text-align: center;
    color: #77CA4E;
    font-family: 'Neo Sans Medium';
    /* font-size: 38px; */
    font-size: 34px;
    margin-bottom: 40px;
    max-width: 535px;
    margin-right: auto;
    margin-left: auto;
}

.dealership {
    padding-left: 115px;
}

[id^=detail_] {
    display: none;
}

.currentDeal {
    display: block;
}

.dealershipImg {
    display: block;
    margin-bottom: 10px;
}

.dealershipName {
    display: block;
    font-family: 'Neo Sans Medium';
    /*font-size: 27px;*/
    font-size: 15px;
    color: #0A5B7B;
    margin-bottom: 15px;
}

.dealershipAddressDiv {
    padding-left: 54px;
}

.dealershipAddress {
    margin-bottom: 15px;
    display: block;
    /*font-size: 18px;*/
    font-size: 16px;
}

.dealershipGoogleLink {
    margin-bottom: 40px;
    display: block;
    color: #77CA4E;
    /*font-size: 18px;*/
    font-size: 16px;
}

    .dealershipGoogleLink:visited {
        color: #77CA4E;
    }

.dealershipLink {
    display: block;
    color: #77CA4E;
    /*font-size: 18px;*/
    font-size: 16px;
}

.dealershipLink {
    color: #77CA4E;
}

.dealershipPin {
    width: 27px;
    position: absolute;
}

#mapCol {
    text-align: right;
}

svg.mapCircle {
    width: 20px;
    height: 20px;
    position: absolute;
    cursor: pointer;
}

svg.mapRectangle {
    width: 125px;
    height: 20px;
    position: absolute;
    cursor: pointer;
}

svg.mapCircle:hover > .innerCircle {
    r: 3.5;
}

svg.mapCircle > .outerCircle {
    fill: #0077C0;
}

svg.mapCircle > .innerCircle {
    fill: #FFFFFF;
}

/*#valorminho {
    left: 5%;
    top: 5%;
}
*/


.seixal_ecoparque1 {
    left: 14% !important;
    top: 35% !important;
    width: 33px !important;
    height: 31px !important;
}

.seixal_ecoparque2 {
    left: 24.7% !important;
    top: 35% !important;
    width: 33px !important;
    height: 31px !important;
}

#palmela {
    left: 50.7%;
    top: 30.8%;
    width: 115px;
    height: 64px;
}

#seixal_ecoparque {
    left: 17%;
    top: 30.8%;
    width: 69px;
    height: 30px;
}
#setubal {
    left: 51%;
    top: 44%;
    width: 80px;
    height: 80px;
}


#alcochete {
    left: 46%;
    top: 14.5%;
    height: 70px;
    width: 80px;
}


#almada {
    left: 6.8%;
    top: 25%;
    width: 65px;
    height: 66px;
}


#barreiro {
    left: 28.8%;
    top: 29.4%;
    height: 63px;
    width: 34px;
}

#moita {
    left: 33.4%;
    top: 24%;
    height: 68px;
    width: 40px;
}

#montijo {
    left: 75%;
    top: 11%;
    width: 80px;
    height: 80px;
}

#seixal_ecocentro {
    left: 19.1%;
    top: 35%;
    width: 34px;
    height: 35px;
}

#sesimbra {
    left: 22%;
    top: 49%;
    height: 75px;
    width: 43px;
}
#sesimbra_estacao{
    left: 15.5%;
    top: 49%;
    height: 75px;
    width: 43px;
}

.closeBtn {
    display: none;
}

@media (max-width: 1200px) {
    
    .pageHeader {
        font-size: 18px;
    }

.dealershipImg {
    margin-bottom: 10px;
    padding-top: 10px;
}

.dealershipGoogleLink {
    margin-bottom: 10px;
}

#mapCol {
    text-align: center;
}


.dealership {
    padding-left: 40px;
}

#square {
    position: absolute;
    width: 100%;
    background-color: black;
    height: 100%;
    z-index: 1;
    opacity: 0.5;
    display: none;
}

.dealershipAddress {
    font-size: 14px;
    color: white;
}

.dealershipPin {
    /*margin-left: -100px;*/
    display: none;
}

.dealershipAddressDiv {
    padding-left: 0px;
}




    
    /*#palmela {
        left: 50.7%;
        top: 30.8%;
        width: 115px;
        height: 64px;
    }

    #seixal_ecoparque {
        left: 17%;
        top: 30.8%;
        width: 69px;
        height: 30px;
    }

    #setubal {
        left: 51%;
        top: 44%;
        width: 80px;
        height: 80px;
    }


    #alcochete {
        left: 46%;
        top: 14.5%;
        height: 70px;
        width: 80px;
    }


    #almada {
        left: 6.8%;
        top: 25%;
        width: 65px;
        height: 66px;
    }


    #barreiro {
        left: 28.8%;
        top: 29.4%;
        height: 63px;
        width: 34px;
    }

    #moita {
        left: 33.4%;
        top: 24%;
        height: 68px;
        width: 40px;
    }

    #montijo {
        left: 75%;
        top: 11%;
        width: 80px;
        height: 80px;
    }

    #seixal_ecocentro {
        left: 13.8%;
        top: 35%;
        width: 115px;
        height: 35px;
    }

    #sesimbra {
        left: 16.4%;
        top: 49%;
        height: 75px;
        width: 85px;
    }*/

}

/*@media (max-width: 1150px) {



    #palmela {
        left: 50.7%;
        top: 30.8%;
        width: 115px;
        height: 64px;
    }

    #seixal_ecoparque {
        left: 17%;
        top: 30.8%;
        width: 69px;
        height: 30px;
    }

    #setubal {
        left: 51%;
        top: 44%;
        width: 80px;
        height: 80px;
    }


    #alcochete {
        left: 46%;
        top: 14.5%;
        height: 70px;
        width: 80px;
    }


    #almada {
        left: 6.8%;
        top: 25%;
        width: 65px;
        height: 66px;
    }


    #barreiro {
        left: 28.8%;
        top: 29.4%;
        height: 63px;
        width: 34px;
    }

    #moita {
        left: 33.4%;
        top: 24%;
        height: 68px;
        width: 40px;
    }

    #montijo {
        left: 75%;
        top: 11%;
        width: 80px;
        height: 80px;
    }

    #seixal_ecocentro {
        left: 13.8%;
        top: 35%;
        width: 115px;
        height: 35px;
    }

    #sesimbra {
        left: 16.4%;
        top: 49%;
        height: 75px;
        width: 85px;
    }
}*/

/*@media (max-width: 1060px) {

    #palmela {
        left: 50.7%;
        top: 30.8%;
        width: 115px;
        height: 64px;
    }

    #seixal_ecoparque {
        left: 17%;
        top: 30.8%;
        width: 69px;
        height: 30px;
    }

    #setubal {
        left: 51%;
        top: 44%;
        width: 80px;
        height: 80px;
    }


    #alcochete {
        left: 46%;
        top: 14.5%;
        height: 70px;
        width: 80px;
    }


    #almada {
        left: 6.8%;
        top: 25%;
        width: 65px;
        height: 66px;
    }


    #barreiro {
        left: 28.8%;
        top: 29.4%;
        height: 63px;
        width: 34px;
    }

    #moita {
        left: 33.4%;
        top: 24%;
        height: 68px;
        width: 40px;
    }

    #montijo {
        left: 75%;
        top: 11%;
        width: 80px;
        height: 80px;
    }

    #seixal_ecocentro {
        left: 13.8%;
        top: 35%;
        width: 115px;
        height: 35px;
    }

    #sesimbra {
        left: 16.4%;
        top: 49%;
        height: 75px;
        width: 85px;
    }
}*/

@media (max-width: 991px) {
    /*#introText{
        color: white;
    }
	
		#introText > p {
			color: white !important;
		}*/

    .closeBtn {
        display: block;
        position: absolute;
        top: 10px;
        right: 10px;
        cursor: pointer;
        stroke: black;
        stroke-width: 2px;
    }

    .pageHeader {
        font-size: 18px;
    }

    .currentDeal {
        background-color: #F8F8F8;
        /* height: initial; */
        /*min-height: auto;*/
        width: 90%;
        position: relative;
        border: 1px solid black;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        box-shadow: 5px 5px 5px #888888;
        -moz-box-shadow: 5px 5px 5px #888888;
        -webkit-box-shadow: 5px 5px 5px #888888;
    }

    /*.dealershipDesc p {
		color: white;
	}*/

    #detailCol {
        position: absolute;
        text-align: -webkit-center;
        /*margin-top: -88px;*/
        z-index: 2;
        padding-left: 0px;
        padding-right: 0px;
        /*background-color: rgba(0, 0, 0, 0.5);*/
        height: 100%;
    }

    .dealershipImg {
        margin-bottom: 10px;
        padding-top: 10px;
    }

    .dealershipGoogleLink {
        margin-bottom: 10px;
    }

    #mapCol {
        text-align: center;
    }


    .dealership {
        padding-left: 0px;
    }

    #square {
        position: absolute;
        width: 100%;
        background-color: black;
        height: 100%;
        z-index: 1;
        opacity: 0.5;
        display: none;
    }

    .dealershipAddress {
        font-size: 14px;
        color: white;
    }

    .dealershipPin {
        /*margin-left: -100px;*/
        display: none;
    }

    .dealershipAddressDiv {
        padding-left: 0px;
    }


    .seixal_ecoparque1 {
        left: 14% !important;
        top: 35% !important;
        width: 40px !important;
        height: 40px !important;
    }

    .seixal_ecoparque2 {
        left: 24.7% !important;
        top: 35% !important;
        width: 40px !important;
        height: 40px !important;
    }

    #palmela {
        left: 50.7%;
        top: 30.8%;
        width: 143px;
        height: 82px;
    }

    #seixal_ecoparque {
        left: 17%;
        top: 30.8%;
        width: 85px;
        height: 35px;
    }

    #setubal {
        left: 51%;
        top: 44%;
        width: 100px;
        height: 95px;
    }


    #alcochete {
        left: 46%;
        top: 14.5%;
        height: 81px;
        width: 92px;
    }


    #almada {
        left: 6.8%;
        top: 25%;
        width: 80px;
        height: 85px;
    }


    #barreiro {
        left: 28.8%;
        top: 29.4%;
        height: 72px;
        width: 40px;
    }

    #moita {
        left: 33.4%;
        top: 24%;
        height: 84px;
        width: 40px;
    }

    #montijo {
        left: 75%;
        top: 11%;
        width: 95px;
        height: 100px;
    }

    #seixal_ecocentro {
        left: 19%;
        top: 35%;
        width: 43px;
        height: 43px;
    }

    #sesimbra {
           left: 22%;
			top: 49%;
			height: 90px;
			width: 52px;
    }
	#sesimbra_estacao{
      left: 16.4%;
    top: 49%;
    height: 90px;
    width: 52px;
	}
}


@media (max-width: 768px) {


    .seixal_ecoparque1 {
        left: 14% !important;
        top: 35% !important;
        width: 30px !important;
        height: 30px !important;
    }

    .seixal_ecoparque2 {
        left: 24.7% !important;
        top: 35% !important;
        width: 30px !important;
        height: 30px !important;
    }

    #palmela {
        left: 50.7%;
        top: 30.8%;
        width: 109px;
        height: 68px;
    }

    #seixal_ecoparque {
        left: 17%;
        top: 30.8%;
        width: 65px;
        height: 28px;
    }

    #setubal {
        left: 51%;
        top: 44%;
        width: 76px;
        height: 73px;
    }


    #alcochete {
        left: 46%;
        top: 14.5%;
        height: 65px;
        width: 72px;
    }


    #almada {
        left: 6.8%;
        top: 25%;
        width: 63px;
        height: 69px;
    }


    #barreiro {
        left: 28.8%;
        top: 29.4%;
        height: 58px;
        width: 32px;
    }

    #moita {
        left: 33.4%;
        top: 24%;
        height: 67px;
        width: 33px;
    }

    #montijo {
        left: 75%;
        top: 11%;
        width: 72px;
        height: 82px;
    }

    #seixal_ecocentro {
        left: 19.2%;
        top: 35%;
        width: 31px;
        height: 30px;
    }

    #sesimbra {
           left: 22%;
			top: 49%;
			height: 72px;
			width: 52px;
    }
	#sesimbra_estacao{
     left: 14.4%;
    top: 49%;
    height: 72px;
    width: 52px;
	}
}



@media (max-width: 425px) {


    .seixal_ecoparque1 {
        left: 14% !important;
        top: 35% !important;
        width: 17px !important;
        height: 17px !important;
    }

    .seixal_ecoparque2 {
        left: 24.7% !important;
        top: 35% !important;
        width: 10px !important;
        height: 10px !important;
    }
    #palmela {
        left: 50.7%;
        top: 28.8%;
        width: 61px;
        height: 45px;
    }

    #seixal_ecoparque {
        left: 17%;
        top: 30.8%;
        width: 35px;
        height: 13px;
    }

    #setubal {
        left: 51%;
        top: 44%;
        width: 41px;
        height: 40px;
    }


    #alcochete {
        left: 46%;
        top: 14.5%;
        height: 37px;
        width: 38px;
    }


    #almada {
        left: 6.8%;
        top: 25%;
        width: 32px;
        height: 36px;
    }


    #barreiro {
        left: 28.8%;
        top: 29.4%;
        height: 34px;
        width: 16px;
    }

    #moita {
        left: 33.4%;
        top: 24%;
        height: 35px;
        width: 16px;
    }

    #montijo {
        left: 75%;
        top: 11%;
        width: 41px;
        height: 48px;
    }

    #seixal_ecocentro {
        left: 19.2%;
        top: 35%;
        width: 31px;
        height: 30px;
    }

	
	 #sesimbra {
          left: 22%;
		top: 49%;
		height: 42px;
		width: 20px;
    }
	#sesimbra_estacao{
     left: 16.4%;
    top: 49%;
    height: 42px;
    width: 20px;
	}
    

}