section{
	position: relative;
}
img#mapa-completo{
    max-width: 450px;
    border-radius:25px;
    -webkit-box-shadow: 5px 5px 15px 0 rgba(0,0,0,0.2);
    box-shadow: 5px 5px 15px 0 rgba(0,0,0,0.2);
}
/*Mapa*/
svg#map{
    width: 500px;
    height: 900px;
}
.land{
fill: #D6D6D6;
fill-opacity: 1;
stroke:white;
stroke-opacity: 1;
stroke-width:2;
}

.land-active{
fill: #009776;
fill-opacity: 1;
stroke:white;
stroke-opacity: 1;
stroke-width:2;
transition: all 0.15s ease; 
}

.land-active:hover{
fill: #4D4D4D;  
}
svg#map a{
    cursor:pointer;
}

/*Sucursales*/
section#sucursales{
	height: auto;
    text-align: left;
    background: url(bg.jpg) center top no-repeat;
    background-size: 100%;
    padding-bottom: 50px;

}

section#sucursales #texto{
    padding-bottom: 100px;
    color: #4D4D4D;
}
section#sucursales #texto h1{
    color: #009776;
}


section#sucursales .container{
    padding: 0 !important;
    padding-top: 100px !important;
}

/*datos*/
.provincia{
    width: 500px;
    height: 0px;
    overflow:hidden;
    background: #FFF;
    margin-top: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease;
    border-radius: 25px;
    -webkit-box-shadow: 5px 5px 15px 0 rgba(0,0,0,0.2);
    box-shadow: 5px 5px 15px 0 rgba(0,0,0,0.2);
}
.active-provincia{
    opacity: 1;
    visibility: visible !important;
    height: auto;
    margin-top: 100px;
}
.provincia h3{
    color: #009776;
    padding-top: 40px !important;
    padding-left: 20px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.imagen{
    height: 200px;
    padding: 0 !important;
    background-size: cover !important;
}
.provincia .columna1{
    padding: 20px;
    padding-top: 0;
    color: #333333;
}
.direccion{
    background: url(direccion.png) top left no-repeat;
    line-height: 20px;
    padding-left: 25px;
}
.telefono{
    background: url(telefono.png) top left no-repeat;
    line-height: 20px;
    padding-left: 25px;
    color: #333 !important;
}
.celular{
    background: url(celular.png) top left no-repeat;
    line-height: 20px;
    padding-left: 25px;
    color: #333 !important;
}
.mail{
    background: url(mail.png) top left no-repeat;
    line-height: 20px;
    padding-left: 25px;
}
.mail a{
    color: #333333;
}
.horario{
    background: url(reloj.png) top left no-repeat;
    line-height: 20px;
    padding-left: 25px;
}
.provincia .boton{
    margin-top:15px !important;
    margin-bottom:50px !important;
}
.provincia .botonn{
    margin-bottom:50px !important;
}

.pick{
    width: 200px;
    margin-bottom: 50px;
}
/*Imagenes provincias*/
#jujuy .imagen{
    background: url(bases/jujuy.jpg) center;
    background-size: cover;
}
#salta .imagen{
    background: url(bases/salta.jpg) center;
    background-size: cover;
}
#misiones .imagen{
    background: url(bases/misiones.jpg) center;
    background-size: cover;
}#santafe .imagen{
    background: url(bases/santa-fe.jpg) center;
    background-size: cover;
}#mendoza .imagen{
    background: url(bases/mendoza.jpg) center;
    background-size: cover;
}#sanjuan .imagen{
    background: url(bases/san-juan.jpg) center;
    background-size: cover;
}#cordoba .imagen{
    background: url(bases/cordoba.jpg) center;
    background-size: cover;
}#buenosaires .imagen{
    background: url(bases/bsas.jpg) center;
    background-size: cover;
}#neuquen .imagen{
    background: url(bases/neuquen.jpg) center;
    background-size: cover;
}#chubut .imagen{
    background: url(bases/chubut.jpg) center;
    background-size: cover;
}#santacruz .imagen{
    background: url(bases/santa-cruz.jpg) center;
    background-size: cover;
}#tierradelfuego .imagen{
    background: url(bases/tierradelfuego.jpg) center;
    background-size: cover;
}

/*Provincias mobile
div#provincias-mobile{
    padding: 0 20px;
}

.provincia-mobile{
    display: none;
    width: 100%;
    height: auto;
    overflow:hidden;
    background: #009776 url(certificada.png) right bottom no-repeat;
    margin-top: 20px;
    transition: all 0.5s ease;
}
.provincia-mobile .columna1{
    padding: 20px;
    padding-top: 0;
    color: #FFF;
    display: none;
}
*/

/*VIDEO*/




/*Section 4*/
section#s4{
  padding: 150px 100px;
  padding-bottom: 150px;
  background: url(s4.jpg) center no-repeat;
  background-size: cover;
  text-align: left;
  color: white;
}
section#s4 .columna2{
    padding:30px;
}
.video-responsive {
position: relative;
padding-bottom: 60%; /* 16/9 ratio */
padding-top: 30px; /* IE6 workaround*/
height: 0;
overflow: hidden;
}
.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
position: absolute;
margin: auto;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*Section 5*/
section#s5{
  padding: 150px 100px;
  padding-bottom: 150px;
  background: url(s5.jpg) center no-repeat;
  background-size: cover;
  text-align: left;
  color: white;
}

/********** RESPONSIVE **********/
@media screen and (max-width: 1680px){
}
@media screen and (max-width: 1440px){
section#s5{padding: 100px 50px;padding-bottom: 100px;}
}
@media screen and (max-width: 1024px){
.provincia{width: 400px;}
.imagen{height:150px; }
}

@media screen and (max-width: 800px){
div#map-container{display: none;}
.provincia{width: 100%;visibility: visible;opacity: 1;height: auto;margin-bottom: 20px;}
section#s1{background-size: 300%;}
section#sucursales #texto{padding-bottom: 50px;}
section#sucursales i{display: none;}
section#s5{padding: 50px 50px;padding-bottom: 50px;}
}

@media screen and (max-width: 600px){
.active-provincia{height: auto;margin-top: 0;}
}

@media screen and (max-width: 480px){
.imagen{height:100px; }
img#mapa-completo{
    max-width: 320px;
    border-radius:25px;
    border: 2px solid #009776;
}

}
@media screen and (max-width: 320px){
img#mapa-completo{
    max-width: 280px;
    border-radius:25px;
    border: 2px solid #009776;
}
}