@import url(https://fonts.googleapis.com/css?family=Montserrat);

body,html{
    padding:0;
    margin:0;
    font-family: "Montserrat", sans-serif;
}

header img{
    width:100%;
}


.formulario{
    text-align: center;
    padding-top:10px;
}

.formulario input{
    margin:  auto;
    display: block;
    border:1px solid lightgray;
    padding:10px;
    border-radius: 15px;
    margin-bottom: 10px;
    width:60%;
}

.boton{
    color:white;
    border:0;
    display: block;
    border-radius: 18px;
    font-size:12px;
    width:110px;
    height:40px;
    margin: auto;
    cursor: pointer;
}


.evaluar{
    background-color: #E83B3C;
    border:1px solid #E83B3C;
    border-top-left-radius: 0px;
    border-top-right-radius: 10px;
    border-top-top-radius: 0px;
    border-top-bottom-radius: 10px;
    width:120px;
    color:white;
    font-size:12px;
    cursor:pointer;
}

.azul{
    background-color:#184796;
}

.rojo{
    background-color:#E83B3C;
}

.naranja {
    background-color: #f6a32a;
}
.facebook{
    color:#184796;
    font-size:12px;
    padding-top:10px;
}

.crear{
    padding-top:10px;
}

.crear a{
    color:#E83B3C;
    text-decoration: none;
    font-size:12px;
}

.separador{
    padding-top:5px;
    padding-bottom:5px;
    clear:both;
}

button a{
    color:white;
    text-decoration: none;
}

.principal{
    background-color:#00AFC0;
    padding:10px;
    margin:0;
    height:170px;
    text-align: center;
}
.principalChat {
    padding: 10px;
    margin: 0;
    height: 170px;
    text-align: center;
}

.principal .logo{
    float:left;
}

.principal .perfil{
    text-align: center;
    margin-top:30px;
    width:100%;
    color:white;
}

.principal .avatar img{
    width:100px;
    float:left;
    margin:auto;
    text-align: center;
}

.principal .perfil .usuario a{
    text-decoration: none;
    color:white;
}
.principal .perfil .configuracion{
    font-size:12px;
    color:black;
    margin-top:3px;
}


.principal .perfil .configuracion a{
    color:black;
    text-decoration: none;
}

nav{
    padding-top:30px;
}
nav .item{
    margin:auto;
    text-align: center;
    padding-top:14px;
    padding-bottom:14px;
    cursor:pointer;
    font-weight: normal;
    font-size:18px;
}

.borde_naranja{
    border-left:7px solid #F6A32A;
    border-right:7px solid #F6A32A;
}

.borde_azul{
    border-left:7px solid #104F67;
    border-right:7px solid #104F67;
}

.borde_rojo{
    border-left:7px solid #EA5050;
    border-right:7px solid #EA5050; 
}

.borde_celeste{
    border-left:7px solid #00AFC0;
    border-right:7px solid #00AFC0;
}

nav .item:hover{
    background-color:#EFEFEF;
}

a {
    text-decoration: none;
    color: black;
}

.celeste {
    background-color: #00BBC2;
}
main .izquierda .titulo{
    color:white;
    padding:5px;
    text-align: center;
    font-size:10px;
    margin-bottom: 5px;
}

main .izquierda .evento{
    border-bottom:1px solid #939598;
}
main .izquierda .direccion{
    margin-bottom: 5px;
}

main .izquierda .categoria{
    font-size:12px !important;
}

main .izquierda .mes{
    background-color:#F37F7D;
    text-align: center;
    color:white;
    font-size:10px;
    padding:5px;
    margin-top:20px;
}

main .izquierda .apunte{
    padding:10px;
    background-color:#E1E1E2;
    border-bottom:1px solid gray;
}

main .izquierda .apunte .fecha{
    color:darkgray;
    font-size:12px;
}

main .izquierda .apunte .titulo{
    font-size:12px;
    color:black;
    padding:0;
    margin:0;
    font-weight: bold;
    margin-bottom:10px;
}

main .izquierda .apunte .autor{
    font-size:12px;
    color:black;
    margin-bottom:10px;
}





main .izquierda .apunte .contenido{
    font-size:12px;
}

.tituloDos {
     color:white;
    padding:15px;
    text-align: center;
    font-size:20px;
    margin-bottom: 5px;
}
