body{/*aplica a toda la página*/
	
	background-color: rgba(56,178,178,.7);
	color:white;

}

#dprincipal{
	
	width: 900px; /*permite establecer su anchura*/
	height: auto;/*permite establecer su altura*/
	overflow: hidden;/*Este valor indica que los contenidos que, por el tamaño de la capa, no quepan en la misma, se deben recortar.*/
	border: 0px solid #000;/*marca recuadro en este caso se oculta*/
	margin: auto;

}


.dtitulo{
	
	font-size: 40px; 
}

#dlogo {
	width: 100px;
	height: 50px;
	border: 0px solid #000;
	float: left;/*se pinta del lado izquierdo*/
}

.dmenu{

	width: 750px;
	height: 70px;
	border: 1px solid #ccc;
	float: right;/*posiciona al menú desde la derecha*/
	margin-top: 2%;
	background-color: #000699;
	border-radius: 20px;
}

.dmenu ul{
	margin-top: 20px;/*letras del menú del tope hacia abajo*/
	font-size: 27px; 
}

.dmenu ul li{
    
    list-style: none;/*quitar los puntos del menú*/
    float: left;/*ponerlos a la izquierda*/

}

.dmenu ul li a{
	
	text-decoration: none; /*quitar el subrayado*/
    padding: 5px 10px;
    border: 0px solid#ccc;
    color: #fff;
}

#dslide{

	margin-top: 70px;/*margen de arriba hacia abajo*/
	height: auto;
	float: left;/*se pinta del lado izquierdo*/
	color:white;

}

footer{

	width: 900px;
	height: 100px;
	text-align: center;
}

#dprincipal2{
	
	width: 900px; /*permite establecer su anchura*/
	height: auto;/*permite establecer su altura*/
	overflow: hidden;/*Este valor indica que los contenidos que, por el tamaño de la capa, no quepan en la misma, se deben recortar.*/
	border: 0px solid #000;/*marca recuadro en este caso se oculta*/
	margin: auto;

}