body
{
 background-color: #F8EAD3;
 color: #27312E;
}

#contenedor
{
 width:900px;
 height: auto;
 background-color: transparent; 
 margin: 0 auto;
}

#cabecera
{
 width: 100%;
 height: 50px; 
 background-color: #19354A;
}

#lateral
{
 width: 200px;
 height:auto; 
 background-color:#AD2821;
 float: left;
}

#contenido
{
 width:900px;
 height: auto;
 background-color: #F8EAD3; 
 
}

.foto
{
 width: 250px;
 height: 250px; 
 float: left;
 padding: 20px 20px 20px 20px;
 shape-outside: circle(50%);
 border-radius:170px;
}

.foto2
{
	width: 250px;
 height: 250px; 
 float: right;
 padding: 20px 20px 20px 20px;
 shape-outside: circle(50%);
 border-radius:170px;
}

.cartelLateral
{
 width:200px;
height: auto; 
}

.cartelLateral img
{
 width:200px;
height: 200px;; 
}

#menu
{
 width: auto;
 height: 0;
}
#social 
{
 list-style: none;
 padding: 6px;
}

#social li a,link,visited
{
float:left;
text-decoration: none;
padding: 4px;
color: white;
}

.eCabecera
{
 float: left;
 color:white;	
 padding:4px;
}

.redes
{
 width:30px;
 height:30px; 
}

#logo img
{
width: 50px;
height: 50px; 
margin: 0 0 0 74px;

}

#videos
{
 width:150px;
 height: auto;
 padding: 4px;
 margin: 5px 0 0 5px;
}

.avatar
{
 width:100px;
height: 100px;
float: rigth; 
}

#lateral ul li
{
 list-style:none;
margin: 10px 0 0 10px; 
}

#lateral ul li a
{
text-decoration: none;
color: white;
}

#lateral ul li a:hover
{
text-decoration: underline;
background-color: #19354A;
font-size: 10px;
padding: 10px 10px 10px 10px;
}



#opi
{
 width: 400px;
 height: auto;
 
}

#miPop
{
background-color: black;
visibility: hidden; 
z-index:1000;
width:50%;
height:50%;
position: absolute;
opacity: 90%;

}