/* hoja de estilos */

/*body*/
body{
    background-color:#462445;
    margin: auto; 
}

/*footer*/
footer{
    font-family: 'Hind Guntur', sans-serif;
    font-size: 8px;
    Color: #ffffff;
    display: flex;
    justify-content: center;
    margin: auto;
    width: 480;
    height:1.5cm;
    margin-top: 10;
}

/*IMAGENES GRANDES*/
figure{ 
    padding:1rem; 
    margin:auto;
    display: flex;
    justify-content: center;
}
/*PARTE EDITABLE*/
#usuario{
    font-family: 'Hind Guntur', sans-serif;
    font-family: sans-serif;
    color:#acacac;
    display: flex;
    justify-content:cen;
    border: solid #acacac;
    border:1px solid grey;
    margin:auto;
    width:50%;
    padding:20px;
    margin-top: 10px;
    margin-bottom:10px;
    width: 11.8cm; 
    height:cm ;
}

/*Te olvidate la contraseña*/
#olvidar{
    width: 12.9cm; 
    font-family: 'Hind Guntur', sans-serif;
    font-size: 14px;
    display: flex;
    justify-content: flex-start;
    margin: auto;
    color: #fdfdfd;
}
/*CREAR CUENTA*/
#crearcuenta a {
    font-family: 'Hind Guntur', sans-serif;
    color:#ffffff;
    font-size: 20px;
    display: flex;
    justify-content: center;
}

/*BOTON BLANCO (Iniciar sesion, Registrarme)*/
h1{ 
    margin: auto;
    width: 7cm; 
    height:1cm ;
    background: #fff;
    margin-top: 20px;
    font-family: 'Hind Guntur', sans-serif;
    display: flex;
    justify-content: center;
    list-style:none;
    text-decoration: none;
    color: #000000;
   
}

/**************ANOTACIONESSSSSS**********/
2{
    border: solid #acacac;
    overflow-x: hidden
}
/*****//*****//*****//*****//*****//*****//*****/

 /*PAGINA DE CALENDARIO*/
#junio2017{
    margin: auto;
    margin-top: 20px;
    width: 11.8cm; 
    height:1cm ;
    background: url('../img/header.jpg');
    display: flex;
    justify-content: space-between;
    font-family: 'Hind Guntur', sans-serif;
    color:#ffffff;
    font-size: 1.6em;
    
     
}
#flechadecalendario {
    width: 30px;
    height:30px;  
}

#infocalendario{
    margin: auto;
    width: 7cm; 
    height:cm ;
    font-family: 'Hind Guntur', sans-serif;
    color: #ffffff;
}
#infocalendario h3{
    margin: auto;
    width: 7cm; 
    height:1cm ;
    color: #ffffff;
    font-size:20px;
    font-weight: bold;
    
}

/*Parte de arriba*/
header{
    color: #fff;
    font-family: 'Hind Guntur', sans-serif;
    font-style: sans-serif;
    font-size: 1.8em;
    width: ;
    height:0.5cm;
    background: url('../img/header.jpg');
}
#flecha img{
    font-family: 'Hind Guntur', sans-serif;
    background-color: none;   
}
#letra{
    display: flex;
    justify-content: center;
    margin: auto;
    margin-top: 7;
}

#calendario {
    font-family: 'Hind Guntur', sans-serif;
    background-color: #14BA85;
    width: ;
    height:1.5cm;
    display: flex;
    justify-content: flex-start;
    
}

#multimedia{
    font-family: 'Hind Guntur', sans-serif;
    background-color: #d85b4a;
    width: ;
    height:1.5cm;
    display: flex;
    justify-content: flex-start;
}

#chat{
    font-family: 'Hind Guntur', sans-serif;
    background-color: #fda953;
    width: ;
    height:1.5cm;
    display: flex;
    justify-content: flex-start;
    
}

#Flecha{
    font-family: 'Hind Guntur', sans-serif;
    background-color: none;
    width: ;
    height:1.5cm;
    display: flex;
    justify-content: flex-start;
}


/*LOS DOS CUADRADOS DE HORARIOS*/
/*Rectangulo naranja*/
#diasquefaltan{
    display: flex;
    justify-content:center;
    flex-direction: row;
    width: 12.6cm ;
    margin: auto;

    
   
}
#faltandias a{
    display: flex;
    justify-content: center;
    width:4.91cm ; 
    height:0.5cm ;
    font-family: 'Hind Guntur', sans-serif;
    font-weight: bold;
    background: #f7803b;
    float:left;
    color: #ffffff;
    font-family: sans-serif;
    list-style: none;
    padding: 1rem;
    margin: auto;
    margin-right:;
    margin-left: 20px;
    font-weight: bold;
    font-size: 20px;
}

/*cuadro blanco de info*/
#losdoscuadrados{
    margin: auto;
    display: flex;
    justify-content: center;
    width: 12.6cm ; 
    height:6.5cm ;
}


#info1{
    background: #fff;
    width: 15cm ; 
    height:6.5cm ;
    margin: auto;
    margin-left: 20px;
    margin-bottom:20;
    float:left;
    list-style: none;
    font-family: sans-serif;
    margin: ; 
    
}

#info1 li {
    margin: 10;
     font-weight: bold;
}

#info1 p {
    font-style: normal;
    font-size: 12px;
    margin: 10;
}


p{
    font-family: 'Hind Guntur', sans-serif;
    margin: auto;
    color: black;
}

/*SEGUNDA INFORMACION (TEMAS)*/
#info2temas{
    background: #ffffff;
    width: 7cm; 
    height:16cm ;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin: auto;
    font-family: 'Hind Guntur', sans-serif;
   
}
#info2temas li{
    display: flex;
    flex-direction: column;
    margin: 10;
    font-size: 16px;
    font-weight: bold;
    
}
#info2temas p{
    font-style: normal;
    font-size: 12px;
    margin: 10;
    
}



/*RECORDATORIO*/
#recordatorio{
    font-family: 'Hind Guntur', sans-serif;
    background: #ffe0ce;
    padding: 3rem;
    width: 10.1cm ; 
    height:1cm ;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 30px 30px 30px 30px;
    -moz-border-radius: 30px 30px 30px 30px;
    -webkit-border-radius: 30px 30px 30px 30px;
    border: 0px solid #000000;
     
}

/*BOTONES (CALENDARIO,CHAT,MULTIMEDIA)*/
a{
    color:#000000;
    text-decoration: none;
}
/*botonCALENDARIO*/
#botoncalendario{
     margin-top: 20px;
     font-family: 'Hind Guntur', sans-serif;
     font-weight: bold;
     background: #14BA85;
     width: 11.8cm; 
     height:1cm ;
     padding: 1rem;
     margin: auto;
     display: flex;
    justify-content: flex-start;
  
}
#iconocalendario{
    display: flex;
    justify-content: flex-start;
    width: 50px;
}
#letracalendario{
    width: 90px;
    margin-left: 30;
}

/*botonCHAT*/
#botonchat{
     margin-top: 20px;
     font-family: 'Hind Guntur', sans-serif;
     font-weight: bold;
     background: #fda953;
     width: 11.8cm; 
     height:1cm ;
     padding: 1rem;
     margin: auto;
     display: flex;
    justify-content: flex-start;
  
}
#iconochat{
    display: flex;
    justify-content: flex-start;
    width: 50px;
}
#letrachat{
    width: 90px;
    margin-left:30;
}

/*botonMULTIMEDIA*/
   #botonmultimedia{
     margin-top: 20px;
     font-family: 'Hind Guntur', sans-serif;
     font-weight: bold;
     background: #d85b4a;
     width: 11.8cm; 
     height:1cm ;
     padding: 1rem;
     margin: auto;
     display: flex;
    justify-content: flex-start;
}
#iconomultimedia{
    display: flex;
    justify-content: flex-start;
    width: 50px;
}
#letramultimedia{
    width: 90px;
    margin-left: 30;
}