@charset "utf-8";
/* CSS Document */

#content h2{
    margin-bottom: 10px;
    font-size: 1.1em;
    font-weight: bold;
    font-family: 'Days One', sans-serif;
    line-height: 1.5em;

}
#content p{
    margin-left: 0%;
}

div p{
    text-align: justify;
    padding-right: 20px;
    margin-bottom:2%;
    padding-left: 0;
    line-height: 1.5em;
}

body{
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    
}


div #fibra, #electrico, #iluminacion, #datos{
    margin-left: 5%;
    margin-bottom: 8%;
    padding-top: 2%;
}

.video {
    overflow: hidden;
    margin: 15px;
    width: 230px;
    float:left;
}


.left1{margin-left: 4%;}
.left2{margin-left: 6%;}
.left3{margin-left: 2%;}
.left4{margin-left: 8%;}
/*

REPRODUCTOR VIDEOJS https://videojs.com/getting-started

*/
@media screen and (max-width:600px){
   a img.cssbox_thumb{
        height: 350px;
        margin: 15px;
    } 
    
    .video-js{
            width:560px;
            height:400px;
    }
    .video{
        width: auto;
    }
    
    .left1, .left2, .left3, .left4{margin-left: 6%;}
   #iluminacion{margin-bottom: 500px;}
    
    a.cssbox_close,
    a.cssbox_prev,
    a.cssbox_next {
        font-size: 5em;
    }

    
}