/*Todos*/

html{max-width: 720px;}

body{
    background-image: url(../img/iFadu-fondos-01.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 10%;
    padding: 0;
    /*position: fixed;*/
    width: 80%;
}

ul{
    list-style-type: none;
}

a{
    text-decoration: none;
}



/*Index*/

#logo01{
    width: 100%;
    padding: 12.5rem 0;
}

/*Footer*/

footer{
    font-family: 'Titillium Web', sans-serif;
    color: rgba(254, 254, 254, 0.6);
    font-weight: normal;
    text-align: center;
    font-size: 0.4rem;
    position: absolute;
    bottom: 1rem;
    padding: 0;
    width: 80%;
}

/*PrimerMenú*/

#primerbotonera{
    padding: 0;
    padding-top: 12.5rem;
}

#primerbotonera > li{
    padding: 0;
}


#boton1{
    background: linear-gradient(to right, rgba(168,178,186,1) 0%, rgba(254,254,254,1) 25%, rgba(254,254,254,1) 75%, rgba(168,178,186,1) 100%);
    margin: 0 0 2.5rem 0;
    height: 3.4rem;
    border-color: background: rgba(168,178,186,1);
        background: -moz-linear-gradient(left, #A8B2BA 0%, #fefefe 25%, #fefefe 75%, #A8B2BA 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, #A8B2BA), color-stop(25%, #fefefe, color-stop(75%, #fefefe), color-stop(100%, #A8B2BA));
        background: -webkit-linear-gradient(left, #A8B2BA 0%, #fefefe 25%, #fefefe 75%, #A8B2BA 100%);
        background: -o-linear-gradient(left, #A8B2BA 0%, #fefefe 25%, #fefefe 75%, #A8B2BA 100%);
        background: -ms-linear-gradient(left, #A8B2BA 0%, #fefefe 25%, #fefefe 75%, #A8B2BA 100%);
        background: linear-gradient(to right, #A8B2BA 0%, #fefefe 25%, #fefefe 75%, #A8B2BA 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8b2ba', endColorstr='#a8b2ba', GradientType=1 ); #A8B2BA 75%, #fefefe 100%);
    border: 0.4rem solid;
    border-image: linear-gradient(to right, #fefefe 0%, #A8B2BA 25%, #A8B2BA 75%,#fefefe 100%);
        -moz-border-image: -moz-linear-gradient(left, #fefefe 0%, #A8B2BA 25%, #A8B2BA 75%,#fefefe 100%);
        -webkit-border-image: -webkit-linear-gradient(left, #fefefe 0%, #A8B2BA 25%, #A8B2BA 75%,#fefefe 100%);
	  border-image-slice: 1;
    
}

#txtboton1{
    font-family: 'Titillium Web', sans-serif;
    color: black;
    font-weight: normal;
    text-align: center;
    font-size: 1.1rem;
    letter-spacing: 0.1rem;
    vertical-align: middle;
}


#txtboton1 > strong{
    font-weight: 600;
}

#txtboton2{
    font-family: 'Titillium Web', sans-serif;
    color: #FF5365;
    font-weight: normal;
    text-align: center;
    font-size: 1.1rem;
    letter-spacing: 0.1rem;
    vertical-align: middle;
}


#txtboton2 > strong{
    font-weight: 600;
}



#boton1:hover{
    background: #FF5365;
}

#txtboton1:hover{
    color: white;
}

#txtboton2:hover{
    color: white;
}



/*Ingresar SIU*/

#titulo{
    font-family: 'Titillium Web', sans-serif;
    color: white;
    font-weight: normal;
    text-align: center;
    font-size: 2rem;
    letter-spacing: 0.2rem;
    margin: 5rem 0 5.4rem 0;
}

#ingreso{
    margin: 0 0 2.5rem 0;
    height: 4.2rem;
}

#ingreso > form{
    height: 100%;
    background: rgba(254, 254, 254, 0.4);
    display: flex;
    display: -webkit-flex;
}

#ingreso > form input{
    height: 100%;
    order: 0;
    padding: 0;
    margin: 0;
    background:none;
    border: none;
    width: 100%;
    font-family: 'Titillium Web', sans-serif;
    color: white;
    font-weight: normal;
    font-size: 1.6rem;
    letter-spacing: 0.2rem;
    padding-left: 1rem;
    
}



#ingreso > form aside{
    padding: 0.5rem;
    height: 3.2rem;
    width: 3.2rem;
}

#ingreso > form aside img{
    height: 100%;
}



/* Comentarios

rosa:#FF5365
gris:#A8B2BA
letter-spacing: 0.1rem SIEMPRE QUE HAY


background: rgba(168,178,186,1);
background: -moz-linear-gradient(left, rgba(168,178,186,1) 0%, rgba(254,254,254,1) 25%, rgba(254,254,254,1) 75%, rgba(168,178,186,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(168,178,186,1)), color-stop(25%, rgba(254,254,254,1)), color-stop(75%, rgba(254,254,254,1)), color-stop(100%, rgba(168,178,186,1)));
background: -webkit-linear-gradient(left, rgba(168,178,186,1) 0%, rgba(254,254,254,1) 25%, rgba(254,254,254,1) 75%, rgba(168,178,186,1) 100%);
background: -o-linear-gradient(left, rgba(168,178,186,1) 0%, rgba(254,254,254,1) 25%, rgba(254,254,254,1) 75%, rgba(168,178,186,1) 100%);
background: -ms-linear-gradient(left, rgba(168,178,186,1) 0%, rgba(254,254,254,1) 25%, rgba(254,254,254,1) 75%, rgba(168,178,186,1) 100%);
background: linear-gradient(to right, rgba(168,178,186,1) 0%, rgba(254,254,254,1) 25%, rgba(254,254,254,1) 75%, rgba(168,178,186,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8b2ba', endColorstr='#a8b2ba', GradientType=1 );

*/