/*Todos*/

html{max-width: 720px;}

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

ul{
    list-style-type: none;
}

a{
    text-decoration: none;
}


.clear{clear:both}


/* ENCABEZADO */


header {
    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 );
        display: block;
        width: auto;
        max-width: 700px;
        margin: 0 0 1rem 0;
        padding: 1rem 10% 0.5rem 10%;
        min-height: 3.2rem;
        
        }



/* menu desplegable*/


#navinicio {display: block;}
nav {display: block; width: 100%; }
nav ul{ padding: 0; margin: 0}
nav ul li{list-style-type: none; }
.opciones {flex-flow: column; object-position: right; width: 100%; text-align: right; padding-top: 3.8rem;padding-bottom: 0.2rem}
.opciones li a { 
    background: #333; text-decoration: none; font-family:'Titillium Web', sans-serif; font-weight: lighter; font-size: 1.5rem; color: #fff; display: block; padding: 1rem; border-bottom: solid; border-bottom-width: thin; border-bottom-style: ridge;}
nav .botones{ display: block; position: relative; max-height: 4.2rem;}
nav .imglogo2{ position: absolute;
    float: left;
    top: -0.3rem;
    left: 0;
    width: 25%;
    margin: 0;
    vertical-align: middle;}
nav .perfil{ position: absolute; float: left; top: -0.3rem; right: 50%; width: 16%; max-height: 4.2rem; margin: 0;  vertical-align: middle;}
nav .lupa{ position: absolute; float: left; top: -0.3rem; right: 25%; width: 16%; max-height: 4.2rem; margin: 0; vertical-align: middle;}
nav .hamb{ width: 16%; max-height: 4.2rem; position: absolute; top: -0.3rem; right: 0px;}
nav .cruz{ width: 16%; max-height: 4.2rem; position: absolute; top: -0.3rem; right: 0px;}

.vinculo{ text-align: center; color: #fff; display: block;}




.img-wrapper{ max-width: 300px; margin: 0 auto;}
.img-wrapper img{ width: 100%;}








/*Botones*/

#logo01{
    width: 70%;
    padding: 11rem 3.7rem;
}

a{
    text-decoration: none;
}

#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 10% 2.5rem 10%;
    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;
    
}

#boton1:hover{
    background: #FF5365;
}

#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;
}

#txtboton1:hover{
    color: white;
}

#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;
}

#txtboton2:hover{
    color: white;
}



#nomcom{
    font-family: 'Titillium Web', sans-serif;
    color: #FF5365;
    font-weight: normal;
    text-align: left;
    font-size: 0.9rem;
    letter-spacing: 0.1rem;
    margin: 0 0 0 0;
}

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

#txtcom{
    font-family: 'Titillium Web', sans-serif;
    color: black;
    font-weight: normal;
    text-align: left;
    font-size: 0.8rem;
    letter-spacing: 0;
    margin: 0;
    line-height: 1rem;
}



#boton2{
    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 10% 2.5rem 10%;
    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;
    
}

#boton2:hover{
    background: #FF5365;
}

#boton2 > article h2:hover{
    color: white;
}

#txtmat{
    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;
    margin: 0;
}

#txtmat:hover{
    color: white;
}

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

#txtcat:hover{
    color: white;
}



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

#txtmatr:hover{
    color: white;
}

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

#txtcatr:hover{
    color: white;
}


/*textos*/

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

#filtrotxt{
        text-align: center;
        font-family: 'Titillium Web', sans-serif;
        color: white;
        font-weight: 100;
        font-size: 1rem;
        vertical-align: middle;
        margin: 0.3rem 0 0 0;
}

    #filtrotxt2{
        text-align: center;
        font-family: 'Titillium Web', sans-serif;
        font-weight: 100;
        font-size: 1rem;
        vertical-align: middle;
        margin: 0.3rem 0 0 0;
}

    #coment{
        text-align: center;
        font-family: 'Titillium Web', sans-serif;
        color: white;
        font-weight: 100;
        font-size: 1rem;
        vertical-align: middle;
        margin: 0 0 1rem 0;
}

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



/* BIENVENIDO */

#bienvenido{
    background: rgba(254, 254, 254, 0.4);
    margin: 0 10% 2.5rem 10%;
    padding: 1rem;
}

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

#bientxt{
    font-family: 'Titillium Web', sans-serif;
    color: white;
    font-weight: 100;
    text-align: center;
    font-size: 1rem;
    margin: 1rem 0;
}

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

/* PERFIL */


.fotoperfil {
    width: 40%;
    object-position: center;
    padding: 0 30%;
    margin-bottom: 1rem;
    margin-top: 1rem;
}




/* BUSQUEDA */

#buscador1{
    padding: 0;
    margin: 1rem 10% 1rem 10%;
    display: flex;
    height: 3.2rem;
}

#buscar{
    margin: 0;
    height: 3.2rem;
    width: 100%;
}

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

#buscar > form input{
    height: 100%;
    order: 0;
    padding: 0;
    margin: 0;
    background: none;
    border: none;
    width: 100%;
    font-family: 'Titillium Web', sans-serif;
    color: black;
    font-weight: normal;
    font-size: 1.2rem;
    letter-spacing: 0.1rem;

    
}

#buscar > form aside{
    padding: 0.7rem;
    height: 1.8rem;
}   

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

#botfiltro{
    height: 3.2rem;
}

#botfiltros{
    height: 3.2rem;
}



#buscar-catedra{
    padding: 0 3% 0 3%;
    width: auto;
    
}

    #buscar-catedra1{
        width: 82%;
        padding: 2% 0;
                }


        #buscar-cat{
            width: 100%;
            vertical-align: middle;
    
        }


    #buscar-catedra2{
        width: 13%;
    }

        #buscar-boton{
            width: 100%;
            max-height: 5rem;
            margin-left: 1rem;
}
        }





    #minifiltros{
        width: 100%;
        padding: 0 10%;
}

            #minifiltros > ul {
                width: 100%;
                padding: 0 10%;
                display: flex;
            }

            #minifiltros > ul li{
                width: 19.2%;
                height: 2.2rem;
                margin-right: 1%;
            }

            #minifiltros > ul li img{
                width: 100%;
            }

    .ranking, .carrera, .turno, .tipo{
    background: rgba(254, 254, 254, 0.4);
}

    .rankingS, .carreraS, .turnoS, .tipoS{
        background: #FF5365;
}







    


#minifiltrorank{
        background: rgba(254, 254, 254, 0.4);
        height: 2.8rem;
        margin: 0rem 10% 0.5rem 10%;
        padding: 0.8rem 0 0 0.6rem;
}

        #minifiltrorank > ul{
            display: flex;
            padding: 0.5rem 0.5rem 0.3rem 0.5rem;
}

        #minifiltrorank > ul img{
            width: 80%;
            margin: 0;
            padding: 0;
        }

        #puntaje{
            text-align: center;
            font-family: 'Titillium Web', sans-serif;
            color: #FFEE00;
            font-weight: 100;
            font-size: 1.5rem;
            vertical-align: middle;
            margin: -0.2rem 0 0 0;
}



#minifiltrocar{
        width: 100%;
        padding: 0;
}

            #minifiltrocar > ul {
                width: 100%;
                padding: 0 10%;
                display: flex;
            }

            #minifiltrocar > ul li{
                width: 19.2%;
                height: 2.2rem;
                margin-right: 1%;
                
            }

            #minifiltrocar > ul li img{
                width: 100%;
            }

    .dg, .arq, .di, .diys{
        background: rgba(254, 254, 254, 0.7);
        color: white;
}

    .dgS, .arqS, .diS, .diysS{
        background: rgba(254, 254, 254, 0.7);
        color: #FF5365;
}









#minifiltrotur{
        width: 100%;
        padding: 0;
}

            #minifiltrotur > ul {
                width: 100%;
                padding: 0 30%;
                display: flex;
            }

            #minifiltrotur > ul li{
                width: 19.2%;
                height: 2.2rem;
                margin-right: 1%;
                
            }

            #minifiltrotur > ul li img{
                width: 100%;
            }

    .manana, .tarde, .noche{
        background: rgba(254, 254, 254, 0.7);
        color: white;
}

    .mananas, .tardes, .noches{
        background: rgba(254, 254, 254, 0.7);
        color: #FF5365;
}




#minifiltrotip{
        width: 100%;
        padding: 0;
}

            #minifiltrotip > ul {
                width: 100%;
                padding: 0 50.5%;
                display: flex;
            }

            #minifiltrotip > ul li{
                width: 19.2%;
                height: 2.2rem;
                margin-right: 1%;
                
            }

            #minifiltrotip > ul li img{
                width: 100%;
            }

    .catedra, .lista {
        background: rgba(254, 254, 254, 0.7);
        color: white;
}

    .catedras, .listas {
        background: rgba(254, 254, 254, 0.7);
        color: #FF5365;
}






#resultados{
    padding: 0;
    display: inherit;
}

#resultadosr{
    padding: 0 10%;
    display: flex;
    
}

#resultadosr > ul{
    width: 52%;
    padding: 0 1.2% 0 0;
}

#botonr{
    background: rgba(254, 254, 254, 0.7);
    margin-bottom: 2%;
    padding: 1rem 0;
}

#botonr:hover{
    background: #FF5365;
}

#botonr > ul{
    display: flex;
    height: 1.5rem;
    padding: 0 3rem;
}


#estrellita{
    height: 78%;
    padding: 0.3rem;
}


#puntajenumr{
    text-align: center;
    font-family: 'Titillium Web', sans-serif;
    color: #FFEE00;
    font-weight: 100;
    /* font-size: 2rem; */
    vertical-align: middle;
    margin: -0.2rem 0 0 0;
    height: 100%;
}




/* PUNTUAR */


#puntajegen{
        width: 80%;
        margin: 0 10%;
        padding: 0;
}

        #puntajegen > ul{
            display: flex;
            padding: 0;
}

        #puntajegen > ul article{
            display: flex;
            padding: 0.6rem 0 0 0;
}

        #puntajegen > ul li{
            vertical-align: bottom;
            }

        #puntajegen > ul li img{
            vertical-align: bottom;
            }

        #puntajegen > ul img{
            width: 80%;
            margin: 0;
            padding: 0;
        }

        #puntajenum{
            text-align: center;
            font-family: 'Titillium Web', sans-serif;
            color: #FFEE00;
            font-weight: 100;
            font-size: 2rem;
            vertical-align: middle;
            margin: -0.2rem 0 0 0;
}

#votos{
            text-align: center;
            font-family: 'Titillium Web', sans-serif;
            color: white;
            font-weight: 100;
            font-size: 1rem;
            vertical-align: middle;
            margin: -0.5rem 0 0 0;
}

#mini{
            text-align: center;
            font-family: 'Titillium Web', sans-serif;
            color: white;
            font-weight: 100;
            font-size: 0.8rem;
            vertical-align: middle;
            margin: -0.4rem 0 0 0;
}

#menupuntuar{
        text-align: center;
        font-family: 'Titillium Web', sans-serif;
        color: white;
        font-weight: 100;
        font-size: 1.4rem;
        vertical-align: middle;
        margin: 0 0 1rem 0;
}

#menupuntuar2{
        text-align: center;
        font-family: 'Titillium Web', sans-serif;
        color: white;
        font-weight: 100;
        font-size: 1.4rem;
        vertical-align: middle;
        margin: 0 0 1rem 0;
}

#menupuntuar3{
        text-align: center;
        font-family: 'Titillium Web', sans-serif;
        color: white;
        font-weight: 100;
        font-size: 1.4rem;
        vertical-align: middle;
        margin: 0 0 1rem 0;
}

#elegirmp1{
    background: #FF5365;
}

#elegirmp2{
    background: #FF5365;
}

#elegirmp3{
    background: #FF5365;
}

#titrank{
        text-align: left;
        font-family: 'Titillium Web', sans-serif;
        color: white;
        font-weight: 600;
        font-size: 1rem;
        vertical-align: middle;
        margin: 0 0 0.5rem 0;
        padding: 0 10%;
}

#rankea{
    background: rgba(254, 254, 254, 0.4);
    height: 2.8rem;
    margin: 0rem 10% 0.5rem 10%;
    padding: 0.8rem 0 0 0.6rem;
}   




#comentario1{
    padding: 0;
    margin: 0 10% 1rem 10%;
    display: flex;

}

#com1{
    margin: 0;
    padding: 0.2rem 0.5rem;
    width: 100%;
    height: 100%;
    background: rgba(254, 254, 254, 0.7);
}



#fotocom{
    height: 3.8rem;
}


#comentarioe{
    padding: 0;
    margin: 0 10% 1rem 10%;
    display: flex;
    height: 3.4rem;

}

#com1e > form input{
    height: 3.4rem;
    order: 0;
    padding: 0 0 0 0.5rem;
    margin: 0;
    background: none;
    border: none;
    width: 13rem;
    font-family: 'Titillium Web', sans-serif;
    color: black;
    font-weight: normal;
    text-align: left;
    font-size: 1.1rem;
    letter-spacing: 0.1rem;
    vertical-align: middle;
}



#com1e{
    margin: 0;
    padding: 0.2rem 0 0.2rem 0;
    width: 100%;
    height: 100%;
    background: rgba(254, 254, 254, 0.7);
    display: flex;
}

#com1e > img{
    height: 75%;
    padding: 2%;
    text-align: right;
    
}



#tps{
    background: rgba(254, 254, 254, 0);
    margin: 0rem 10% 2rem 10%;
    padding: 0;
    display: flex;
}  

#titleind{
    width: 98%;
}


/*MIS LISTAS*/

#listatit{
    padding: 0;
    margin: 0;
    display: flex;
}

#listatit > article{
    padding: 0;
    margin: 0;
    width: 100%;
}


#adherir article {display: block;
                 width: 65%; 
                 -webkit-flex: 3 1 65%;
                 flex: 1 1 65%;
                 -webkit-order: 1;
                 order: 1;
                 text-align: center;
    
}

#adherirmas{
    width: 13%;
    float: right;
    /* right: 10%; */
    /* top: 51rem; */
    margin-right: 10%;
    /* margin-top: 40px; */
    margin-top: -4.9rem;
}

#adherir aside img {width: 40%;       
    }

#tituloform {display: block;
             margin-left: 40px;
    
}

#comentleft{
        text-align: left;
        font-family: 'Titillium Web', sans-serif;
        color: white;
        font-weight: 100;
        font-size: 0.9rem;
        vertical-align: middle;
        margin: 0 0 0 0;}

/*Adherir catedras a Lista*/



#boton1 article  {padding-left: 60px; width: 60%; float: left; display: block; text-align: right;}
#boton1 aside  {padding-left: 10px; width: 10%; float: left; display: block; text-align: right;}


#boton1 aside img {margin-top: 24px; width: 4%; right: 80px; position: absolute;}

#listax{
    padding: 0;
    margin: 0;
}

#menudesplegable {margin-right: 40px; margin-left: 40px;}
.desplegable {flex-flow: column; object-position: center; width: 100%; text-align: center; margin-top: -2.4rem;padding-bottom: 0.2rem; margin-bottom: 2rem;}
.desplegable ul {padding-top: 0;}
.desplegable li a { 
    background: #14143e; text-decoration: none; font-family:'Titillium Web', sans-serif; font-weight: lighter; font-size: 1rem; color: #fff; display: block; padding: 1rem; border-bottom: solid; border-bottom-width: thin; border-bottom-style: ridge;}

.desplegable li a: hover{color: #f41a6d;}


.desplegable2 {flex-flow: column; object-position: center; width: 100%; text-align: center; margin-top: -2.4rem;padding-bottom: 0.2rem; margin-bottom: 2rem;}
.desplegable2 ul {padding-top: 0;}
.desplegable2 li a { 
    background: #14143e; text-decoration: none; font-family:'Titillium Web', sans-serif; font-weight: lighter; font-size: 1rem; color: #fff; display: block; padding: 1rem; border-bottom: solid; border-bottom-width: thin; border-bottom-style: ridge;}

.desplegable2 li a: hover{color: #f41a6d;}


.desplegable3 {flex-flow: column; object-position: center; width: 100%; text-align: center; margin-top: -2.4rem;padding-bottom: 0.2rem; margin-bottom: 2rem;}
.desplegable3 ul {padding-top: 0;}
.desplegable3 li a { 
    background: #14143e; text-decoration: none; font-family:'Titillium Web', sans-serif; font-weight: lighter; font-size: 1rem; color: #fff; display: block; padding: 1rem; border-bottom: solid; border-bottom-width: thin; border-bottom-style: ridge;}

.desplegable3 li a: hover{color: #f41a6d;}


/*Lista Comentarios*/

.catedratico { text-align: left;
    margin-left: 40px;
}

#menupuntuar6{
        text-align: left;
        font-family: 'Titillium Web', sans-serif;
        color: white;
        font-weight: 100;
        font-size: 1.4rem;
        vertical-align: middle;
        margin: 0 0 1rem 40px;
}




#txtboton11{
    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;
    margin: 0;
}


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

#txtboton11:hover{
    color: white;
}



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


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

#txtboton25:hover{
    color: white;
}



.anadir img {margin-left: 122px; width: 6%;}


/*Recomendaciones*/


#resultadosre{
    padding: 0 10%;
    display: flex;
    
}

#resultadosre > ul{
    width: 52%;
    padding: 0 1.2% 0 0;
}

#linkrec{
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
}

#botonre{
    background: rgba(254, 254, 254, 0.7);
    margin-bottom: 2%;
    padding: 1rem 0;
}

#botonre:hover{
    background: #FF5365;
}

#botonre > ul{
    display: flex;
    height: 1.5rem;
    padding: 0 3rem;
}

/*Recomendacion 1*/

#menupuntuarre{
        text-align: left;
        font-family: 'Titillium Web', sans-serif;
        color: white;
        font-weight: 100;
        font-size: 1.4rem;
        vertical-align: middle;
        margin: 0 10% 1rem 10%;
    
}




/*Comparar*/

#resultadosco{
    padding: 0 10%;
    display: flex;
    
}

#resultadosco > ul{
    width: 49%;
    padding: 0 1.2% 0 0;
}


#botonco{
    background: rgba(254, 254, 254, 0.7);
    margin-bottom: 2%;
    padding: 1rem 0;
}



#botonco > ul{
    display: flex;
    height: 1.5rem;
    padding: 0 3rem;
}


#botoncoa1{
    background: rgba(254, 254, 254, 0.7);
    margin-bottom: 2%;
    padding: 1rem 0;
}


#botoncoa1 > ul{
    display: flex;
    height: 1.5rem;
    padding: 0 3rem;
}


#botoncob1{
    background: rgba(254, 254, 254, 0.7);
    margin-bottom: 2%;
    padding: 1rem 0;
}

#botoncob1 > ul{
    display: flex;
    height: 1.5rem;
    padding: 0 3rem;
}

#botoncoa2{
    background: #FF5365;
    color: white;
    margin-bottom: 2%;
    padding: 1rem 0;
}


#botoncoa2 > ul{
    display: flex;
    height: 1.5rem;
    padding: 0 3rem;
}


#botoncob2{
    background: #FF5365;
    color: white;
    margin-bottom: 2%;
    padding: 1rem 0;
}

#botoncob2 > ul{
    display: flex;
    height: 1.5rem;
    padding: 0 3rem;
}



#txtmatco{
    font-family: 'Titillium Web', sans-serif;
    
    font-weight: 800;
    text-align: center;
    font-size: 1.1rem;
    letter-spacing: 0.1rem;
    vertical-align: middle;
    margin: 0;
}

/*#txtmatco:hover{
    color: white;
}*/

#txtcatco{
    font-family: 'Titillium Web', sans-serif;
    font-weight: 600;
    text-align: center;
    font-size: 1.1rem;
    letter-spacing: 0.1rem;
    vertical-align: middle;
    margin: 0;
}

/*#txtcatco:hover{
    color: white;
}*/

#puntajenumco{
    text-align: center;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 100;
    /* font-size: 2rem; */
    vertical-align: middle;
    margin: -0.2rem 0 0 0;
    height: 100%;
}

#flechaco{
    width: 32%;
    float: left;
    margin-left: 1.4rem;
}


.desplegablec1 {flex-flow: column; object-position: center; width: 100%; text-align: center; padding-bottom: 0.2rem; padding: 0;}
.desplegablec1 ul {padding-top: 0;}
.desplegablec1 li a { 
    background: #14143e; text-decoration: none; font-family:'Titillium Web', sans-serif; font-weight: lighter; font-size: 1rem; color: #fff; display: block; padding: 1rem; border-bottom: solid; border-bottom-width: thin; border-bottom-style: ridge;}

.desplegablec1 li a: hover{color: #f41a6d;}


.desplegablec2 {flex-flow: column; object-position: center; width: 100%; text-align: center; padding-bottom: 0.2rem; padding: 0;}
.desplegablec2 ul {padding-top: 0;}
.desplegablec2 li a { 
    background: #14143e; text-decoration: none; font-family:'Titillium Web', sans-serif; font-weight: lighter; font-size: 1rem; color: #fff; display: block; padding: 1rem; border-bottom: solid; border-bottom-width: thin; border-bottom-style: ridge;}

.desplegablec2 li a: hover{color: #f41a6d;}


.comparaciones {flex-flow: column; object-position: right; width: 80%; text-align: center; padding-bottom: 0.2rem; margin: 0;}
.comparaciones li a { 
    background: #333; text-decoration: none; font-family:'Titillium Web', sans-serif; font-weight: lighter; font-size: 1.5rem; color: #fff; display: flex; padding: 1rem 0; border-bottom: solid; border-bottom-width: thin; border-bottom-style: ridge;}

#comp1{
    display: flex;
    padding: 0 0 0 0.5rem;
}


#comp1 > article h2{
    font-size: 1.5rem;
    width: 4rem;
    text-align: left;
}

#comp2{
    display: flex;
    padding: 0 0.5rem 0 0;
    text-align: right;
}



#comp2 > article h2{
    font-size: 1.5rem;
    text-align: right;
    width: 4rem;
}

#comp3{
    display: flex;
    padding: 0 0 0 0.5rem;
}


#comp3 > article h2{
    font-size: 1.5rem;
    width: 6.2rem;
    text-align: left;
}

#comp4{
    display: flex;
    padding: 0 0.5rem 0 0;
    text-align: right;
}



#comp4 > article h2{
    font-size: 1.5rem;
    text-align: right;
    width: 6.2rem;
}

#comp5{
    display: flex;
    padding: 0 0 0 0.5rem;
}


#comp5 > article h2{
    font-size: 1.5rem;
    width: 3.65rem;
    text-align: left;
}

#comp6{
    display: flex;
    padding: 0 0.5rem 0 0;
    text-align: right;
}



#comp6 > article h2{
    font-size: 1.5rem;
    text-align: right;
    width: 3.65rem;
}

#estrellita2{
    height: 78%;
    padding: 0.3rem;
}

/* Comentarios

rosa:#FF5365
gris:#A8B2BA
amarillo:#FFEE00
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 );

*/