/*
body {
	background-color: #FFD684;
	}

#cabeceraweb{
	background-color: #FD0000;
}

#navegacionprincipal{
	background-color: #84D6FF; 
	
}

aside{
   	background-color: #FC9BD3;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 40px;
    padding-bottom: 20px;
    margin-bottom: 30px;
    height: 2100px;
    clear: both;
    width: 25%;
     width: 350px;
    margin-right: 40px;
    
}

aside ul{
    background-color: white;
    width: 80%;
    margin-top: 15px;
    margin-bottom: :15px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    padding-bottom: 10px;
}

#sectionprincipal{
	background-color: #55ED2C;
   }

.cajaNoticia1{
    background:white;
    width: 70%;
    margin-left:auto;
    margin-right:auto;
    padding-left: 25px;
}

#footerweb{
	background: #F7FF50;
    clear: both;
    margin-top: 60px;
    
}

li{
    background-color: ;
    display: inline;
}

section{    
        margin-left: 350px;
        padding-top: 10px;
        padding-right: 10px;
        padding-left: 15px;
}

#logo{
    
}


/*CREAR MENU DESPLEGABLE*/

.navegacion{
	width: 1000PX;  
    
	margin:30px auto 30px auto;
    /*Arriba derecha abajo izquierda (agujas del reloj)*/
    
	background: #FFF; 
    /*Color de fondo blanco*/
    
	padding: 20px; 
}

.navegacion ul{
	list-style: none; 
    /*le quitamos el estilo de lista*/
}


.menu > li {
	position:relative;
	display: inline-block;
}

.menu > li > a{
    /*llamamos solo a los a que están en los li que son hijos de .menu*/
	padding: 15px 20px;
	color: #353535;
	font-family: 'Comic Sans MS';
	font-size:150%;
	text-decoration:none;	
	/* display: block; */
}

/*Efecto hover para que se coloreen al pasar el raton*/

.menu li a:hover{
    /*ponemos hover a todos los a del menu y submenu*/
	color:#CE7D35;
	transition: all 0.3s;
}

/* Voy a modificar ahora el submenu*/

.submenu {
	position: absolute; 
/*    para que siempre esté debajo de viajes*/
	background:#333333;	
	visibility:hidden; 
    /*Para que no aparezca por defecto*/
	width: 120%; 
    /*120% que el tamaño de su padre (li viajes)*/
	opacity: 0;
	transition: opacity 2.5s; 
    /*Que solo funcione cuando está con opacity=1;*/
	}

.submenu li a{
	display: block;
	padding: 15px; 
    /*a todos los lados*/
	color: #fff;
	font-family: 'Cooper Black';
	
    text-decoration:none;
    /*Quitar el subrayado por defecto*/

}

.menu li:hover .submenu{
    /*Queremos darle un efecto al submenu*/
	visibility: visible;
    /*Para que aparezca cuando se pone el ratón encima*/
	opacity:1;
	}