charset "utf-8";
*{
	box-sizing:border-box;
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	margin:4rem;
	padding:6rem;
}
figure{
	width:200%;
	margin:1rem;
	padding:0;
}
ul{
	list-style-type:none;
}
header{
	width:100%;
	height:6.5rem;
	padding: 16px;
	background-color:#343434;
	position:fixed;
	overflow:auto;
    box-shadow: 8px 3px 15px 0px;
   
    top: 0;
   
  
}

body{
    margin: 0;
}

#retrato {
    
display:block;
    float: left;
    margin-left: 15rem;
}


.logo_header{
	float: left;
    display:inline-block;
    margin-bottom:0;
    width: 9rem;
	height: 4rem;
	position:relative;
	margin: 11px 0rem 0rem -4rem;
}
.logo_header img{
	width:100%;
	height:auto;
}
.navegacion_principal{
	    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    
    top: 7px;
        box-sizing: border-box;
    display: inline-block;
   
}
.navegacion_principal ul li{
	text-align:center;
	background-color:#848484;
	margin:8px 1px ;
	
	width:100%;
	max-width:500px;
	display:block;
	position:relative;
    line-height: 58px;
    width:10rem;
        height: 2rem;
		padding: 0 ;
        margin-bottom: 0;
   display: inline-block;
}
.navegacion_principal ul li a{
	width:100%;
	height:100%;
	display:block;
	text-decoration:none;
	text-transform:uppercase;
	font-size: 0.875rem;
	font-family:'Oswald', sans-serif;
	font-weight:400;
	color:#ebebeb;
    margin-top: -10px;
}
.navegacion_principal ul li:hover{
	background-color:#f5ff00;
}
.navegacion_principal ul li:hover > a{
	color:#1c1c1c;
}
#seleccionado{
	cursor:default;
	background-color:#f5ff00;
}
#seleccionado a{
	cursor:default;
	color:#000000;
}
article{
	text-align:center;
	padding:20px 20px 10px;
	display:block;
	position:relative;
}
h1{
	text-transform:uppercase;
	color:#222020;
	font-family:'Oswald', sans-serif;
	font-weight:700;
	font-size:1.375rem;
	margin-bottom:20px
}

h2{
	
	color:#2c2c2c;
	font-family:'Oswald', sans-serif;
	font-weight:400;
	font-size: 2rem;
	margin-bottom:20px
}



.información{
    display:block;
    margin-left: 40rem;
}



.info{
	font-size:0.75rem;
	color:grey;
	padding:0 0 20px;
	border-bottom:1px solid #888;
	width:100%;
	max-width:500px;
	display:block;
	position:relative;
	margin:0 auto;
}
.info b{
	font-family:'Oswald', sans-serif;
	font-weight:400;
	line-height:35px
}
section{
	display:block;
	
	padding:10px 20px;
	
    margin-top: 8rem
}
h3{
	text-transform:uppercase;
	color:#0084bd;
	font-size:1.125rem;
	font-family:'Oswald', sans-serif;
	font-weight:700;
	display:block;
	margin:0 0 10px;
}


.nombre{
	text-transform:uppercase;
	text-decoration:none;
	text-align:left;
	color:black;
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	margin:5px;
	font-size:1.125rem;
	line-height:1rem;
	font-family:'Oswald', sans-serif;
	font-weight:700;
}
footer{
	background-color:lightgrey;
	padding:20px;
	position:relative;
}

@media screen and (min-width:768px) {
	.contenedor_principal{
		width: 84%;
		display:block;
		position:relative;
		margin:0 auto;
	}
    
}
	
	
	
	
		
		
        
	
	.navegacion_principal ul li a{
		font-size:0.9rem;
	}
	h1{
		text-align:left;
		font-size:2.1rem;
		margin-top:15px;
	}

	}
	.tit_acumar .barra{
	display:inline-table !important;
}
	.tit_tema{
		width:100%;
		max-width:100%;
		text-align:left;
	}

	h3{
		text-align:left;
	}
	.integrantes{
		overflow:auto;
		margin:0 auto 20px;
		position:relative;
		display:block;
		width:680px;
	}
	.integrantes li{
		float:left;
		display:inline-block;
		width:330px;
		margin:2px 5px;
	}

   
 .redes {
        float: right
            display:inline-block;
		margin-bottom:0;



    }


@media screen and (min-width: 768px){   

    
     .redes {
        float: right
            display:inline-block;
		margin-bottom:0;
               }
    
    
    .logo_instagram {
	

		float:right;
		display:inline-block;
		margin-bottom:0;
       width: 0rem;
    height: 0rem;
    display: block;
    
        position: relative;
    margin-right: 5rem;
        margin-top: 30px;
       
    

    }




.logo_instagram img {
    width: 2rem;
    height: auto;

}

.logo_be {
	
		float:right;
		display:inline-block;
		margin-bottom:0;
      
    width: 0rem;
    height: 0rem;
    display: block;
    position: relative;
    margin-right:3rem;
    margin-top: 25px;

}


.logo_be img {
    width: 2.5rem;
    height: auto;
}
   


.logo_header img{
	width:100%;
	height:auto;
}
    

}
#seleccionado_red{
	cursor:default;
	background-color:#46d3c8;
}

#todo_contenido {
    
float: left;
   float: left;
    
    width: 39rem;
    background-color: #FFDD00;
    margin-left: 1rem;
    margin-top: 20px;
    margin-right: 0;
    padding-left: 30px
}


.biografia{
float: left;

 border-bottom: 1px solid #383838;
}

.sobremi {
    border-bottom: 1rem;
       padding: 2rem;
    text-align: -webkit-left; 
    float: left
}

.sobremi ul {
    float: left;
   
    
   
}


.sobremi ul li {
    
   
    float: left;
}



#info_fadu {


float: right;
    height: 22rem;
    width: 37rem;
    background-color: #ebebeb;
    margin-right: 4rem;
    margin-top: 20px;
    margin-left: 0;
}

.cursadas{
    background-color: #fcffb9}

  $('.center').slick({
  centerMode: true,
  centerPadding: '60px',
  slidesToShow: 3,
  responsive: [
    {
      breakpoint: 768,
      settings: {
        arrows: false,
        centerMode: true,
        centerPadding: '40px',
        slidesToShow: 3
      }
    },
    {
      breakpoint: 480,
      settings: {
        arrows: false,
        centerMode: true,
        centerPadding: '40px',
        slidesToShow: 1
      }
    }
  ]
});