/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 12-nov-2016, 20:00:46
    Author     : Octavio
*/

html,body {
    margin: 0;
    font-family: arial,helvetica,sans-serif;
    
}

section article{
    background-color: black;
    color: white;
    width: 50%;
    float: left;
    padding-top: 250px;
    /*border: 2px solid white ;*/
    box-sizing: border-box;
    height: 400px;
    position: relative;
}


#chalet1{
     background-image: url("./chalet.jpg");
     background-size: cover;
     background-position: center;
}

#chalet2{
     background-image: url("./chalet2.jpg");
     background-size: cover;
     background-position: center;
}

#chalet3{
     background-image: url("./chalet3.jpg");
     background-size: cover;
     background-position: center;
}
#chalet4{
     background-image: url("./chalet4.jpg");
     background-size: cover;
     background-position: center;
}
#chalet5{
     background-image: url("./chalet5.jpg");
     background-size: cover;
     background-position: center;
}
#chalet6{
     background-image: url("./chalet6.jpg");
     background-size: cover;
     background-position: center;
}
#chalet7{
     background-image: url("./chalet7.jpg");
     background-size: cover;
     background-position: center;
}
#chalet8{
     background-image: url("./chalet8.jpg");
     background-size: cover;
     background-position: center;
}
#chalet9{
     background-image: url("./chalet9.jpg");
     background-size: cover;
     background-position: center;
}
#chalet10{
     background-image: url("./chalet10.jpg");
     background-size: cover;
     background-position: center;
}
#chalet11{
     background-image: url("./chalet11.jpg");
     background-size: cover;
     background-position: center;
}
#chalet12{
     background-image: url("./chalet12.jpg");
     background-size: cover;
     background-position: center;
}
#chalet13{
     background-image: url("./chalet13.jpg");
     background-size: cover;
     background-position: center;
}
#chalet14{
     background-image: url("./chalet14.jpg");
     background-size: cover;
     background-position: center;
}

#piedra1{
     background-image: url("./casaPiedra.jpg");
     background-size: cover;
     background-position: center;
}

#piedra2{
     background-image: url("./casaPiedra2.jpg");
     background-size: cover;
     background-position: center;
}

#piedra3{
     background-image: url("./casaPiedra3.jpg");
     background-size: cover;
     background-position: center;
}
#piedra4{
     background-image: url("./casaPiedra4.jpg");
     background-size: cover;
     background-position: center;
}
#piedra5{
     background-image: url("./casaPiedra5.jpg");
     background-size: cover;
     background-position: center;
}
#piedra6{
     background-image: url("./casaPiedra6.jpg");
     background-size: cover;
     background-position: center;
}
#piedra7{
     background-image: url("./casaPiedra7.jpg");
     background-size: cover;
     background-position: center;
}
#piedra8{
     background-image: url("./casaPiedra8.jpg");
     background-size: cover;
     background-position: center;
}
#piedra9{
     background-image: url("./casaPiedra9.jpg");
     background-size: cover;
     background-position: center;
}
#piedra10{
     background-image: url("./casaPiedra10.jpg");
     background-size: cover;
     background-position: center;
     width: 100%;
}

#amb21{
     background-image: url("./2amb1.jpg");
     background-size: cover;
     background-position: center;
}

#amb22{
     background-image: url("./2amb2.jpg");
     background-size: cover;
     background-position: center;
}

#amb23{
     background-image: url("./2amb3.jpg");
     background-size: cover;
     background-position: center;
}
#amb24{
     background-image: url("./2amb4.jpg");
     background-size: cover;
     background-position: center;
}
#amb25{
     background-image: url("./2amb5.jpg");
     background-size: cover;
     background-position: center;
}
#amb26{
     background-image: url("./2ambientes.jpg");
     background-size: cover;
     background-position: center;
}

#amb31{
     background-image: url("./3amb1.jpg");
     background-size: cover;
     background-position: center;
}

#amb32{
     background-image: url("./3amb2.jpg");
     background-size: cover;
     background-position: center;
}

#amb33{
     background-image: url("./3amb3.jpg");
     background-size: cover;
     background-position: center;
}
#amb34{
     background-image: url("./3ambientes.jpg");
     background-size: cover;
     background-position: center;
}
#amb35{
     background-image: url("./3amb5.jpg");
     background-size: cover;
     background-position: center;
}
#amb36{
     background-image: url("./3amb6.jpg");
     background-size: cover;
     background-position: center;
}
#amb37{
     background-image: url("./3amb7.jpg");
     background-size: cover;
     background-position: center;
}
#amb38{
     background-image: url("./3amb8.jpg");
     background-size: cover;
     background-position: center;
}
#amb39{
     background-image: url("./3amb9.jpg");
     background-size: cover;
     background-position: center;
     width: 100%;
}

#piscina1{
     background-image: url("./pileta.jpg");
     background-size: cover;
     background-position: center;
     width: 100%;
}
#piscina2{
     background-image: url("./pileta2.jpg");
     background-size: cover;
     background-position: center;
     width: 100%;
}
#piscina3{
     background-image: url("./pileta3.jpg");
     background-size: cover;
     background-position: center;
     width: 100%;
}

.clear{
    clear: both;
}

@media (max-width: 480px){
    section article{
    width: 100%;
    height: 300px;
    }
}