@charset "utf-8";
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 no admite ancho máximo, por lo que el ancho predeterminado es 100%. */
.ie6 img {
	width:100%;
}
*{
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* Diseño Mobile: 480px y menos. */
#centro_ayuda{
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
}
#circulo_ayuda{
    width: 55px;
    height: 55px;
    border-radius: 100px;
    position: absolute;
    bottom: 25px;
    right: 25px;
    z-index: 5;
    position: fixed;
    box-shadow: rgb(0,0,0,0.7) 0px 0px 15px;
    background: rgb(167,204,0);
    cursor: pointer;
    color: #fff;
}
#circulo{
    text-align: center;
    position: relative;
    padding: 12px 8px;
}
#circulo span{
    font-size: 25px;
}
#ayuda{
    height: 100%;
    position: absolute;
    top: -470%;
    left: -5%;
    width: 100%;
    text-align: center;
}
#ayuda ul{
    list-style: none;
}
#ayuda ul li{
    padding: 7px 10px 7px 5px;
    margin: 9px;
    border-radius: 20px;
    font-size: 20px;
    text-align: center;
}
#ayuda ul li:hover{
    box-shadow: rgb(15,15,15) 0px 0px 13px;
}
#ayuda ul a li{
    color: #fff;
    text-decoration: none;
}
#fa{
    background-color: #3b5998;
}
#in{
    background: #f09433; 
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}
#wh{
    background-color: #00bb2d;
}
#ph{
    background-color: dimgray;
}
#ma{
    background-color: darkorange;
}

/* Diseño Tablet: 481px a 768px. Hereda estilos de diseño mobile. */
@media only screen and (min-width: 481px) {
}


/* Diseño Desktop: 769px a un maximo de 1600px. Hereda estilos de: Diseño mobile y tablet */
@media only screen and (min-width: 900px) {
    #centro_ayuda{
        z-index: -1;
        width: 100%;
        height: 100%;
        top: 0;
    }
    #circulo_ayuda{
        width: 65px;
        height: 65px;
        border-radius: 100px;
        position: absolute;
        bottom: 30px;
        right: 30px;
        z-index: 5;
        position: fixed;
        box-shadow: rgb(0,0,0,0.7) 0px 0px 15px;
        background: rgb(167,204,0);
        cursor: pointer;
        color: #fff;
    }
    #circulo{
        text-align: center;
        position: relative;
        padding: 9px 6px;
    }
    #circulo span{
        font-size: 37px;
    }
    #ayuda{
        height: 100%;
        position: absolute;
        top: -430%;
        left: -5%;
        width: 100%;
        text-align: center;
    }
    #ayuda ul{
        list-style: none;
    }
    #ayuda ul li{
        padding: 7px 10px 7px 5px;
        margin: 13px;
        border-radius: 20px;
        font-size: 20px;
        text-align: center;
        transition: all 0.4s;
    }
    #ayuda ul li:hover{
        box-shadow: rgb(15,15,15) 0px 0px 13px;
    }
    #ayuda ul a li{
        color: #fff;
        text-decoration: none;
    }
    #fa{
        background-color: #3b5998;
    }
    #in{
        background: #f09433; 
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
    }
    #wh{
        background-color: #00bb2d;
    }
    #ph{
        background-color: dimgray;
    }
    #ma{
        background-color: darkorange;
    }
}