/* Moving Boxes demo CSS */

@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700);

#textoHome {
    font-size: 15px;;
    width: 500px;
    padding: 16px 20px;
    float: left;
    margin-right: 50px;
    text-align: justify;
    border: 5px solid #ccc; 
    color: #06286A;
    height: 400px;
    
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
#sliderBox { 
    font: 16px/1.4 'PT Sans', sans-serif;
}

.demo-title {
    text-align: center;
    color: #a71700;
    text-transform: uppercase;
    padding: 30px 0 0;
    font-size: 60px;
}

.movingBoxes {
    float: left;
}

/* Navigation bar */
.main-nav { 
    display: block; 
    text-align: center; 
    border-bottom: 2px solid #a71700;
    margin: 0 0 20px 0;
    padding: 0 0 10px 0;
}

.main-nav a { 
    text-decoration: none;
    color: #3e63ec;
    font-size: 18px;
    margin: 0 8px;
}
.main-nav a:hover {
    color: black;
    border-bottom: 2px solid black;
}

/* Moving Boxes title image wrapper */
#title { 
    text-align: center; 
}
#title img { 
    border: 0; 
}

/* Panel images */
.mb-inside img { width: 100%; }

/* height of the placeholder until image completely loads - needed for
   webkit browsers, add this only if you don't want the height animation
   on startup. 326px measures the height of the current image when enlarged 
*/
#slider-two .current img { /* height: 326px; */ }

/* Panel links */
.mb-inside a { color: #333; text-decoration: none; border-bottom: 1px dotted #ccc; }
.mb-inside a:hover { border-bottom: 1px solid #999; }

/* Add/remove panels buttons */
.buttons { padding: 5px 10px; text-align: center; }

/* Direct link styling */
.dlinks { 
    text-align: center;
    margin: 0 0 20px 0;
}
.dlinks * {
    vertical-align: middle;
}