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

 .contenedor {
        height: 70%;
        width: 100%;
        background-color: #fff;
        display: flex;
        justify-content: space-around;
        align-items: center;
		font-family: "Montserrat Alternates";
    }
        .informacion{
            padding-left: 5%;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
        }
            .ubicacion, .mail, .horarios {
                padding: 3% 0;
                color: #202020;
                text-align: justify;
                display: flex;
                flex-direction: column;
            }

        .formulario{padding-top: 5%;
            padding-right: 5%;
            width: 100%;
            height: 100%;
            background-color: rgba(225,225,225,0.5); 
            padding-right: 5%;
            display: flex;
            flex-direction: column;
           
}
            .formulario input{
                margin: 2%;
                width: 90%;
                height: 10%;
                display: flex;
                justify-content: center;
                align-items: flex-start;
				margin-right:auto;
				margin-left:auto;
            }
           .a{
               
				 width: 50%;
            }
            .acepto{
                padding-left: 7%;
                width: 100%;
                display: flex;
                align-items: center;
                
            }
                .acepto input[type=checkbox]{
                    border: 2px solid #000080;; 
                    width: 1em; 
                    height: 1em; 
                    -webkit-appearance:none; 
                    background-color: #fff; 
                    outline: none;
            }
                input:checked[type=checkbox]{ /*:checked es otra pseudo clase*/
                    background-color: #000080;;
                    border: none;
                    cursor:pointer;
                }
                .acepto .terminos{

                    font-size: 1em;}
                .formulario input[type=submit]{
                    width: 150px; 
                    height:35px;
                    border: none; 
                    background-color: #0000fe; 
                    color: #fff; 
                    cursor: pointer; 
                    padding: 0;}
            
                    footer {
                        height: 80vh;
                       
                        padding: 1% 12%;
                            
                        display: flex;
                        align-content: center;
                        flex-direction: column;}
                    .datos, .redes, .fin{
                        padding-top: 5%;
                        width: 60%;
                        align-self: center;
                        flex-direction: column;
                        justify-content: space-between;}
                    .datos p {
                        padding-top:0.9em;
                        color: #ffffff;
                        text-align: center;
                        font-size: 0.95em;
                        justify-content: flex-start;}
                    .redes {
                        display: flex;
                        align-items: center;
                        justify-content: flex-start;
                    }
                    .tituloredes h4 {
                        color: #ffffff;
                        font-size: 1.5em;
                        margin-bottom: 15%;
                    
                    }
                    .facebook, .youtube {
                        margin-bottom: 5%;
                        display: inline-block;
                        text-decoration: none;
                        text-align: center;
                        color: #ffffff;
                        width: 16em;
                        height: 3em;
                        font-size: 0.8em;
                        background-color: #929292; 
                        padding: 1% 5%;
                        border-radius: 10px;
                    
                        display: flex;
                        align-items: center;
                        justify-content: center;}
                    .facebook{margin-bottom: 2%;}
                    .facebook:hover, .youtube:hover{
                        box-shadow: 1px 2px 5px #000000;}
                    .facebook img{width: 2.5em; height: auto; padding:5px;}
                    .youtube img{margin-right:5px;width: 2.2em; height: auto; padding:5px;}
                    .fin h5{
                        color: #ffffff;
                        text-align: center;
                        font-size: 0.95em;
                        align-self: center;}



div[class*='col-'] {
  
}

#div-1 {
  background-color:#CCC;
}

#div-2 {
  background-color: #0F0;
}

#div-3 {
  background-color: #F00;
}

@media (min-width: 150px) {
  #div-2 {
    -webkit-transform: translateX(33%) translateY(-25px);
    transform: translateX(33%) translateY(-25px);
  }
  #div-3 {
    -webkit-transform: translateX(66%) translateY(-50px);
    transform: translateX(66%) translateY(-50px);
  }
}