a{
    text-decoration: none;
    color: #000;
}

body {
    font-family: Geneva;
    margin: 0;
    padding: 0;
}

footer{
    margin-top:450px;
    width:100%;
    height:100px;
    background-color: #fff;
    line-height: 100px;
    bottom: 0;
    position: relative;
}


h2 {
    font-weight: bold;
    font-size: 25px;
    color: #000;
}

#logo{
    display: block;
    margin: auto;
}

#menu{
    height: 38px;
    display: flex;
    justify-content: center;
}

.submenu{
    background-color: #eee;
    width: 402px;
    height: 43px;
    line-height: 37px;
    margin: auto;
    display: flex;
    justify-content: center;
}

.boton_menu{
    float: left;
    font-weight: bold;
    margin-top: 3px;
    margin-right: 0px;
    width: 6%;
    text-align: center;
    font-family: Geneva;
    font-size: 85%;  
    min-width: 105px;
}

.activo{
    border-bottom: 1px solid black;
    padding-bottom: 4px;
}

.activo2{
    background-color: #ccc;
    padding: 13%;
}

#intro {
    /*background: url(../images/fondo1.jpg) 20% 0 fixed;*/
    background-color: green;
    background-size: cover;
    min-height: 650px;
    margin: 0 auto;
    width: 100%;
    padding: 100px 0;
}
.intro-unit {
    color: #000;
    /*! padding: 60px; */
    display: inline-block;
    text-align: center;
    margin-left: 10%;
    width: 80%;
    height: 100%;
    padding-top: 15px;
    z-index: 1 !important;
}

.boton{
    border: 1px solid #000;
    width: 150px;
    padding: 20px;
    font-weight: bold;
    position: relative;
    margin: auto;
    text-align: center;
    background-color: #fff;
}

.boton:hover{
    background-color: #95d6ff;
}

/*!  --------  intro  --------  */

.cuadro_ppal{
    display:inline-table;
    padding:0px;
    height:500px;
    width:500px;
    margin:5px;
}

.cuadro_ppal:hover{
    opacity: 0.7;
    display:inline-table;
    margin:5px;
    cursor: pointer;
}
/*! --------- Portfolio -----------  */
.cuadro{
    display:inline-table;
    padding:0px;
    height:300px;
    width:300px;
    margin:5px;
}

.cuadro:hover{
    opacity: 0.8;
    display:inline-table;
    padding:35px;
    margin:5px;
    cursor: pointer;
     
}

.cuadro1{
    background-image: url(../images/1.jpg); 
    background-size: cover;
}



.cuadro2{
    background-image: url(../images/2.jpg); 
    background-size: cover;
}



.cuadro3{
    background-image: url(../images/3.jpg); 
    background-size: cover;
}



.cuadro4{
    background-image: url(../images/4.jpg); 
    background-size: cover;
}



.cuadro5{
    background-image: url(../images/5.jpg); 
    background-size: cover;
}



.cuadro6{
    background-image: url(../images/6.jpg); 
    background-size: cover;
}



.cuadro7{
    background-image: url(../images/7.jpg); 
    background-size: cover;
}



.cuadro8{
    background-image: url(../images/8.jpg); 
    background-size: cover;
}



.cuadro9{
    background-image: url(../images/9.jpg); 
    background-size: cover;
}



.cuadro10{
    background-image: url(../images/10.jpg); 
    background-size: cover;
}



.cuadro11{
    background-image: url(../images/11.jpg); 
    background-size: cover;
}



.cuadro12{
    background-image: url(../images/12.jpg); 
    background-size: cover;
}



.cuadro13{
    background-image: url(../images/13.jpg); 
    background-size: cover;
}



.cuadro14{
    background-image: url(../images/14.jpg); 
    background-size: cover;
}



.cuadro15{
    background-image: url(../images/15.jpg); 
    background-size: cover;
}


.cuadro16{
    background-image: url(../images/16.jpg); 
    background-size: cover;
}


.cuadro17{
    background-image: url(../images/17.jpg); 
    background-size: cover;
}


.cuadro18{
    background-image: url(../images/18.jpg); 
    background-size: cover;
}


/*----------------Fantasía------------------*/
.fantasia1{
    background-image: url(../../../images/1.jpg); 
    background-size: cover;
}

.fantasia1:hover{
    background-image: url(../images/1h.jpg); 
    background-size: cover;
}

.fantasia2{
    background-image: url(../images/2.jpg); 
    background-size: cover;
}

.fantasia2:hover{
    background-image: url(../images/2h.jpg); 
    background-size: cover;
}

.fantasia3{
    background-image: url(../images/3.jpg); 
    background-size: cover;
}

.fantasia3:hover{
    background-image: url(../images/3h.jpg); 
    background-size: cover;
}

.fantasia4{
    background-image: url(../images/4.jpg); 
    background-size: cover;
}

.fantasia4:hover{
    background-image: url(../images/4h.jpg); 
    background-size: cover;
}

.fantasia5{
    background-image: url(../images/5.jpg); 
    background-size: cover;
}

.fantasia5:hover{
    background-image: url(../images/5h.jpg); 
    background-size: cover;
}

.fantasia6{
    background-image: url(../images/6.jpg); 
    background-size: cover;
}

.fantasia6:hover{
    background-image: url(../images/6h.jpg); 
    background-size: cover;
}

.fantasia7{
    background-image: url(../images/7.jpg); 
    background-size: cover;
}

.fantasia7:hover{
    background-image: url(../images/7h.jpg); 
    background-size: cover;
}

.fantasia8{
    background-image: url(../images/8.jpg); 
    background-size: cover;
}

.fantasia8:hover{
    background-image: url(../images/8h.jpg); 
    background-size: cover;
}

.fantasia9{
    background-image: url(../images/9.jpg); 
    background-size: cover;
}

.fantasia9:hover{
    background-image: url(../images/9h.jpg); 
    background-size: cover;
}

.redes{
    width: 100%;
    text-align: center;
    font-family: Geneva;
    font-size: 85%;
    font-weight: bold;
    
}
/*------------Recortes-------------*/
.galeria{
    display:inline-table;
    height:300px;
    width:300px;
    margin:5px;
}

.galeria:hover{
    opacity: 0.8;
    
}
/*-------------- Sobre mí -------------------*/

.sobremi {
    color: #000;
    width: 100%;
    height: 500px;
 
}

.info{
    text-align: center;
    font-family: Geneva;
    margin:5%;
    /*! float: left; */
}

.texto{
    background-color: #dedede;
    padding: 2%;
}

.texto p{
    padding-left: 20px;
    padding-right: 20px;
}
.yo{
    display: block;
    margin: auto;
}
/*------------------------------*/

*{box-sizing:border-box;}

		.container{
			width:95%;
			max-width:900px;
			padding:32px 64px;
			margin:auto;
		}

		.social{
			/*las imágenes usadas tienen width de 48px*/
			width:48px;
			position:fixed;
			top:50px;
			right:0;
		}

		/* Extra centrado vertical*/

		.social{
			/*border:1px solid #000;*/
			top:11%;
			height:202px;
			/*para poner height 192 deberíamos haber indicado en el reset de estilos font-size:0;*/
			margin-top:-100px;
		}