@charset "utf-8";

*  /*Configuracion para todos*/
{
    margin: 0px;
    padding: 0px;
}

/************************************************************************************************/

/*Para la parte de arriba*/
#cabeceralogo 
{
    width: 96%; /*No toques esto o se liara bien feo y lloraras en una esquina hazme caso*/
    height:145px;
    padding: 0% 2%; 
    
    background: linear-gradient(to right,  #0e0561ea 0%, #4d053b 100%);
}

/*cuadradito dentro de la cabecera*/
#cabeceralogo > div 
{
    max-width: 1300px; /*Esto mueve las letras y el logo de arriba*/
    margin: 0px auto;
    padding-top: 25px;
    
}


/*************************************************************************************************/

/*MENU*/
#menuprincipal 
{
    width: 96%;
    height: 60px;
    padding: 0% 2%;
    /*background: linear-gradient(to right, rgb(4, 77, 88) 2%,rgb(17, 1, 109) 100%);*/
    background: linear-gradient(to right,  #0e0561ea 0%, #4d053b 100%);
    border-bottom: 3px solid #5ce4e9ea;
}


#menuprincipal > div 
{
    max-width: 1100px;
    margin: 0px auto;
    padding: 0.2em;
    
}

#menuprincipal li 
{
    display: inline-block;
    height: 40px;
    padding: 15px 10px 0px 5px;
    margin-right: 3px;
}


/*Letras del menu mágico*/


#menuprincipal a 
{
    
    font-size: 20px;
    font-family: Georgia; 
    color: white;
    text-decoration: none;
}
#menuprincipal li:hover /*ejecutar un estilo cuando se ponga el cursor sobre este*/
{
    background: linear-gradient(to top, rgb(136, 218, 197) 0%,  rgb(28, 194, 194) 100%); 
}

/*Aqui termina el menu*/

/******************************************************************************************/

/*Aqui estan los esquineros*/
#infoadicional 
{

    float: right;
    width: 28%;
    padding: 1.5%;
    border-radius: 10px;
}

.recuperar 
{
    clear: both;
}

/*****************************************************************************************/

/*La parte del centro o algo asi*/

/*Donde va la info incluye el aside y el article*/
main 
{
    width: 96%;
    padding: 1%;
}
main > div 
{
 
    max-width: 1900px;
    margin: 0px auto;
}

/********************************************************************************************/


#articulosprincipales 
{
    float: left;
    width: 66%;
    padding-top: 40px;
    margin-left: 2%;
    background: linear-gradient(to right,  #d6f0f0ea 100%, #cadbec 50%);
    border-radius: 10px;
}
/*Aqui si esta lo que va en el medio*/
article 
{
    position: relative;
    padding: 0px 10px 50px 10px;
}

/**************************************************************************/

/*Esta es la parte del footer*/

#pielogo 
{
    width: 96%;
    padding: 2%;
    background: linear-gradient(to bottom, rgb(4, 77, 88) 2%,rgb(17, 1, 109) 100%);
}

#pielogo > div 
{
    max-width: 900px;
    margin: 0px auto;
    background: linear-gradient(to right,  #0e0561ea 0%, #4d053b 100%);
    border-radius: 30px;
}

.seccionpie 
{
    padding: 2%;
    width: 90%;
    text-align: center;
    color: white;
}

/*********************************************************************************************/