@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700');



* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
}

.body{
    background: #5f5f55;
}

.container-all{
    width: 100%;
    max-width: 1000px;
    margin: auto;
    padding: 60px;
    background: white;
    margin-top: 0px;
    }
    
    .green{
        text-align: center;
    }
    
/*El color en title, es por el título de la obra de arte*/
.title{
    font-size: 30px;
    margin-bottom: 60px;
    color: #1a237e;
   
}



.sub-title{
    font-size: 18px;
    font-weight: 30opx;
}

.container-all img{
    width: 300px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

.container-all p{
    font-size: 18px;
    font-weight: 300px;
    margin-top: 5px;
}

.letrap{
    color: rgb(0, 26, 255);
}

.letrita{
    text-align: center;
    
}

.letri{
    text-align: center;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif
    
}

p{
    text-align: left;
    

    }
    
.centro {text-align: center;}

main .page-footer{
    background: rgb(13, 138, 160);
}


.article{
    text-align: center;
}


/* SOMBRA AL TEXTO EN LAS IMAGENES DE LA GALERIA */
.caption h3{ 
    text-shadow: 1px 1px 1px #000;
}

h5{
    text-shadow: 1px 1px 1px #000; 
}

h3 {
    text-shadow: 1px 1px 1px #000;
}

h2{
    text-shadow: 1px 1px 1px #000;
}

/* FOOTER */
body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
  }

  main {
    flex: 1 0 auto;
  }

/* TITULO DEL MONUMNETO
.title{
    font-size: 3vw;
}*/

/*TITULO DEL VIDEO*/
.tit{
    font-size: 2vw;
    text-shadow: none;

}

/*VIDEO YOU TUBE*/
.video-youtube{
    border: 3px solid black;
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
}


.video-youtube iframe{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.youtube.wrapper{
    width: 70%;
    margin: auto;
}

/*MAP-RESPONSIVE*/
.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
    width: 70%;
    margin: auto;
    border: 1px solid black;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

/*STREET-RESPONSIVE*/
.street-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
    width: 70%;
    margin: auto;
    border: 1px solid black;
    margin: auto;
    

}
.street-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
    
    
}

/*TITULOS DE PLANO Y STREET*/
.centro{
    font-size: 3vw;
    text-shadow: none;
   }

/*SEPARACION DE FOTOS EN LA GALERIA*/
.col.s6.m3{
    margin-top: 20px;
}


.obra{
    font-size: 3vw;
    font-family:Arial, Helvetica, sans-serif  
   
}

.cursiva{
    font-style: italic;
}

.verde{
    color: green;
}

.justificado {
    text-align: justify;
}

.Alinear_Flex{
    display: flex;
    justify-content: center;
}

.grande{
    font-size: 30px;   
}

.referencias {
    color: green;
}

.obras {
    color: rgb(28, 0, 128);
}

.font {    
    font-family: 'Times New Roman', Times, serif;
    font-style: italic;
    color: #000;
}

.fixed-action-btn ul li a.btn-floating {
    margin: 0 auto;
    /* centra horizontalmente */
    display: block;
    /* asegura que cada botón ocupe su línea */
    right: auto !important;
    /* anula el desplazamiento hacia la derecha */
    left: 0 !important;
    /* fuerza alineación a la izquierda del contenedor */
}

.btn-floating.dark-blue {
    background-color: #0d47a1 !important;
    /* azul oscuro Material Design */
}




/* SAQUE LA LINEA DE ARRIBA DEL EJEMPLO
border-top: 6px solid #65d6a6; */


/*.letras{
    width: 10000px;
    padding: 1px;
    margin: 0auto;    
    font-size: 1.5em; este agranda las letras; 
    letter-spacing: 5px;
    line-height: 1;   separación entre párrafos; 
}*/
/*.letras1{
    width: 1000px;
    padding: 1px;
    margin: 0auto;   
    font-size: 1.5em; este agranda las letras; 
    letter-spacing: 3px;
}*/